/* ============================================================
   "Novedades" — artículo real (contenido íntegro de la página real
   "NOVEDADES", post ID 5377, BD chilecro_wp286), maquetado reusando
   el lenguaje visual ya construido en el proyecto (emp-mission /
   svc-who: foto + numeral + tarjeta + listado con checkmarks) y el
   reveal-on-scroll global (.reveal / .is-visible de script.js).
   ============================================================ */

.nov-hero{ background:#fff; padding:2.5rem 0 3.5rem; }

/* ---------- Bloque de tema (foto + numeral + tarjeta intro) ---------- */
.nov-topic{ position:relative; margin-top:5rem; }
.nov-topic:first-child{ margin-top:0; }
@media (min-width:1024px){ .nov-topic{ margin-top:7rem; } }

.nov-topic-numeral{
  position:absolute; top:-2.5rem; left:0; pointer-events:none; user-select:none;
  font-family: var(--font-display); font-size:8rem; font-weight:900; line-height:1; color: rgba(217,16,35,.06);
}
@media (min-width:640px){ .nov-topic-numeral{ font-size:12rem; } }
@media (min-width:1024px){ .nov-topic-numeral{ top:-5.5rem; font-size:15rem; } }

.nov-topic-figure{ position:relative; overflow:hidden; border-radius:2px; }
.nov-topic-img-wrap{ position:relative; overflow:hidden; padding-top:75%; }
@media (min-width:640px){ .nov-topic-img-wrap{ padding-top:56.25%; } }
.nov-topic-img-wrap img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.nov-topic-veil{ position:absolute; inset:0; pointer-events:none; background:linear-gradient(to top, rgba(46,46,46,.82), rgba(46,46,46,.25) 55%, transparent); }
.nov-topic-caption{ position:absolute; inset-inline:0; bottom:0; padding:1.5rem; }
@media (min-width:640px){ .nov-topic-caption{ padding:2.25rem; } }
.nov-topic-eyebrow{ display:flex; align-items:center; gap:.75rem; font-family:var(--font-display); font-size:.65rem; font-weight:700; letter-spacing:.24em; text-transform:uppercase; color:rgba(255,255,255,.85); }
.nov-topic-eyebrow-bar{ height:1px; width:2.5rem; background:var(--danger); display:inline-block; }
.nov-topic-title{ margin-top:.6rem; font-family:var(--font-display); font-size:1.5rem; font-weight:800; line-height:1.15; color:#fff; }
@media (min-width:640px){ .nov-topic-title{ font-size:2rem; } }

.nov-topic-statement-row{ display:grid; gap:0; }
@media (min-width:1024px){ .nov-topic-statement-row{ grid-template-columns:repeat(12,1fr); } }
.nov-topic-statement{ position:relative; z-index:1; background:#fff; box-shadow:0 20px 50px -20px rgba(46,46,46,.25); border-top:2px solid var(--brand); }
@media (min-width:1024px){ .nov-topic-statement{ grid-column:2 / span 9; margin-top:-2rem; } }
.nov-topic-intro{ padding:1.5rem 1.5rem 1.75rem; font-size:.95rem; line-height:1.75; color:var(--steel); }
@media (min-width:1024px){ .nov-topic-intro{ padding:2rem 2.5rem 2.25rem; } }

/* ---------- Sub-bloques (Características / Tipos / Ventajas) ---------- */
.nov-subgrid{ margin-top:2.5rem; display:grid; gap:1.5rem; }
@media (min-width:1024px){ .nov-subgrid{ margin-top:3rem; grid-template-columns:repeat(3,1fr); gap:1.75rem; } }
.nov-subgrid--2{ }
@media (min-width:1024px){ .nov-subgrid--2{ grid-template-columns:repeat(2,1fr); } }

.nov-subtile{ background:#fff; border:1px solid var(--border); border-radius:var(--radius-xl); overflow:hidden; box-shadow:var(--shadow-card); }
.nov-subtile-img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.nov-subtile-body{ padding:1.5rem; }
.nov-subtile-label{ font-family:var(--font-display); font-size:.7rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--brand); margin-bottom:.85rem; display:block; }
.nov-subtile-text{ font-size:.9rem; line-height:1.7; color:var(--steel); }

.nov-checklist{ list-style:none; display:flex; flex-direction:column; gap:.75rem; }
.nov-checklist li{ display:flex; align-items:flex-start; gap:.65rem; font-size:.88rem; line-height:1.55; color:var(--brand-ink); }
.nov-checklist li strong{ color:var(--brand-ink); }
.nov-checklist-icon{ flex-shrink:0; margin-top:.15rem; display:grid; place-items:center; width:1.15rem; height:1.15rem; border-radius:50%; background:rgba(217,16,35,.1); color:var(--brand); padding:.25rem; box-sizing:border-box; }

/* ---------- Franja del logo (imagen real intercalada en el contenido) ---------- */
.nov-logo-band{ margin:3rem 0; padding:2.5rem; background:var(--steel-soft); border-radius:var(--radius-xl); display:flex; align-items:center; justify-content:center; }
.nov-logo-band img{ max-width:280px; width:100%; height:auto; display:block; }

.nov-section-divider{ height:1px; background:var(--border); margin:4rem 0 0; }