{"id":12,"date":"2026-03-07T08:42:47","date_gmt":"2026-03-07T08:42:47","guid":{"rendered":"https:\/\/rebicom.es\/noticias\/?page_id=12"},"modified":"2026-03-07T10:16:59","modified_gmt":"2026-03-07T10:16:59","slug":"home","status":"publish","type":"page","link":"https:\/\/rebicom.es\/noticias\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n  :root {\n    --blue: #0071bc;\n    --cyan: #29abe2;\n    --aqua: #00ffff;\n    --white: #f5f9fc;\n    --ink: #0d1f2d;\n    --muted: #5a7080;\n    --border: #d4e6f0;\n    --card-bg: #ffffff;\n    --light-bg: #eef6fb;\n    --footer-bg: #eef6fb;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .site-hero {\n    background: linear-gradient(160deg, #f0f8ff 0%, #ffffff 60%);\n    padding: 5rem 2rem 4rem;\n    text-align: center;\n    border-bottom: 1px solid var(--border);\n  }\n\n  .site-hero-inner {\n    max-width: 760px;\n    margin: 0 auto;\n  }\n\n  .site-logo {\n    height: 120px;\n    width: auto;\n    margin-bottom: 2rem;\n  }\n\n  .hero-tagline {\n    font-size: clamp(1.6rem, 3vw, 2.4rem);\n    font-family: inherit;\n    color: var(--ink);\n    line-height: 1.25;\n    margin-bottom: 1rem;\n  }\n\n  .hero-tagline span {\n    color: var(--blue);\n  }\n\n  .hero-desc {\n    font-size: 1rem;\n    color: var(--muted);\n    line-height: 1.7;\n    max-width: 580px;\n    margin: 0 auto 2.2rem;\n  }\n\n  .hero-areas {\n    display: flex;\n    flex-wrap: wrap;\n    gap: .6rem;\n    justify-content: center;\n  }\n\n  .hero-area-pill {\n    background: var(--light-bg);\n    border: 1px solid var(--border);\n    color: var(--blue);\n    font-size: .78rem;\n    font-weight: 600;\n    letter-spacing: .05em;\n    text-transform: uppercase;\n    padding: .4rem 1rem;\n    border-radius: 999px;\n  }\n\n  .hero-funding {\n    margin-top: 1.8rem;\n    font-size: .72rem;\n    color: var(--muted);\n    opacity: .7;\n  }\n\n  \/* \u2500\u2500\u2500 MAIN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  section.main {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 3.5rem 2rem 5rem;\n  }\n\n  \/* \u2500\u2500 FEATURED \u2500\u2500 *\/\n  .featured {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 0;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 4px 32px rgba(0, 113, 188, .10);\n    margin-bottom: 4rem;\n    min-height: 420px;\n  }\n\n  .featured-image {\n    position: relative;\n    overflow: hidden;\n    background: var(--ink);\n  }\n\n  .featured-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    opacity: .85;\n    transition: transform .6s ease, opacity .4s;\n  }\n\n  .featured:hover .featured-image img {\n    transform: scale(1.03);\n    opacity: .9;\n  }\n\n  .featured-badge {\n    position: absolute;\n    top: 1.2rem;\n    left: 1.2rem;\n    background: var(--aqua);\n    color: var(--ink);\n    font-size: .72rem;\n    font-weight: 700;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n    padding: .28rem .75rem;\n    border-radius: 4px;\n  }\n\n  .featured-body {\n    background: #fff;\n    color: var(--ink);\n    padding: 3rem 3rem 2.5rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .featured-date {\n    font-size: .78rem;\n    font-weight: 500;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n    color: var(--muted);\n    margin-bottom: .75rem;\n  }\n\n  .featured-title {\n    font-family: inherit;\n    font-size: clamp(1.5rem, 2.5vw, 2rem);\n    line-height: 1.25;\n    color: var(--blue);\n    margin-bottom: 1.1rem;\n  }\n\n  .featured-excerpt {\n    font-size: .92rem;\n    line-height: 1.7;\n    color: var(--muted);\n    flex-grow: 1;\n    margin-bottom: 1.8rem;\n  }\n\n  .btn-read {\n    display: inline-flex;\n    align-items: center;\n    gap: .45rem;\n    background: var(--blue);\n    border: 1px solid var(--blue);\n    color: #fff;\n    font-size: .84rem;\n    font-weight: 600;\n    padding: .6rem 1.3rem;\n    border-radius: 7px;\n    width: fit-content;\n    transition: background .2s, border-color .2s;\n  }\n\n  .btn-read:hover {\n    background: var(--cyan);\n    border-color: var(--cyan);\n  }\n\n  .btn-read svg {\n    width: 14px;\n    height: 14px;\n  }\n\n  \/* \u2500\u2500 SECTION HEADER \u2500\u2500 *\/\n  .section-header {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    margin-bottom: 1.8rem;\n  }\n\n  .section-title {\n    font-family: inherit;\n    font-size: 1.5rem;\n    color: var(--ink);\n  }\n\n  .section-subtitle {\n    font-size: .83rem;\n    color: var(--muted);\n    margin-top: .2rem;\n  }\n\n  \/* \u2500\u2500 NEWS GRID \u2500\u2500 *\/\n  #news-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1.6rem;\n  }\n\n  .news-card {\n    background: var(--card-bg);\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid var(--border);\n    display: flex;\n    flex-direction: column;\n    opacity: 0;\n    transform: translateY(18px);\n    transition: opacity .4s ease, transform .4s ease,\n      box-shadow .25s, border-color .25s;\n  }\n\n  .news-card.visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .news-card:hover {\n    box-shadow: 0 6px 28px rgba(0, 113, 188, .12);\n    border-color: var(--cyan);\n  }\n\n  .card-img {\n    height: 180px;\n    overflow: hidden;\n    background: var(--ink);\n    position: relative;\n  }\n\n  .card-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform .5s ease;\n    opacity: .88;\n  }\n\n  .news-card:hover .card-img img {\n    transform: scale(1.05);\n  }\n\n  .card-tag {\n    position: absolute;\n    bottom: .7rem;\n    left: .8rem;\n    background: var(--cyan);\n    color: #fff;\n    font-size: .67rem;\n    font-weight: 700;\n    letter-spacing: .07em;\n    text-transform: uppercase;\n    padding: .2rem .6rem;\n    border-radius: 4px;\n  }\n\n  .card-body {\n    padding: 1.3rem 1.4rem 1.6rem;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .card-date {\n    font-size: .73rem;\n    color: var(--muted);\n    font-weight: 500;\n    letter-spacing: .04em;\n    margin-bottom: .5rem;\n  }\n\n  .card-title {\n    font-family: inherit;\n    font-size: 1.05rem;\n    line-height: 1.35;\n    color: var(--ink);\n    margin-bottom: .65rem;\n    flex-grow: 1;\n  }\n\n  .card-excerpt {\n    font-size: .83rem;\n    color: var(--muted);\n    line-height: 1.6;\n    margin-bottom: 1.1rem;\n  }\n\n  .card-link {\n    font-size: .8rem;\n    font-weight: 600;\n    color: var(--blue);\n    display: inline-flex;\n    align-items: center;\n    gap: .3rem;\n    transition: gap .2s, color .2s;\n  }\n\n  .card-link:hover {\n    gap: .55rem;\n    color: var(--cyan);\n  }\n\n  .card-link svg {\n    width: 13px;\n    height: 13px;\n  }\n\n  \/* \u2500\u2500 LOAD MORE \u2500\u2500 *\/\n  .load-more-wrap {\n    display: flex;\n    justify-content: center;\n    margin-top: 2.8rem;\n  }\n\n  #load-more-btn {\n    background: transparent;\n    border: 2px solid var(--blue);\n    color: var(--blue);\n    font-family: inherit;\n    font-size: .88rem;\n    font-weight: 600;\n    padding: .7rem 2rem;\n    border-radius: 8px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: .6rem;\n    transition: background .2s, color .2s, transform .15s;\n  }\n\n  #load-more-btn:hover:not(:disabled) {\n    background: var(--blue);\n    color: #fff;\n    transform: translateY(-2px);\n  }\n\n  #load-more-btn:disabled {\n    opacity: .4;\n    cursor: default;\n  }\n\n  .spinner {\n    width: 16px;\n    height: 16px;\n    border: 2px solid currentColor;\n    border-top-color: transparent;\n    border-radius: 50%;\n    animation: spin .7s linear infinite;\n    display: none;\n  }\n\n  .loading .spinner {\n    display: block;\n  }\n\n  .loading .btn-label {\n    display: none;\n  }\n\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  footer {\n    background: var(--footer-bg);\n    color: var(--ink);\n    border-top: 1px solid var(--border);\n  }\n\n  .footer-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 3rem 2rem 2rem;\n  }\n\n  .footer-brand p {\n    font-size: .84rem;\n    line-height: 1.7;\n    margin-top: .9rem;\n    max-width: 340px;\n    color: var(--muted);\n  }\n\n  .footer-brand .f-logo img,\n  .footer-brand .f-logo svg {\n    height: 48px;\n    width: auto;\n  }\n\n  .footer-bottom {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 1.2rem 2rem;\n    border-top: 1px solid var(--border);\n    font-size: .78rem;\n    color: var(--muted);\n  }\n\n  \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  @media (max-width: 960px) {\n    .featured {\n      grid-template-columns: 1fr;\n      min-height: auto;\n    }\n\n    .featured-image {\n      height: 260px;\n    }\n\n    #news-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .site-hero {\n      padding: 3rem 1.5rem 2.5rem;\n    }\n\n    .site-logo {\n      height: 80px;\n      margin-bottom: 1.4rem;\n    }\n\n    #news-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .featured-body {\n      padding: 2rem 1.5rem;\n    }\n  }\n<\/style>\n\n<section class=\"site-hero\">\n  <div class=\"site-hero-inner\">\n    <img decoding=\"async\" src=\"https:\/\/rebicom.es\/noticias\/wp-content\/uploads\/2026\/03\/logo-color.svg\" alt=\"ReBiCom UMA Network\" class=\"site-logo\" \/>\n    <h1 class=\"hero-tagline\">Investigaci\u00f3n en <span>Regeneraci\u00f3n, Bienestar y Comunicaci\u00f3n Positiva<\/span><\/h1>\n    <p class=\"hero-desc\">Red de investigaci\u00f3n de la Facultad de Ciencias de la Comunicaci\u00f3n de la Universidad de M\u00e1laga. Investigaci\u00f3n, docencia y transferencia en sostenibilidad y comunicaci\u00f3n positiva.<\/p>\n    <div class=\"hero-areas\">\n      <span class=\"hero-area-pill\">Biom\u00edmesis<\/span>\n      <span class=\"hero-area-pill\">Sostenibilidad<\/span>\n      <span class=\"hero-area-pill\">Comunicaci\u00f3n positiva<\/span>\n      <span class=\"hero-area-pill\">Nuevas econom\u00edas<\/span>\n      <span class=\"hero-area-pill\">Bienestar organizacional<\/span>\n    <\/div>\n    <p class=\"hero-funding\">Proyecto financiado en el marco del Plan Propio Integral de Docencia \u00b7 Universidad de M\u00e1laga 2022\u20132023<\/p>\n  <\/div>\n<\/section>\n\n<section class=\"main\">\n\n  <!-- NOTICIA DESTACADA -->\n  <article class=\"featured\">\n    <div class=\"featured-image\">\n      <div class=\"featured-badge\">Noticia destacada<\/div>\n      <!-- gradient placeholder; replace src with real image -->\n      <div\n        style=\"width:100%;height:100%;background:linear-gradient(135deg,#0d2235 0%,#0071bc 50%,#29abe2 100%);display:flex;align-items:center;justify-content:center;\">\n        <img decoding=\"async\" src=\"https:\/\/rebicom.es\/noticias\/wp-content\/uploads\/2026\/03\/logo-white.svg\" alt=\"ReBiCom UMA Network\" style=\"height:100px;width:auto;opacity:.85;\" \/>\n      <\/div>\n    <\/div>\n    <div class=\"featured-body\">\n      <div>\n        <p class=\"featured-date\">15 febrero 2025 \u00b7 Investigaci\u00f3n<\/p>\n        <h2 class=\"featured-title\">II Edici\u00f3n del estudio \u00abProp\u00f3sito y reinvenci\u00f3n del capitalismo\u00bb ya disponible<\/h2>\n        <p class=\"featured-excerpt\">La segunda edici\u00f3n del estudio realizado con m\u00e1s de 1.000 personas de toda Espa\u00f1a\n          analiza la visi\u00f3n ciudadana sobre las empresas con prop\u00f3sito, la sostenibilidad y las nuevas formas de\n          entender la econom\u00eda en el siglo XXI.<\/p>\n      <\/div>\n      <a class=\"btn-read\" href=\"#\">\n        Leer m\u00e1s\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <path d=\"M3 8h10M9 4l4 4-4 4\" \/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/article>\n\n  <!-- GRID DE NOTICIAS -->\n  <section>\n    <div class=\"section-header\">\n      <div>\n        <h3 class=\"section-title\">\u00daltimas noticias<\/h3>\n        <p class=\"section-subtitle\">Investigaci\u00f3n, eventos y transferencia de conocimiento<\/p>\n      <\/div>\n    <\/div>\n\n    <div id=\"news-grid\">\n      <!-- cards inserted by JS -->\n    <\/div>\n\n    <div class=\"load-more-wrap\">\n      <button id=\"load-more-btn\">\n        <span class=\"spinner\"><\/span>\n        <span class=\"btn-label\">Ver m\u00e1s noticias<\/span>\n      <\/button>\n    <\/div>\n  <\/section>\n\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550 -->\n<footer>\n  <div class=\"footer-inner\">\n    <div class=\"footer-brand\">\n      <div class=\"f-logo\">\n        <img decoding=\"async\" src=\"https:\/\/rebicom.es\/noticias\/wp-content\/uploads\/2026\/03\/logo-color.svg\" alt=\"ReBiCom UMA Network\" \/>\n      <\/div>\n      <p>Red de investigaci\u00f3n de la Facultad de Ciencias de la Comunicaci\u00f3n de la Universidad de M\u00e1laga. Investigaci\u00f3n,\n        docencia y transferencia en sostenibilidad y comunicaci\u00f3n positiva.<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"footer-bottom\">\n    <span id=\"footer-copy\"><\/span>\n  <\/div>\n<\/footer>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SCRIPT \u2550\u2550\u2550 -->\n<script>\n  const API_URL = 'https:\/\/rebicom.es\/noticias\/wp-json\/wp\/v2\/noticia';\n\n  const PLACEHOLDERS = [\n    {\n      date: \"12 enero 2025\", tag: \"Evento\",\n      title: \"I Encuentro B Academics Espa\u00f1a en M\u00e1laga\",\n      excerpt: \"29 ponentes y 18 comunicaciones cient\u00edficas de investigadores de toda Espa\u00f1a, Argentina y Chile abordaron B Corps, econom\u00eda circular e inversi\u00f3n de impacto.\",\n      color: \"#0071bc\", link: \"#\"\n    },\n    {\n      date: \"3 noviembre 2024\", tag: \"Docencia\",\n      title: \"Taller de Pensamiento Biomim\u00e9tico aplicado a la Comunicaci\u00f3n Estrat\u00e9gica\",\n      excerpt: \"El Grupo de Innovaci\u00f3n Educativa Biom\u00edmesis M\u00e1laga explor\u00f3 estrategias regenerativas inspiradas en los sistemas naturales.\",\n      color: \"#29abe2\", link: \"#\"\n    },\n    {\n      date: \"20 septiembre 2024\", tag: \"Publicaci\u00f3n\",\n      title: \"Nueva edici\u00f3n del Latin American Communication Monitor\",\n      excerpt: \"El mayor estudio sobre comunicaci\u00f3n estrat\u00e9gica en Am\u00e9rica Latina, presente en m\u00e1s de 20 pa\u00edses, presenta sus resultados de la edici\u00f3n 2023-2024.\",\n      color: \"#0071bc\", link: \"#\"\n    },\n    {\n      date: \"14 junio 2024\", tag: \"Investigaci\u00f3n\",\n      title: \"Proyecto \u00abCiudadan\u00eda activa y empresas con prop\u00f3sito\u00bb \u2014 resultados preliminares\",\n      excerpt: \"El estudio financiado por el Plan Propio UMA analiza la configuraci\u00f3n del cuarto sector en Espa\u00f1a en el contexto de la sostenibilidad.\",\n      color: \"#29abe2\", link: \"#\"\n    },\n    {\n      date: \"28 marzo 2024\", tag: \"Colaboraci\u00f3n\",\n      title: \"ReBiCom y el Hospital Costa del Sol renuevan su acuerdo en el proyecto Soludable\",\n      excerpt: \"La colaboraci\u00f3n entre la red de investigaci\u00f3n y el centro sanitario de Marbella avanza en el estudio de los v\u00ednculos entre comunicaci\u00f3n y bienestar en salud.\",\n      color: \"#0071bc\", link: \"#\"\n    },\n    {\n      date: \"5 febrero 2024\", tag: \"Publicaci\u00f3n\",\n      title: \"Alejandro \u00c1lvarez-Nobell publica investigaci\u00f3n sobre biom\u00edmesis en comunicaci\u00f3n organizacional\",\n      excerpt: \"El investigador principal de ReBiCom explora c\u00f3mo los principios de la naturaleza pueden transformar las estrategias de comunicaci\u00f3n de las organizaciones.\",\n      color: \"#29abe2\", link: \"#\"\n    },\n    {\n      date: \"10 diciembre 2023\", tag: \"Red\",\n      title: \"ReBiCom se incorpora como socio de RedLAco en el eje de comunicaci\u00f3n regenerativa\",\n      excerpt: \"La Red Latinoamericana de Investigaci\u00f3n en Comunicaci\u00f3n Organizacional suma a ReBiCom UMA Network como referente en bienestar y prop\u00f3sito.\",\n      color: \"#0071bc\", link: \"#\"\n    },\n    {\n      date: \"2 octubre 2023\", tag: \"Sostenibilidad\",\n      title: \"ReBiCom presenta sus l\u00edneas de investigaci\u00f3n en el Foro de Econom\u00eda Azul de M\u00e1laga\",\n      excerpt: \"La red expuso sus avances en econom\u00edas regenerativas, econom\u00eda circular e inversi\u00f3n de impacto ante empresas y entidades del sector.\",\n      color: \"#29abe2\", link: \"#\"\n    }\n  ];\n\n  const PAGE_SIZE = 3;\n  let allNews = [];\n  let currentPage = 0;\n\n  const grid = document.getElementById('news-grid');\n  const btn = document.getElementById('load-more-btn');\n\n  function cardPlaceholder(color) {\n    const c2 = color === '#0071bc' ? '#29abe2' : '#0071bc';\n    return `data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='400' height='200'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%230d2235'\/%3E%3Cstop offset='1' stop-color='${encodeURIComponent(c2)}'\/%3E%3C\/linearGradient%3E%3C\/defs%3E%3Crect width='400' height='200' fill='url(%23g)'\/%3E%3Cpath fill='${encodeURIComponent(color)}' opacity='.25' d='m160,100c-25-45-36-68-89-140C43-24,16,29,5,93c-9,52,21,64,50,76s58,18,59,24c1,7-61,3-75,15C27,218,50,283,75,288c14,2,47-25,68-48C163,215,185,195,160,100Z'\/%3E%3C\/svg%3E`;\n  }\n\n  \/\/ Map WP API post to our card format\n  function wpToItem(post) {\n    const colors = ['#0071bc', '#29abe2'];\n    const color = colors[post.id % 2];\n    const raw = post.date || '';\n    const date = raw ? new Date(raw).toLocaleDateString('es-ES', { day: 'numeric', month: 'long', year: 'numeric' }) : '';\n    const title = post.title?.rendered ? post.title.rendered.replace(\/<[^>]+>\/g, '') : 'Sin t\u00edtulo';\n    const excerpt = post.excerpt?.rendered ? post.excerpt.rendered.replace(\/<[^>]+>\/g, '').trim() : '';\n    const layoutTag = (post.class_list || []).find(c => c.startsWith('layout_tag-'));\n    const tag = layoutTag ? layoutTag.replace('layout_tag-', '') : 'Noticia';\n    const imgUrl = post.featured_media_url || post._embedded?.['wp:featuredmedia']?.[0]?.source_url || null;\n    const link = post.acf?.url_noticia || '#';\n    return { date, tag, title, excerpt, color, link, imgUrl };\n  }\n\n  function createCard(item, delay) {\n    const card = document.createElement('article');\n    card.className = 'news-card';\n    card.style.transitionDelay = `${delay}ms`;\n    const imgSrc = item.imgUrl || cardPlaceholder(item.color);\n    card.innerHTML = `\n      <div class=\"card-img\">\n        <img decoding=\"async\" src=\"${imgSrc}\" alt=\"${item.title}\" loading=\"lazy\" \/>\n        <span class=\"card-tag\">${item.tag}<\/span>\n      <\/div>\n      <div class=\"card-body\">\n        <p class=\"card-date\">${item.date}<\/p>\n        <h3 class=\"card-title\">${item.title}<\/h3>\n        <p class=\"card-excerpt\">${item.excerpt}<\/p>\n        ${item.link && item.link !== '#' ? `<a class=\"card-link\" href=\"${item.link}\" target=\"_blank\" rel=\"noopener\">\n          Leer m\u00e1s\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\n        <\/a>` : ''}\n      <\/div>`;\n    return card;\n  }\n\n  \/\/ Also update featured with first item if available\n  function updateFeatured(item) {\n    if (!item) return;\n    const body = document.querySelector('.featured-body');\n    body.querySelector('.featured-title').textContent = item.title;\n    body.querySelector('.featured-excerpt').textContent = item.excerpt || '';\n    body.querySelector('.featured-date').textContent = item.date + (item.tag ? ' \u00b7 ' + item.tag : '');\n    if (item.link && item.link !== '#') {\n      body.querySelector('.btn-read').href = item.link;\n      body.querySelector('.btn-read').style.display = '';\n    } else {\n      body.querySelector('.btn-read').style.display = 'none';\n    }\n    if (item.imgUrl) {\n      const imgWrap = document.querySelector('.featured-image');\n      imgWrap.innerHTML = `<div class=\"featured-badge\">Noticia destacada<\/div><img decoding=\"async\" src=\"${item.imgUrl}\" alt=\"${item.title}\" style=\"width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:transform .6s ease,opacity .4s\"\/>`;\n    }\n  }\n\n  function renderPage() {\n    const start = currentPage * PAGE_SIZE;\n    const slice = allNews.slice(start, start + PAGE_SIZE);\n    slice.forEach((item, i) => {\n      const card = createCard(item, i * 80);\n      grid.appendChild(card);\n      requestAnimationFrame(() => requestAnimationFrame(() => card.classList.add('visible')));\n    });\n    currentPage++;\n    if (currentPage * PAGE_SIZE >= allNews.length) {\n      btn.disabled = true;\n      btn.querySelector('.btn-label').textContent = 'No hay m\u00e1s noticias';\n    } else {\n      btn.disabled = false;\n    }\n  }\n\n  async function init() {\n    btn.classList.add('loading');\n    btn.disabled = true;\n    try {\n      const res = await fetch(API_URL + '?per_page=100&_embed', { signal: AbortSignal.timeout(6000) });\n      const data = await res.json();\n      if (Array.isArray(data) && data.length > 0) {\n        allNews = data.map(wpToItem);\n        updateFeatured(allNews[0]);\n        allNews = allNews.slice(1); \/\/ featured takes first, grid shows the rest\n      } else {\n        allNews = PLACEHOLDERS;\n      }\n    } catch {\n      allNews = PLACEHOLDERS;\n    }\n    btn.classList.remove('loading');\n    renderPage();\n  }\n\n  btn.addEventListener('click', () => {\n    btn.classList.add('loading');\n    btn.disabled = true;\n    setTimeout(() => {\n      btn.classList.remove('loading');\n      renderPage();\n    }, 400);\n  });\n\n  document.getElementById('footer-copy').textContent =\n    `\u00a9 ${new Date().getFullYear()} ReBiCom UMA Network \u00b7 Universidad de M\u00e1laga`;\n\n  init();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/rebicom.es\/noticias\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rebicom.es\/noticias\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rebicom.es\/noticias\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rebicom.es\/noticias\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rebicom.es\/noticias\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":0,"href":"https:\/\/rebicom.es\/noticias\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"wp:attachment":[{"href":"https:\/\/rebicom.es\/noticias\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}