/* ═══════════════════════════════════════════════════════════
   CENTRO FINANCIACIÓN ECUADOR — Andino Contemporáneo
   Archivo + Source Serif 4
   Marino · Amarillo · Rojo
   ─────────────────────────────────────────────────────────
   Bloques sólidos, tipografía condensada, barras ascendentes.
   Directo, latinoamericano, contemporáneo.
═══════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;1,8..60,300;1,8..60,400&display=swap');

:root{
--marino:#123163; --marino-2:#1a4180; --marino-3:#0c2249; --marino-h:#2a5aa0;
--amarillo:#f2b705; --amar-h:#ffc927; --amar-d:#c99503; --amar-p:rgba(242,183,5,.12);
--rojo:#c8102e; --rojo-2:#e01834; --rojo-p:rgba(200,16,46,.08);
--blanco:#ffffff; --hueso:#faf9f6; --hueso-2:#f2f0ea; --hueso-3:#e6e3da;
--tinta:#1a1d24; --gris:#666d78; --gris-c:#9aa0aa;
--linea:rgba(18,49,99,.13); --linea-2:rgba(18,49,99,.07);

--ff-t:'Archivo',system-ui,sans-serif;
--ff-s:'Source Serif 4',Georgia,serif;

--r:0px; --r2:3px; --max:1200px; --max-sm:820px;
--sh:0 3px 18px rgba(18,49,99,.07); --sh-md:0 14px 46px rgba(18,49,99,.12);
--ease:cubic-bezier(.32,.72,0,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--ff-t);color:var(--tinta);background:var(--hueso);line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:color .2s}
ul{list-style:none}
button{font-family:inherit;cursor:pointer}
.wrap{max-width:var(--max);margin:0 auto;padding:0 38px}
.wrap-sm{max-width:var(--max-sm);margin:0 auto;padding:0 38px}

/* ── Barras ascendentes (motivo del logo) ── */
.barras{display:inline-flex;align-items:flex-end;gap:3px;height:20px}
.barras i{width:5px;display:block;border-radius:1px}
.barras i:nth-child(1){height:40%;background:var(--amarillo)}
.barras i:nth-child(2){height:65%;background:var(--marino)}
.barras i:nth-child(3){height:100%;background:var(--rojo)}
.barras-lg{height:34px}
.barras-lg i{width:8px}

/* ── Franja tricolor ── */
.franja{height:4px;display:flex}
.franja i{flex:1}
.franja i:nth-child(1){background:var(--amarillo)}
.franja i:nth-child(2){background:var(--marino)}
.franja i:nth-child(3){background:var(--rojo)}

/* ═══ BARRA SUPERIOR ═══ */
.sup{background:var(--marino-3);color:rgba(255,255,255,.62);font-size:.73rem;padding:.55rem 0;letter-spacing:.01em}
.sup-in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
.sup a{color:rgba(255,255,255,.78)}
.sup a:hover{color:var(--amar-h)}
.sup-r{display:flex;gap:1.7rem;align-items:center}
.sup-r span{display:flex;align-items:center;gap:.4rem}

/* ═══ CABECERA ═══ */
.cab{background:var(--blanco);position:sticky;top:0;z-index:900;border-bottom:1px solid var(--linea)}
.cab-in{display:flex;align-items:center;justify-content:space-between;height:90px;gap:2rem}
.marca img{height:72px;width:auto}

.nav{display:flex;align-items:center}
.nav a{font-family:var(--ff-t);font-size:.79rem;font-weight:600;letter-spacing:.02em;color:var(--gris);padding:.5rem .9rem;position:relative;white-space:nowrap}
.nav a:hover,.nav a.act{color:var(--marino)}
.nav a.act::after,.nav a:hover::after{content:'';position:absolute;bottom:.1rem;left:.9rem;right:.9rem;height:3px;background:var(--amarillo)}
.nav-dd{position:relative}
.nav-dd>a span{font-size:.6rem;opacity:.5}
.dd{position:absolute;top:calc(100% + 6px);left:0;background:var(--blanco);border:1px solid var(--linea);border-top:3px solid var(--amarillo);min-width:250px;padding:.5rem 0;box-shadow:var(--sh-md);opacity:0;pointer-events:none;transform:translateY(6px);transition:all .2s var(--ease);z-index:200}
.nav-dd:hover .dd{opacity:1;pointer-events:all;transform:translateY(0)}
.dd a{display:flex;align-items:center;gap:.6rem;padding:.62rem 1.2rem;font-size:.79rem;font-weight:500;color:var(--gris)}
.dd a::before{content:'';width:4px;height:4px;background:var(--amarillo);flex-shrink:0}
.dd a:hover{color:var(--marino);background:var(--hueso)}
.dd a::after{display:none!important}
.cab-cta{display:flex;align-items:center;gap:.85rem}

/* ═══ BOTONES ═══ */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-t);font-size:.79rem;font-weight:700;letter-spacing:.01em;border:none;cursor:pointer;transition:all .2s var(--ease);white-space:nowrap;border-radius:var(--r2)}
.btn-mar{background:var(--marino);color:var(--blanco);padding:.8rem 1.7rem}
.btn-mar:hover{background:var(--marino-2);transform:translateY(-1px);box-shadow:var(--sh)}
.btn-am{background:var(--amarillo);color:var(--marino-3);padding:.8rem 1.7rem}
.btn-am:hover{background:var(--amar-h);transform:translateY(-1px);box-shadow:0 6px 20px rgba(242,183,5,.35)}
.btn-ro{background:var(--rojo);color:var(--blanco);padding:.8rem 1.7rem}
.btn-ro:hover{background:var(--rojo-2);transform:translateY(-1px)}
.btn-ol{background:transparent;border:2px solid var(--marino);color:var(--marino);padding:.72rem 1.6rem}
.btn-ol:hover{background:var(--marino);color:var(--blanco)}
.btn-ol-b{background:transparent;border:2px solid rgba(255,255,255,.4);color:var(--blanco);padding:.72rem 1.6rem}
.btn-ol-b:hover{border-color:var(--amarillo);color:var(--amar-h)}
.btn-g{padding:.95rem 2.2rem;font-size:.85rem}
.btn-p{padding:.45rem 1rem;font-size:.7rem}
.btn-full{width:100%;justify-content:center}

/* ── Móvil ── */
.hamb{display:none;background:none;border:none;color:var(--marino);font-size:1.4rem;padding:.3rem}
.mov{display:none;position:fixed;inset:90px 0 0 0;z-index:850;background:var(--blanco);flex-direction:column;border-top:3px solid var(--amarillo);overflow-y:auto}
.mov.act{display:flex}
.mov>a{padding:1rem 1.5rem;font-family:var(--ff-t);font-size:.85rem;font-weight:600;color:var(--gris);border-bottom:1px solid var(--linea-2)}
.mov>a:hover{color:var(--marino);background:var(--hueso)}
.mov-pie{background:var(--marino);padding:1.5rem;margin-top:auto}
.mov-pie-l{font-size:.62rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.42);margin-bottom:.75rem}
.mov-pie a{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.78)!important;font-size:.85rem;padding:.4rem 0!important;border:none!important}

/* ═══ AVISO LEGAL ═══ */
.aviso{background:var(--hueso-2);border-bottom:1px solid var(--linea);padding:.8rem 0}
.aviso-in{display:flex;align-items:flex-start;gap:.85rem}
.aviso-tag{font-family:var(--ff-t);font-size:.58rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;background:var(--marino);color:var(--amar-h);padding:.24rem .6rem;border-radius:2px;flex-shrink:0;margin-top:1px}
.aviso p{font-size:.72rem;color:var(--gris);line-height:1.6}
.aviso strong{color:var(--marino);font-weight:700}

/* ═══ HÉROE ═══ */
.heroe{background:var(--blanco);position:relative;overflow:hidden;border-bottom:1px solid var(--linea)}
.heroe-grid{display:grid;grid-template-columns:1.3fr 1fr;min-height:80vh}
.heroe-izq{padding:88px 3.5rem 76px 0;display:flex;flex-direction:column;justify-content:center}
.heroe-der{background:var(--marino);padding:88px 3rem 76px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
/* Barras decorativas gigantes */
.heroe-barras{position:absolute;bottom:0;right:-30px;display:flex;align-items:flex-end;gap:14px;height:70%;opacity:.09;pointer-events:none}
.heroe-barras i{width:44px;display:block;background:var(--blanco)}
.heroe-barras i:nth-child(1){height:35%}
.heroe-barras i:nth-child(2){height:58%}
.heroe-barras i:nth-child(3){height:82%}
.heroe-barras i:nth-child(4){height:100%}

.heroe-eti{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--ff-t);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--amar-d);margin-bottom:1.75rem}
.heroe h1{font-family:var(--ff-t);font-weight:800;font-size:clamp(2.7rem,5.4vw,4.8rem);color:var(--marino);line-height:1.02;letter-spacing:-.035em;margin-bottom:1.5rem}
.heroe h1 em{font-family:var(--ff-s);font-style:italic;font-weight:300;color:var(--rojo);letter-spacing:-.01em}
.heroe-txt{font-size:1.03rem;font-weight:400;color:var(--gris);line-height:1.8;max-width:490px;margin-bottom:2.4rem}
.heroe-act{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.75rem}
.heroe-conf{display:flex;gap:2.25rem;flex-wrap:wrap;padding-top:1.85rem;border-top:2px solid var(--hueso-3)}
.hcf{display:flex;align-items:center;gap:.65rem}
.hcf-t{font-size:.79rem;font-weight:600;color:var(--gris);line-height:1.35}

/* Tarjeta ejemplo */
.tarj{position:relative;z-index:1}
.tarj-eti{font-family:var(--ff-t);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--amar-h);margin-bottom:1.1rem}
.tarj-tasa{font-family:var(--ff-t);font-size:clamp(3.6rem,7vw,5.6rem);font-weight:800;color:var(--blanco);line-height:.92;letter-spacing:-.04em;margin-bottom:.4rem}
.tarj-tasa span{color:var(--amar-h)}
.tarj-sub{font-family:var(--ff-s);font-style:italic;font-size:1rem;color:rgba(255,255,255,.55);margin-bottom:2.2rem}
.tarj-datos{border-top:1px solid rgba(255,255,255,.16)}
.tarj-l{display:flex;justify-content:space-between;align-items:baseline;padding:.78rem 0;border-bottom:1px solid rgba(255,255,255,.09)}
.tarj-b{font-size:.8rem;font-weight:400;color:rgba(255,255,255,.6)}
.tarj-v{font-family:var(--ff-t);font-size:1.05rem;font-weight:700;color:var(--blanco)}
.tarj-pie{font-size:.68rem;color:rgba(255,255,255,.45);line-height:1.6;margin-top:1.1rem}

/* ═══ SECCIONES ═══ */
.sec{padding:96px 0}
.sec-p{padding:60px 0}
.s-blanco{background:var(--blanco)}
.s-hueso{background:var(--hueso)}
.s-marino{background:var(--marino)}

.cab-sec{margin-bottom:3.25rem}
.cab-sec.centro{text-align:center;max-width:660px;margin-left:auto;margin-right:auto}
.eti{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--ff-t);font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--amar-d);margin-bottom:1rem}
.cab-sec.centro .eti{justify-content:center}
h2.tit{font-family:var(--ff-t);font-weight:800;font-size:clamp(2rem,3.9vw,3.1rem);color:var(--marino);line-height:1.08;letter-spacing:-.03em}
.s-marino h2.tit{color:var(--blanco)}
h2.tit em{font-family:var(--ff-s);font-style:italic;font-weight:300;color:var(--rojo);letter-spacing:-.01em}
.s-marino h2.tit em{color:var(--amar-h)}
.desc{font-size:.98rem;font-weight:400;color:var(--gris);line-height:1.8;margin-top:1rem;max-width:560px}
.cab-sec.centro .desc{margin-left:auto;margin-right:auto}
.s-marino .desc{color:rgba(255,255,255,.6)}

/* ═══ PRODUCTOS ═══ */
.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.prod{background:var(--blanco);border:1px solid var(--linea);padding:2.3rem 1.9rem;transition:all .25s var(--ease);position:relative;overflow:hidden}
.prod::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--amarillo);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.prod:hover{border-color:var(--marino);box-shadow:var(--sh-md);transform:translateY(-3px)}
.prod:hover::before{transform:scaleX(1)}
.prod-bar{margin-bottom:1.3rem}
.prod-n{font-family:var(--ff-t);font-size:1.35rem;font-weight:700;color:var(--marino);margin-bottom:.6rem;letter-spacing:-.02em}
.prod-d{font-size:.87rem;font-weight:400;color:var(--gris);line-height:1.7;margin-bottom:1.5rem}
.prod-datos{display:flex;justify-content:space-between;align-items:baseline;padding-top:1rem;border-top:1px solid var(--linea-2);margin-bottom:1.2rem}
.prod-monto{font-family:var(--ff-t);font-size:1.05rem;font-weight:700;color:var(--marino)}
.prod-tasa{font-family:var(--ff-t);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--amar-d)}
.prod-link{font-family:var(--ff-t);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--marino);display:inline-flex;align-items:center;gap:6px;transition:gap .2s}
.prod:hover .prod-link{gap:10px;color:var(--rojo)}

/* ═══ PASOS ═══ */
.pasos{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:3px solid var(--marino)}
.paso{padding:2.2rem 1.8rem 2.2rem 0;border-right:1px solid var(--linea)}
.paso:last-child{border-right:none}
.paso+.paso{padding-left:1.8rem}
.paso-n{font-family:var(--ff-t);font-size:3.2rem;font-weight:800;color:var(--hueso-3);line-height:1;margin-bottom:.9rem;letter-spacing:-.04em}
.s-marino .paso-n{color:rgba(255,255,255,.16)}
.paso-t{font-family:var(--ff-t);font-size:1.05rem;font-weight:700;color:var(--marino);margin-bottom:.5rem}
.s-marino .paso-t{color:var(--blanco)}
.paso-d{font-size:.84rem;font-weight:400;color:var(--gris);line-height:1.7}
.s-marino .paso-d{color:rgba(255,255,255,.55)}
.s-marino .pasos{border-top-color:var(--amarillo)}
.s-marino .paso{border-right-color:rgba(255,255,255,.14)}

/* ═══ CIFRAS ═══ */
.cifras{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.cifra{padding:2.4rem 1.6rem;border-right:1px solid var(--linea)}
.cifra:last-child{border-right:none}
.cifra-n{font-family:var(--ff-t);font-size:clamp(2.1rem,3.5vw,2.9rem);font-weight:800;color:var(--marino);line-height:1;letter-spacing:-.03em}
.cifra-n span{color:var(--amar-d)}
.cifra-l{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris-c);margin-top:.6rem}

/* ═══ FICHA (ejemplo representativo) ═══ */
.ficha{background:var(--blanco);border:1px solid var(--linea)}
.ficha-cab{background:var(--marino);padding:1.2rem 1.7rem;display:flex;align-items:center;justify-content:space-between}
.ficha-t{font-family:var(--ff-t);font-size:1.02rem;font-weight:700;color:var(--blanco);letter-spacing:-.01em}
.ficha-r{font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--amar-h)}
.ficha-l{display:flex;justify-content:space-between;align-items:baseline;padding:.92rem 1.7rem;border-bottom:1px solid var(--linea-2)}
.ficha-l:last-of-type{border-bottom:none}
.ficha-l.dest{background:var(--amar-p)}
.ficha-b{font-size:.81rem;font-weight:400;color:var(--gris)}
.ficha-v{font-family:var(--ff-t);font-size:1.1rem;font-weight:700;color:var(--marino)}
.ficha-l.dest .ficha-v{color:var(--amar-d);font-size:1.4rem}
.ficha-pie{padding:1rem 1.7rem;background:var(--hueso);font-size:.7rem;font-weight:400;color:var(--gris);line-height:1.65}

/* ═══ SIMULADOR ═══ */
.simu{background:var(--blanco);border:1px solid var(--linea);box-shadow:var(--sh)}
.simu-cab{background:var(--marino);padding:1.5rem 2rem}
.simu-cab h3{font-family:var(--ff-t);font-size:1.25rem;font-weight:700;color:var(--blanco);letter-spacing:-.02em}
.simu-b{padding:2.1rem}
.simu-c{margin-bottom:1.6rem}
.simu-c label{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--ff-t);font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--gris);margin-bottom:.55rem}
.simu-v{font-family:var(--ff-t);font-size:1.15rem;font-weight:800;color:var(--marino);text-transform:none;letter-spacing:-.02em}
input[type=range]{width:100%;accent-color:var(--amarillo);height:3px;cursor:pointer}
.simu-res{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--linea);border:1px solid var(--linea);margin-top:1.6rem}
.sr{background:var(--blanco);padding:1.15rem 1.3rem}
.sr-l{font-size:.63rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--gris-c);margin-bottom:.3rem}
.sr-v{font-family:var(--ff-t);font-size:1.5rem;font-weight:800;color:var(--marino);letter-spacing:-.03em}
.sr.gran{background:var(--marino);grid-column:1/-1}
.sr.gran .sr-l{color:rgba(255,255,255,.5)}
.sr.gran .sr-v{color:var(--amar-h)}

/* ═══ PREGUNTAS ═══ */
.faq-l{border-bottom:1px solid var(--linea)}
.faq-l:first-child{border-top:1px solid var(--linea)}
.faq-p{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 0;cursor:pointer;user-select:none;gap:1.5rem;transition:color .2s}
.faq-p:hover{color:var(--rojo)}
.faq-pt{font-family:var(--ff-t);font-size:1.05rem;font-weight:700;color:var(--marino);line-height:1.3;letter-spacing:-.01em}
.faq-p:hover .faq-pt{color:var(--rojo)}
.faq-ic{width:28px;height:28px;background:var(--hueso-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--ff-t);font-size:1rem;font-weight:700;color:var(--marino);transition:all .22s}
.faq-l.abierto .faq-ic{background:var(--amarillo);color:var(--marino-3);transform:rotate(45deg)}
.faq-r{display:none;padding:0 0 1.4rem;font-size:.9rem;font-weight:400;color:var(--gris);line-height:1.8;max-width:740px}
.faq-r a{color:var(--marino);text-decoration:underline}
.faq-l.abierto .faq-r{display:block}

/* ═══ FORMULARIO ═══ */
.form{background:var(--blanco);border:1px solid var(--linea);box-shadow:var(--sh-md)}
.form-cab{background:var(--marino);padding:1.6rem 2rem}
.form-cab h3{font-family:var(--ff-t);font-size:1.3rem;font-weight:700;color:var(--blanco);letter-spacing:-.02em}
.form-cab p{font-size:.77rem;font-weight:400;color:rgba(255,255,255,.55);margin-top:.28rem}
.form-b{padding:2.2rem}
.fgr{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.fc{display:flex;flex-direction:column;gap:.4rem}
.fc.full{grid-column:1/-1}
.fc label{font-family:var(--ff-t);font-size:.64rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--gris)}
.fc input,.fc select,.fc textarea{width:100%;padding:.8rem 1rem;border:1px solid var(--hueso-3);border-radius:var(--r2);font-family:var(--ff-t);font-size:.9rem;font-weight:400;color:var(--tinta);background:var(--hueso);transition:all .2s}
.fc input:focus,.fc select:focus,.fc textarea:focus{outline:none;border-color:var(--amarillo);background:var(--blanco);box-shadow:0 0 0 3px var(--amar-p)}
.fc textarea{resize:vertical;min-height:110px}
.fsep{font-family:var(--ff-t);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--amar-d);padding-bottom:.55rem;border-bottom:2px solid var(--hueso-3);margin-bottom:.3rem;display:flex;align-items:center;gap:.6rem}
.cons{display:flex;align-items:flex-start;gap:10px;font-size:.82rem;font-weight:400;color:var(--gris);line-height:1.6}
.cons input[type=checkbox]{margin-top:3px;width:15px;height:15px;accent-color:var(--marino);flex-shrink:0}
.cons a{color:var(--marino);text-decoration:underline}

/* ═══ CABECERA DE PÁGINA ═══ */
.pcab{background:var(--marino);padding:80px 0 58px;position:relative;overflow:hidden}
.pcab-barras{position:absolute;bottom:0;right:40px;display:flex;align-items:flex-end;gap:12px;height:80%;opacity:.09}
.pcab-barras i{width:38px;display:block;background:var(--blanco)}
.pcab-barras i:nth-child(1){height:38%}
.pcab-barras i:nth-child(2){height:62%}
.pcab-barras i:nth-child(3){height:100%}
.pcab .wrap{position:relative;z-index:1}
.miga{display:flex;gap:.5rem;align-items:center;font-size:.68rem;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.48);margin-bottom:1.2rem;flex-wrap:wrap}
.miga a{color:rgba(255,255,255,.62)}
.miga a:hover{color:var(--amar-h)}
.miga .s{color:rgba(255,255,255,.28)}
.pcab h1{font-family:var(--ff-t);font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;color:var(--blanco);line-height:1.05;letter-spacing:-.035em}
.pcab h1 em{font-family:var(--ff-s);font-style:italic;font-weight:300;color:var(--amar-h);letter-spacing:-.01em}
.pcab .ps{font-size:.96rem;font-weight:400;color:rgba(255,255,255,.6);margin-top:1rem;max-width:560px}
.pildoras{display:inline-flex;margin-top:2rem;border:1px solid rgba(255,255,255,.18)}
.pild{padding:.75rem 1.5rem;border-right:1px solid rgba(255,255,255,.18);font-size:.7rem;font-weight:400;color:rgba(255,255,255,.55)}
.pild:last-child{border-right:none}
.pild strong{display:block;font-family:var(--ff-t);font-size:1.15rem;font-weight:800;color:var(--amar-h);margin-bottom:.15rem;letter-spacing:-.02em}

/* ═══ CAJAS ═══ */
.caja-am{background:var(--amar-p);border-left:3px solid var(--amarillo);padding:1.05rem 1.3rem;font-size:.85rem;font-weight:400;color:var(--tinta);line-height:1.7}
.caja-am strong{color:var(--amar-d);font-weight:700}
.caja-av{background:#fef8e8;border-left:3px solid var(--amarillo);padding:.95rem 1.2rem;font-size:.84rem;font-weight:400;color:#6d5307;line-height:1.7}
.caja-mar{background:var(--marino);border-left:3px solid var(--amarillo);padding:1.05rem 1.3rem;font-size:.85rem;font-weight:400;color:rgba(255,255,255,.7);line-height:1.7}
.caja-mar strong{color:var(--blanco);font-weight:700}
.caja-ro{background:var(--rojo-p);border-left:3px solid var(--rojo);padding:1.05rem 1.3rem;font-size:.85rem;font-weight:400;color:var(--tinta);line-height:1.7}
.caja-ro strong{color:var(--rojo);font-weight:700}

/* ═══ CONTACTO ═══ */
.cl{display:flex;gap:1.2rem;align-items:flex-start;padding:1.5rem 0;border-bottom:1px solid var(--linea)}
.cl:first-child{border-top:1px solid var(--linea)}
.cic{width:46px;height:46px;background:var(--hueso-2);display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0;color:var(--marino)}
.cl-l{font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gris-c);margin-bottom:.3rem}
.cl-v{font-family:var(--ff-t);font-size:1.05rem;font-weight:700;color:var(--marino);letter-spacing:-.01em}
.cl-v a{color:var(--marino)}
.cl-v a:hover{color:var(--amar-d)}
.cl-s{font-size:.8rem;font-weight:400;color:var(--gris);margin-top:.2rem}

/* ═══ COOKIES ═══ */
.cookie{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--marino-3);border-top:4px solid var(--amarillo);padding:1.1rem 1.5rem;display:none}
.cookie.act{display:block}
.cookie-in{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.cookie-t{flex:1;font-size:.8rem;font-weight:400;color:rgba(255,255,255,.7);line-height:1.6;min-width:200px}
.cookie-t a{color:var(--amar-h);text-decoration:underline}
.cookie-b{display:flex;gap:.7rem;flex-shrink:0}

/* ═══ PIE ═══ */
.pie{background:var(--marino-3);color:rgba(255,255,255,.52)}
.pie-top{padding:64px 0 48px;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;border-bottom:1px solid rgba(255,255,255,.1)}
.pie-logo img{height:84px;width:auto;margin-bottom:1.1rem;background:var(--blanco);padding:8px;border-radius:3px}
.pie-lema{font-family:var(--ff-s);font-style:italic;font-weight:300;font-size:.95rem;color:var(--amar-h);line-height:1.7;max-width:280px;margin-bottom:1.3rem}
.pie-k{display:flex;flex-direction:column;gap:.5rem}
.pie-k span{font-size:.82rem;font-weight:400;color:rgba(255,255,255,.52);display:flex;align-items:flex-start;gap:.5rem}
.pie-k a{color:rgba(255,255,255,.65)}
.pie-k a:hover{color:var(--amar-h)}
.pie-ct{font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-bottom:1.2rem}
.pie-li{display:flex;flex-direction:column;gap:.5rem}
.pie-li a{font-size:.83rem;font-weight:400;color:rgba(255,255,255,.52);transition:all .2s}
.pie-li a:hover{color:var(--amar-h);padding-left:4px}
.pie-reg{font-size:.7rem;font-weight:400;line-height:1.85;color:rgba(255,255,255,.35)}
.pie-reg strong{color:rgba(255,255,255,.55);font-weight:700}
.pie-bot{padding:1.4rem 0;display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:400;color:rgba(255,255,255,.32);flex-wrap:wrap;gap:.5rem}
.pie-bot a{color:rgba(255,255,255,.42)}
.pie-bot a:hover{color:var(--amar-h)}

/* ═══ UTILS ═══ */
.tc{text-align:center}
.mt1{margin-top:.5rem}.mt2{margin-top:1rem}.mt3{margin-top:1.5rem}.mt4{margin-top:2rem}.mt5{margin-top:2.5rem}
.mb2{margin-bottom:1rem}.mb3{margin-bottom:1.5rem}
.regla{width:52px;height:4px;background:var(--amarillo);margin:1.4rem 0}
.regla.mid{margin:1.4rem auto}

@keyframes sube{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.a1{animation:sube .75s var(--ease) both}
.a2{animation:sube .75s .12s var(--ease) both}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){
.heroe-grid{grid-template-columns:1fr}
.heroe-izq{padding:70px 0 56px}
.heroe-der{padding:56px 2rem;margin:0 -38px}
.prods{grid-template-columns:1fr 1fr}
.pasos{grid-template-columns:1fr 1fr}
.paso:nth-child(2){border-right:none}
.paso{border-bottom:1px solid var(--linea);padding:1.8rem 1.5rem 1.8rem 0}
.paso:nth-child(even){padding-left:1.5rem;padding-right:0}
.cifras{grid-template-columns:repeat(2,1fr)}
.cifra:nth-child(2){border-right:none}
.cifra:nth-child(1),.cifra:nth-child(2){border-bottom:1px solid var(--linea)}
.pie-top{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
.wrap,.wrap-sm{padding:0 22px}
.nav,.cab-cta .btn-mar{display:none}
.hamb{display:flex}
.cab-in{height:76px}
.marca img{height:58px}
.mov{inset:76px 0 0 0}
.heroe h1{font-size:2.5rem}
.heroe-der{margin:0 -22px}
h2.tit{font-size:2rem}
.pcab h1{font-size:2.1rem}
.sup-r{display:none}
.fgr{grid-template-columns:1fr}
.prods{grid-template-columns:1fr}
.pasos{grid-template-columns:1fr}
.paso{border-right:none!important;padding:1.6rem 0!important}
.cifras{grid-template-columns:1fr 1fr}
.pie-top{grid-template-columns:1fr;gap:2rem}
.pildoras{display:flex;flex-direction:column}
.pild{border-right:none;border-bottom:1px solid rgba(255,255,255,.18)}
.simu-res{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
.heroe h1{font-size:2.1rem}
.form-b{padding:1.4rem}
.simu-b{padding:1.4rem}
.simu-res{grid-template-columns:1fr}
.cifras{grid-template-columns:1fr}
.cifra{border-right:none;border-bottom:1px solid var(--linea)}
.heroe-conf{gap:1.2rem}
}