/* BICASA · Modelos de página: temas y modos de portada (Hub › Mi web) · v1.0 · 2026-10-25 · Tanda 16
   Todos usan la paleta del manual (#1C385D, #6EC954, #467855, #EADAB9) y el logotipo maestro. */
.web-aviso{font-size:14px;font-weight:600;padding:9px 0;text-align:center;line-height:1.4}
.web-aviso.tono-verde{background:#6ec954;color:#13253d}.web-aviso.tono-azul{background:#13253d;color:#fff}.web-aviso.tono-beige{background:#eadab9;color:#13253d}
.web-aviso a{color:inherit;text-decoration:underline;margin-left:6px;font-weight:800}
.web-preview{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:95;background:#13253d;color:#fff;border-radius:999px;padding:9px 18px;font-size:13px;box-shadow:0 12px 32px rgba(0,0,0,.28);white-space:nowrap;max-width:94vw;overflow:hidden;text-overflow:ellipsis}
.web-preview a{color:#6ec954;margin-left:12px;font-weight:700}
/* Portada · modo foto: sin tarjeta, texto protagonista */
.x-hero2.hero-foto .x-h2-grid{grid-template-columns:minmax(0,820px)!important}
.x-hero2.hero-foto h1{font-size:clamp(36px,5.2vw,68px)}
/* Portada · modo buscador (estilo portal) */
.x-h2-search{background:#fff;border-radius:20px;padding:20px;display:grid;gap:12px;box-shadow:0 24px 60px rgba(0,0,0,.28);color:#13253d;align-self:center;position:relative;z-index:2}
.x-h2-search h2{font-size:19px;margin:0;color:#13253d}
.x-h2-search label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#52657e;text-transform:none}
.x-h2-search input,.x-h2-search select{height:48px;border:1px solid #cfd8e2;border-radius:12px;padding:0 12px;font:inherit;font-size:15px;color:#13253d;background:#fff;width:100%}
.x-h2-search .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.x-h2-search button{height:52px;border:0;border-radius:12px;background:#6ec954;color:#13253d;font:inherit;font-weight:800;font-size:16px;cursor:pointer}
.x-h2-search button:hover{filter:brightness(.96)}
.x-h2-search small{color:#52657e;font-size:12.5px}
@media (max-width:560px){.x-h2-search .row{grid-template-columns:1fr}}
/* Tema Editorial: papel cálido, tipografía Plus Jakarta Sans, esquinas amplias */
body.tema-editorial{background:#f7f2e8;font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif!important}
body.tema-editorial .site-header{background:rgba(247,242,232,.97)}
body.tema-editorial .x-white,body.tema-editorial .x-sec.x-white{background:#fffdf8}
body.tema-editorial .x-sec h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.03em}
body.tema-editorial .x-card,body.tema-editorial .ps-card,body.tema-editorial .x-goal,body.tema-editorial .x-h2-card,body.tema-editorial .x-cta{border-radius:24px}
body.tema-editorial .x-dark{background:#13253d}
body.tema-editorial .eyebrow{letter-spacing:.16em}
/* Tema Azul corporativo: bloques navy alternos y acentos verdes */
body.tema-azul{background:#eef2f7}
body.tema-azul .x-white,body.tema-azul .x-sec.x-white{background:#fff}
body.tema-azul .utility{background:#13253d}
body.tema-azul .x-sec-tight{background:#1c385d;color:#fff}
body.tema-azul .x-sec-tight h2,body.tema-azul .x-sec-tight h3,body.tema-azul .x-sec-tight b,body.tema-azul .x-sec-tight .x-more{color:#fff}
body.tema-azul .x-sec-tight p,body.tema-azul .x-sec-tight .x-goal span{color:rgba(255,255,255,.8)}
body.tema-azul .x-sec-tight .x-goal{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);color:#fff}
body.tema-azul .x-sec-tight .x-goal svg{color:#6ec954}
body.tema-azul .x-steps b{color:#6ec954}
body.tema-azul .x-sec-tight .x-steps li{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.2)!important;box-shadow:none!important}
body.tema-azul .x-sec-tight .x-steps h3{color:#fff}
body.tema-azul .x-sec-tight .x-steps p{color:rgba(255,255,255,.8)}
/* Tema Minimal: blanco, líneas finas, sin sombras, más aire */
body.tema-minimal{background:#fff}
body.tema-minimal .x-card,body.tema-minimal .ps-card,body.tema-minimal .x-goal,body.tema-minimal .x-h2-card,body.tema-minimal .x-cta,body.tema-minimal .hd-mega{box-shadow:none!important}
body.tema-minimal .x-card,body.tema-minimal .ps-card,body.tema-minimal .x-goal{border:1px solid #e6ebf1}
body.tema-minimal .x-sec{padding:52px 0}
body.tema-minimal .x-white,body.tema-minimal .x-sec.x-white{background:#fff}
body.tema-minimal .x-sec+.x-sec{border-top:1px solid #eef1f5}