/* ── Marca (etapa 1): Trueno (texto) + Nunito (SOLO dígitos), misma familia "Trueno".
   Se usa dentro de .bl-page vía fontFamily.sans del build. Fuentes auto-hosteadas en ../fonts/ (OFL).
   CLAVE (verificado en vivo 2026-07-02): para que los dígitos salgan en Nunito hacen falta DOS cosas:
   (1) los rangos de Trueno EXCLUYEN los dígitos (U+0000-002F, U+003A-10FFFF) → sin solapamiento;
   (2) una cara Nunito de dígitos por CADA peso — un font-weight en rango (p.ej. 200 1000) NO se
   selecciona en Chrome y el dígito cae a fallback. Nunito subseteado a dígitos, estático 400/700. ── */
@font-face{font-family:"Trueno";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/trueno-regular.woff2) format("woff2");unicode-range:U+0000-002F,U+003A-10FFFF}
@font-face{font-family:"Trueno";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/trueno-semibold.woff2) format("woff2");unicode-range:U+0000-002F,U+003A-10FFFF}
@font-face{font-family:"Trueno";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/trueno-bold.woff2) format("woff2");unicode-range:U+0000-002F,U+003A-10FFFF}
@font-face{font-family:"Trueno";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/trueno-extrabold.woff2) format("woff2");unicode-range:U+0000-002F,U+003A-10FFFF}
@font-face{font-family:"Trueno";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/nunito-400.woff2) format("woff2");unicode-range:U+0030-0039}
@font-face{font-family:"Trueno";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/nunito-700.woff2) format("woff2");unicode-range:U+0030-0039}
@font-face{font-family:"Trueno";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/nunito-700.woff2) format("woff2");unicode-range:U+0030-0039}
@font-face{font-family:"Trueno";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/nunito-700.woff2) format("woff2");unicode-range:U+0030-0039}

/* BL Full-Width page template — neutralize the theme's boxed constraint */
body.bl-fullwidth.boxed .st-container,
body.bl-fullwidth .st-container{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    box-shadow:none !important;
}
body.bl-fullwidth .page-wrapper{ overflow-x:hidden; }

/* ── Header + footer FULL WIDTH — SOLO en nuestro template (body.bl-fullwidth).
   Fase previa al rework: sus `.container` están boxed a 1170px → en pantallas anchas
   dejan ver el bg blanco del footer a los lados ("padding blanco"). Los hacemos 100%.
   Footer sin padding lateral para que la banda verde + la sección oscura lleguen al borde. */
body.bl-fullwidth .main-header .container,
body.bl-fullwidth .fixed-header .container,
body.bl-fullwidth .main-footer .container{
    width:100% !important;
    max-width:100% !important;
}
body.bl-fullwidth .main-footer .container{
    padding-left:0 !important;
    padding-right:0 !important;
}

/* Active category chip: filled pill on mobile, underlined green on desktop.
   !important porque el build usa important:true (etapa 1) → las utilidades del chip
   (text-neutral-700, no-underline) salen !important y si no, le ganan a este estado. */
.bl-hd-cat.is-active{ background:var(--bl-accent) !important; color:#fff !important; border-color:var(--bl-accent) !important; }
@media (min-width:768px){
    .bl-hd-cat.is-active{ background:transparent !important; color:var(--bl-accent) !important; text-decoration:underline !important; font-weight:600 !important; }
}

/* Footer: columnas colapsables (details/summary) — cerradas por defecto, con animación.
   Oculta el marcador nativo, rota el caret, y anima la altura con el truco grid-rows 0fr↔1fr
   (el `display:grid` del wrapper le gana al display:none que el UA aplica al contenido cerrado). */
.bl-page details.bl-fcol > summary{ list-style:none; }
.bl-page details.bl-fcol > summary::-webkit-details-marker{ display:none; }
.bl-page details.bl-fcol .bl-fcol-caret{ transition:transform .25s ease; }
.bl-page details.bl-fcol[open] > summary .bl-fcol-caret{ transform:rotate(180deg); }
.bl-page details.bl-fcol .bl-fcol-wrap{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .28s ease; }
.bl-page details.bl-fcol[open] .bl-fcol-wrap{ grid-template-rows:1fr; }
.bl-page details.bl-fcol .bl-fcol-wrap > *{ overflow:hidden; min-height:0; }