/* ============================================================
   BIM Forum Chile v14.2 — Noticias: feed 2026 (LinkedIn + sitio)
   Destacada con caja única · buscador por etiqueta · tarjetas
   con color de marca · CTA LinkedIn único al final.
   ============================================================ */

/* ── Etiquetas de categoría: color único de marca ──────────── */
.news-card__media .tag{
  background:var(--cta) !important; color:#fff !important;
  font-family:var(--f-d); font-size:.66rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  padding:.35rem .7rem; border-radius:6px;
}

/* ── Badge de origen ───────────────────────────────────────── */
.src-badge{ display:inline-flex; align-items:center; gap:.4rem; font-family:var(--f-d); font-weight:700; font-size:.66rem; letter-spacing:.03em; text-transform:uppercase; padding:.25rem .55rem; border-radius:6px; white-space:nowrap; }
.src-badge--li{ background:rgba(10,102,194,.1); color:#0a66c2; }
.src-badge--li svg{ fill:#0a66c2; }
.src-badge--blog{ background:rgba(1,117,201,.08); color:var(--cta); }
.src-hex{ width:9px; height:10px; background:var(--cta); clip-path:var(--hex-pointy); }

/* ════════════════════════════════════════════════════════════
   DESTACADA — caja única y sorprendente
   Imagen grande a la izquierda + panel navy con degradado, cinta
   "Destacada" con hexágono, y borde superior en color de marca.
   ════════════════════════════════════════════════════════════ */
.feat-hero{
  display:grid; grid-template-columns:1.15fr .85fr; align-items:stretch;
  border-radius:24px; overflow:hidden; position:relative; isolation:isolate;
  background:var(--navy-900);
  box-shadow:0 30px 70px -34px rgba(7,15,26,.7);
  transition:transform .4s var(--ease-out), box-shadow .4s;
}
.feat-hero::before{ content:""; position:absolute; top:0; left:0; right:0; height:5px; z-index:3; background:linear-gradient(90deg,var(--cta),var(--p1) 45%,var(--c1)); }
.feat-hero:hover{ transform:translateY(-4px); box-shadow:0 40px 90px -40px rgba(7,15,26,.85); }
.feat-hero__media{ position:relative; min-height:380px; overflow:hidden; }
.feat-hero__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease-out); }
.feat-hero:hover .feat-hero__media img{ transform:scale(1.06); }
.feat-hero__media::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,15,26,0) 55%,rgba(7,15,26,.85) 100%); }
.feat-hero__ribbon{
  position:absolute; top:1.15rem; left:1.15rem; z-index:2;
  display:inline-flex; align-items:center; gap:.5rem;
  background:var(--c1); color:var(--navy-900);
  font-family:var(--f-d); font-weight:900; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase;
  padding:.45rem .85rem .45rem .7rem; border-radius:8px; box-shadow:0 8px 22px -8px rgba(243,146,0,.7);
}
.feat-hero__rhex{ width:11px; height:12px; background:var(--navy-900); clip-path:var(--hex-pointy); }
.feat-hero__panel{
  position:relative; z-index:2; padding:clamp(2rem,3.5vw,3.25rem);
  display:flex; flex-direction:column; justify-content:center;
  background:linear-gradient(150deg,#0b2340 0%,#070f1a 100%); color:#fff;
}
.feat-hero__meta{ display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; margin-bottom:1.15rem; }
.feat-hero__tag{ background:var(--cta); color:#fff; font-family:var(--f-d); font-size:.66rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:.35rem .7rem; border-radius:6px; }
.feat-hero__panel .src-badge{ background:rgba(255,255,255,.12); color:#cfe3f6; }
.feat-hero__panel .src-badge--li{ background:rgba(255,255,255,.14); color:#dbe9f7; }
.feat-hero__panel .src-badge--li svg{ fill:#dbe9f7; }
.feat-hero__panel .src-hex{ background:var(--p1); }
.feat-hero__date{ font-size:.8rem; color:rgba(255,255,255,.6); font-family:var(--f-d); font-weight:500; }
.feat-hero__title{ font-family:var(--f-d); font-weight:700; font-size:clamp(1.55rem,2.6vw,2.35rem); line-height:1.12; color:#fff; margin-bottom:1rem; }
.feat-hero__excerpt{ color:rgba(255,255,255,.78); line-height:1.7; margin-bottom:1.6rem; }
.feat-hero__read{ display:inline-flex; align-items:center; gap:.55rem; align-self:flex-start; background:#fff; color:var(--navy-900); font-family:var(--f-d); font-weight:700; font-size:.92rem; padding:.7rem 1.3rem; border-radius:10px; transition:gap .2s, background .2s; }
.feat-hero__read svg{ stroke:var(--navy-900); }
.feat-hero:hover .feat-hero__read{ gap:.85rem; background:var(--c1); }
@media(max-width:860px){
  .feat-hero{ grid-template-columns:1fr; }
  .feat-hero__media{ min-height:220px; aspect-ratio:16/9; }
  .feat-hero__media::after{ background:linear-gradient(0deg,rgba(7,15,26,.7),rgba(7,15,26,0) 50%); }
}

/* ── Cabecera + contador ───────────────────────────────────── */
.news-head{ margin-top:3.75rem; display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; }
.news-count{ font-family:var(--f-d); font-weight:700; font-size:.85rem; color:var(--ink-400); }

/* ── Buscador por etiqueta ─────────────────────────────────── */
.tagbar{ display:flex; flex-wrap:wrap; gap:.55rem; margin:1.5rem 0 2.25rem; }
/* Una sola línea: lo que no cabe va al desplegable "Más filtros" */
.tagbar--oneline{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; padding-bottom:.25rem; }
.tagbar--oneline::-webkit-scrollbar{ display:none; }
.tagchip{
  font-family:var(--f-d); font-weight:600; font-size:.8rem; color:var(--ink-500);
  background:var(--ink-50); border:1px solid var(--ink-100); border-radius:100px;
  padding:.5rem 1rem; line-height:1; transition:background .18s,color .18s,border-color .18s; flex-shrink:0;
  padding:.5rem 1rem; cursor:pointer; transition:all .18s; white-space:nowrap; flex-shrink:0;
}
.tagchip:hover{ border-color:var(--cta); color:var(--cta); }
.tagchip.is-on{ background:var(--cta); border-color:var(--cta); color:#fff; }

/* ── Desplegable "Más filtros" ─────────────────────────────── */
.tagmore{ position:relative; flex-shrink:0; }
.tagchip--more{ display:inline-flex; align-items:center; gap:.4rem; }
.tagmore__caret{ font-size:.7rem; transition:transform .2s; }
.tagchip--more.is-open .tagmore__caret{ transform:rotate(180deg); }
.tagmore__menu{
  position:absolute; top:calc(100% + 8px); right:0; z-index:30; min-width:190px;
  background:#fff; border:1px solid var(--ink-100); border-radius:14px;
  box-shadow:0 18px 44px -18px rgba(7,15,26,.35); padding:.45rem;
  display:flex; flex-direction:column; gap:2px;
  animation:tagmenu-in .18s var(--ease-out);
}
@keyframes tagmenu-in{ from{ opacity:0; transform:translateY(-6px);} to{ opacity:1; transform:none;} }
.tagmore__item{
  font-family:var(--f-d); font-weight:600; font-size:.82rem; color:var(--ink-500);
  background:none; border:none; border-radius:9px; text-align:left;
  padding:.55rem .8rem; cursor:pointer; transition:background .15s,color .15s;
}
.tagmore__item:hover{ background:var(--ink-50); color:var(--cta); }
.tagmore__item.is-on{ background:var(--cta); color:#fff; }

/* ── Cards ─────────────────────────────────────────────────── */
.news-card-link{ display:block; }
.news-card__body .src-badge{ margin-bottom:.6rem; }

/* ── Cargar más ────────────────────────────────────────────── */
.loadmore{ display:flex; flex-direction:column; align-items:center; gap:.75rem; margin-top:3rem; }
.loadmore__btn{ padding:.9rem 2rem; }
.loadmore__hint{ font-size:.8rem; color:var(--ink-400); }

/* ── CTA LinkedIn (único, al final) ────────────────────────── */
.li-cta{
  position:relative; overflow:hidden; margin-top:3rem;
  display:flex; align-items:center; gap:1rem; flex-wrap:wrap;
  background:linear-gradient(120deg,#0a66c2,#004182); color:#fff;
  border-radius:16px; padding:1.1rem 1.5rem;
  transition:transform .25s, box-shadow .25s;
}
.li-cta:hover{ transform:translateY(-3px); box-shadow:0 26px 60px -28px rgba(10,102,194,.85); }
.li-cta__glow{ position:absolute; right:-80px; top:-90px; width:260px; height:290px; clip-path:var(--hex-pointy); background:rgba(255,255,255,.08); z-index:0; }
.li-cta__badge{ position:relative; z-index:1; width:44px; height:44px; border-radius:11px; background:rgba(255,255,255,.16); display:grid; place-items:center; flex-shrink:0; }
.li-cta__badge svg{ fill:#fff; }
.li-cta__badge::after{ content:''; position:absolute; top:-3px; right:-3px; width:11px; height:11px; border-radius:50%; background:#4fd67a; border:2px solid #004182; animation:liPulse 2s ease-in-out infinite; }
@keyframes liPulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(79,214,122,.55); } 50%{ box-shadow:0 0 0 5px rgba(79,214,122,0); } }
.li-cta__text{ position:relative; z-index:1; display:flex; flex-direction:column; max-width:60ch; }
.li-cta__t{ font-family:var(--f-d); font-weight:700; font-size:1rem; }
.li-cta__s{ font-size:.82rem; color:rgba(255,255,255,.8); margin-top:2px; line-height:1.45; }
.li-cta__btn{ position:relative; z-index:1; margin-left:auto; display:inline-flex; align-items:center; gap:.45rem; font-family:var(--f-d); font-weight:700; font-size:.85rem; background:#fff; color:#0a66c2; padding:.55rem 1.15rem; border-radius:9px; transition:gap .2s; }
.li-cta__btn svg{ stroke:#0a66c2; }
.li-cta:hover .li-cta__btn{ gap:.7rem; }
@media(prefers-reduced-motion:reduce){ .li-cta__badge::after{ animation:none; } }
@media(max-width:640px){
  .li-cta__btn{ margin-left:0; width:100%; justify-content:center; }
}

/* ── Buscador + categorías: un solo bloque funcional ─────── */
.news-searchbar{ position:relative; background:#fff; border:1.5px solid var(--ink-100); border-radius:16px; padding:1.1rem 1.25rem; margin:1.5rem 0; overflow:hidden; }
.news-searchbar::before{ content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--cta),var(--c1)); }
.news-search{ display:flex; align-items:center; gap:.7rem; padding:.2rem .2rem .95rem; margin:0; border:0; color:var(--cta); }
.news-search input{ border:0; background:transparent; outline:none; font:inherit; font-size:.95rem; width:100%; color:var(--ink-900); }
.news-search__clear{ display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--ink-50); color:var(--ink-400); flex-shrink:0; }
.news-searchbar .tagbar{ padding-top:.9rem; border-top:1px solid var(--ink-100); margin:0; align-items:center; }
.tagbar__lbl{ display:inline-flex; align-items:center; gap:.35rem; font-family:var(--f-d); font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--cta); margin-right:.4rem; flex-shrink:0; }
.news-empty{ text-align:center; padding:3rem 1rem; color:var(--ink-500); }
.news-empty p{ margin-bottom:1rem; }

/* ── Media strip — franja angosta con LinkedIn, arriba de las noticias ── */
.media-strip{
  display:flex; align-items:center; gap:1.1rem; flex-wrap:wrap;
  background:linear-gradient(120deg,#0a2f5c,#062042); border-radius:16px 16px 0 0;
  padding:.9rem 1.4rem;
}
.media-strip__badge{ position:relative; width:38px; height:38px; border-radius:10px; background:rgba(10,102,194,.35); display:grid; place-items:center; color:#fff; flex-shrink:0; }
.media-strip__pulse{ position:absolute; top:-2px; right:-2px; width:9px; height:9px; border-radius:50%; background:#4fd67a; border:2px solid #062042; animation:liPulse 2s ease-in-out infinite; }
.media-strip__text{ display:flex; flex-direction:column; }
.media-strip__text strong{ font-family:var(--f-d); font-weight:700; font-size:.9rem; color:#fff; white-space:nowrap; }
.media-strip__stats{ display:flex; gap:1.25rem; margin-left:auto; }
.media-strip__stats span{ font-size:.78rem; color:rgba(255,255,255,.65); white-space:nowrap; }
.media-strip__stats strong{ color:var(--c1); font-family:var(--f-d); }
.media-strip__btn{ display:inline-flex; align-items:center; gap:.4rem; font-family:var(--f-d); font-weight:700; font-size:.8rem; background:#fff; color:#0a66c2; padding:.5rem 1.1rem; border-radius:8px; flex-shrink:0; transition:transform .2s; }
.media-strip__btn:hover{ transform:translateY(-1px); }
@media(max-width:900px){ .media-strip__stats span:not(:first-child){ display:none; } }
@media(max-width:640px){ .media-strip__stats{ display:none; } }
.feat-hero{ border-radius:0 0 20px 20px !important; }