/* Finance BP — hoja de estilos global */
:root{
  --azul:#1F3B57; --azul-osc:#152A40; --azul-claro:#EAF1F8; --acento:#2E7DB8;
  --dorado:#C9A22E; --verde:#2E7D4F; --gris:#5A6572; --borde:#DDE5EC;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Manrope',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#20303F;line-height:1.6;background:#fff;}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px;}
html{scroll-behavior:smooth;}
img{max-width:100%;}

/* NAV */
nav{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--borde);z-index:10;}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px;}
.logo{font-size:20px;font-weight:800;color:var(--azul);letter-spacing:.3px;text-decoration:none;white-space:nowrap;}
.logo span{color:var(--acento);}
.nav-links{display:flex;gap:20px;align-items:center;font-size:15px;}
.nav-links a{color:var(--azul);text-decoration:none;font-weight:700;white-space:nowrap;}
.nav-links a:hover,.nav-links a.activo{color:var(--azul);}
.btn{display:inline-block;background:var(--azul);color:#fff !important;padding:10px 20px;border-radius:6px;font-weight:700;text-decoration:none;font-size:14.5px;transition:background .2s;border:none;cursor:pointer;}
.btn:hover{background:var(--azul-osc);}
.btn.grande{padding:15px 30px;font-size:16.5px;}
.btn.claro{background:#fff;color:var(--azul) !important;}
.btn.claro:hover{background:var(--azul-claro);}

/* HERO */
.hero{background:linear-gradient(160deg,var(--azul) 0%,var(--azul-osc) 100%);color:#fff;padding:88px 0 72px;}
.hero h1{font-size:44px;line-height:1.15;font-weight:800;max-width:760px;}
.hero p.sub{font-size:20px;margin:22px 0 34px;max-width:680px;color:#D7E3EF;}
.hero .nota{font-size:13.5px;color:#9FB6CC;margin-top:14px;}
.hero.pagina{padding:64px 0 56px;}
.hero.pagina h1{font-size:36px;}

/* CREDENCIALES */
.cred{background:var(--azul-claro);padding:16px 0;border-bottom:1px solid var(--borde);}
.cred .wrap{display:flex;flex-wrap:wrap;gap:10px 34px;justify-content:center;font-size:14.5px;color:var(--azul);font-weight:600;}

/* SECCIONES */
section{padding:72px 0;}
h2.sec{font-size:32px;color:var(--azul);font-weight:800;margin-bottom:14px;}
p.lead{font-size:17.5px;color:var(--gris);max-width:760px;margin-bottom:36px;}
.kicker{text-transform:uppercase;letter-spacing:1.5px;font-size:12.5px;font-weight:700;color:var(--acento);margin-bottom:10px;}
.gris-bg{background:linear-gradient(180deg,#F4F8FC 0%,#EDF3FA 100%);}
.prosa p{margin-bottom:16px;font-size:16.5px;max-width:800px;}
.prosa ul{margin:0 0 16px 22px;max-width:800px;}
.prosa li{margin-bottom:8px;font-size:16px;}

/* GRIDS Y TARJETAS */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.card{background:#fff;border:1px solid var(--borde);border-radius:10px;padding:26px;display:flex;flex-direction:column;}
.card h3{font-size:17.5px;color:var(--azul);margin-bottom:8px;}
.card p{font-size:14.5px;color:var(--gris);flex:1;}
/* .card .precio: regla eliminada — todas sus declaraciones estaban superadas; la versión vigente está en el bloque V3 ("Precio como insignia de color"). */
.card a.mas{margin-top:6px;font-size:14px;color:var(--acento);font-weight:600;text-decoration:none;}
.card.suave{background:var(--azul-claro);border:none;}

/* DESTACADO CFO */
.cfo-card{background:var(--azul);color:#fff;border-radius:12px;padding:38px;display:flex;gap:36px;align-items:center;flex-wrap:wrap;margin-bottom:22px;}
.cfo-card .txt{flex:1;min-width:280px;}
.tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:4px;text-transform:uppercase;margin-bottom:12px;} /* background y color: versión vigente en el bloque V3 (.tag) */
.cfo-card h3{font-size:26px;margin-bottom:10px;}
.cfo-card p{color:#D7E3EF;font-size:15.5px;margin-bottom:18px;}
.precio-cfo{font-size:15px;font-weight:700;color:#fff;}
.cfo-card .cfo-img{width:300px;max-width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px;box-shadow:0 10px 26px rgba(0,0,0,.28);flex-shrink:0;}

/* PLANES */
.planes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:10px;}
.plan{border:1px solid var(--borde);border-radius:12px;padding:30px 26px;background:#fff;position:relative;display:flex;flex-direction:column;}
.plan.destacado{border:2px solid var(--azul);box-shadow:0 8px 24px rgba(31,59,87,.12);}
.plan .pop{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:11.5px;font-weight:700;padding:4px 14px;border-radius:20px;letter-spacing:.5px;white-space:nowrap;} /* background y color: versión vigente en "Toques de color adicionales" (.plan .pop) */
.plan h3{font-size:19px;color:var(--azul);margin-bottom:4px;}
.plan .para{font-size:13px;color:var(--gris);margin-bottom:16px;}
.plan .uf{font-size:34px;font-weight:800;color:var(--azul);}
.plan .uf small{font-size:14px;font-weight:500;color:var(--gris);}
.plan ul{list-style:none;margin:18px 0 22px;flex:1;}
.plan li{font-size:14px;color:#39485A;padding:6px 0 6px 26px;position:relative;}
.plan li::before{content:"✓";position:absolute;left:0;color:var(--verde);font-weight:700;}
.plan li.no{color:#A8B4C0;}
.plan li.no::before{content:"—";color:#C4CEDA;}

/* LISTAS CHECK */
ul.check{list-style:none;max-width:760px;}
ul.check li{padding:8px 0 8px 30px;position:relative;font-size:16px;}
ul.check li::before{content:"✓";position:absolute;left:0;color:var(--verde);font-weight:700;font-size:17px;}
ul.equis li::before{content:"—";color:#A8B4C0;}

/* FAQ */
.faq{max-width:800px;}
.faq details{border:1px solid var(--borde);border-radius:8px;padding:16px 20px;margin-bottom:12px;background:#fff;}
.faq summary{font-weight:700;color:var(--azul);cursor:pointer;font-size:16px;}
.faq p{margin-top:10px;color:var(--gris);font-size:15px;}

/* QUIEN SOY */
.cols{display:flex;gap:44px;align-items:center;flex-wrap:wrap;}
.foto-ph{width:230px;height:230px;border-radius:50%;background:var(--azul-claro);border:2px dashed var(--acento);display:flex;align-items:center;justify-content:center;color:var(--acento);font-weight:700;font-size:14px;text-align:center;flex-shrink:0;}
.cols .txt{flex:1;min-width:300px;}
blockquote{border-left:4px solid var(--acento);padding-left:18px;font-size:16.5px;color:var(--gris);font-style:italic;margin-top:18px;max-width:700px;}

/* CTA FINAL */
.cta-final{background:linear-gradient(160deg,var(--azul) 0%,var(--azul-osc) 100%);color:#fff;text-align:center;}
.cta-final h2{font-size:34px;font-weight:800;margin-bottom:14px;}
.cta-final p{font-size:17px;color:#D7E3EF;max-width:620px;margin:0 auto 30px;}

/* BOTONERA CONTACTO */
.contacto-botones{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:10px;}

footer{background:var(--azul-osc);color:#9FB6CC;padding:34px 0;font-size:13.5px;}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;}
footer a{color:#D7E3EF;text-decoration:none;}

@media(max-width:860px){
  .grid3,.grid2,.planes-grid{grid-template-columns:1fr;}
  .hero h1{font-size:32px;}
  .hero.pagina h1{font-size:28px;}
  h2.sec{font-size:26px;}
  .nav-links a:not(.btn):not(.lang-btn){display:none;}
  section{padding:52px 0;}
}

/* ===== HERO CON IMAGEN / VIDEO DE FONDO (estilo firma global) ===== */
.hero.media{position:relative;overflow:hidden;padding:120px 0 96px;background:var(--azul-osc);}
.hero.media.pagina{padding:88px 0 72px;}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.hero-overlay{position:absolute;inset:0;z-index:1;background:
  radial-gradient(820px 420px at 88% 12%,rgba(201,162,46,.22),transparent 60%),
  radial-gradient(600px 380px at 8% 95%,rgba(63,169,245,.16),transparent 65%),
  linear-gradient(100deg,rgba(14,32,50,.94) 0%,rgba(24,46,68,.80) 45%,rgba(46,125,184,.48) 100%);}
.hero.media .wrap{position:relative;z-index:2;}
.hero.media h1{text-shadow:0 2px 12px rgba(0,0,0,.35);}
.hero.media p.sub{color:#E3EDF7;text-shadow:0 1px 8px rgba(0,0,0,.3);}
.hero-linea{width:64px;height:4px;background:var(--dorado);border-radius:2px;margin-bottom:26px;}

/* TARJETAS CON FOTO */
.card.foto{padding:0;overflow:hidden;}
.card.foto img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .35s ease;}
.card.foto:hover img{transform:scale(1.04);}
.card.foto .card-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1;}
.card.foto h3{margin-top:2px;}
.card{transition:box-shadow .25s ease,transform .25s ease;}
.card:hover{box-shadow:0 10px 28px rgba(31,59,87,.14);transform:translateY(-3px);}

/* BLOQUE CON IMAGEN LATERAL (split) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.split.invertido .split-img{order:2;}
.split-img{position:relative;z-index:0;}
.split-img img{width:100%;border-radius:14px;object-fit:cover;aspect-ratio:4/3;box-shadow:0 18px 44px rgba(31,59,87,.22);display:block;}
.split-img::after{content:"";position:absolute;left:-14px;bottom:-14px;width:38%;height:38%;border:3px solid var(--dorado);border-radius:12px;z-index:-1;}
.split.invertido .split-img::after{left:auto;right:-14px;}

/* CTA FINAL CON FOTO DE FONDO */
.cta-final.media{position:relative;overflow:hidden;}
.cta-final.media .cta-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.cta-final.media::after{content:"";position:absolute;inset:0;z-index:1;background:
  radial-gradient(700px 360px at 85% 15%,rgba(201,162,46,.24),transparent 62%),
  linear-gradient(160deg,rgba(21,42,64,.93) 0%,rgba(31,59,87,.88) 100%);}
.cta-final.media .wrap{position:relative;z-index:2;}

/* FOTO DENTRO DEL HERO DE PÁGINA (banda inferior) */
.hero-foto-banda{margin-top:-48px;position:relative;z-index:3;}
.hero-foto-banda img{width:100%;max-height:380px;object-fit:cover;border-radius:14px;box-shadow:0 20px 50px rgba(21,42,64,.30);display:block;}

@media(max-width:860px){
  .hero.media{padding:80px 0 64px;}
  .split{grid-template-columns:1fr;gap:30px;}
  .split.invertido .split-img{order:0;}
  .card.foto img{aspect-ratio:16/8;}
}

/* EQUIPO */
.equipo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.miembro h3{font-size:17px;color:var(--azul);margin-bottom:2px;}
.miembro .rol{font-size:13px;color:var(--acento);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;}
.miembro p{font-size:13.5px;color:var(--gris);line-height:1.5;}
@media(max-width:860px){.equipo-grid{grid-template-columns:1fr;}}

/* ===================================================================
   V2 — VIDA, COLOR Y CONVERSIÓN
   =================================================================== */
:root{
  --dorado-claro:#DFBA4C; --dorado-osc:#96741A;
  --celeste:#3FA9F5; --verde-vivo:#2FA866; --verde-wsp:#25D366;
  --grad-oro:linear-gradient(135deg,#E8CB6B 0%,#C9A22E 55%,#A07E1E 100%);
}

/* Botones con energía */
.btn{transition:background .2s,transform .2s,box-shadow .2s;}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(21,42,64,.25);}
.btn.dorado{background:var(--grad-oro);color:var(--azul-osc) !important;box-shadow:0 6px 18px rgba(150,116,26,.40);}
.btn.dorado:hover{background:linear-gradient(135deg,#D6B448 0%,#8F6E18 100%);box-shadow:0 10px 26px rgba(150,116,26,.55);}

/* Palabra destacada en oro dentro de títulos oscuros */
.oro{color:var(--dorado-claro);}

/* Nav: subrayado dorado animado */
.nav-links a:not(.btn){position:relative;padding-bottom:3px;}
.nav-links a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--dorado);border-radius:2px;transition:width .25s ease;}
.nav-links a:not(.btn):hover::after,.nav-links a.activo::after{width:100%;}

/* Kicker con guión dorado */
.kicker::before{content:"";display:inline-block;width:26px;height:3px;background:var(--dorado);border-radius:2px;margin-right:10px;vertical-align:3px;}

/* Ken Burns sutil en heros con imagen */
img.hero-bg{animation:kenburns 20s ease-in-out infinite alternate;}
@keyframes kenburns{from{transform:scale(1);}to{transform:scale(1.07);}}

/* Banda de cifras animadas */
.stats-band{background:linear-gradient(120deg,var(--azul-osc) 0%,var(--azul) 55%,#2A5578 100%);padding:38px 0;border-bottom:3px solid var(--dorado);}
.stats-band .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
.stat .num{font-size:40px;font-weight:800;color:var(--dorado-claro);line-height:1.1;}
.stat .num .unidad{font-size:20px;font-weight:700;}
.stat .lbl{color:#D7E3EF;font-size:13.5px;font-weight:600;letter-spacing:.4px;margin-top:4px;}

/* Proceso en pasos */
.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.paso{background:#fff;border:1px solid var(--borde);border-top:4px solid var(--dorado);border-radius:12px;padding:28px 24px;transition:box-shadow .25s,transform .25s;}
.paso:hover{box-shadow:0 12px 30px rgba(31,59,87,.14);transform:translateY(-3px);}
.paso .n{width:46px;height:46px;border-radius:50%;background:var(--grad-oro);color:var(--azul-osc);font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 6px 14px rgba(150,116,26,.40);}
.paso h3{font-size:17.5px;color:var(--azul);margin-bottom:8px;}
.paso p{font-size:14.5px;color:var(--gris);}

/* Iconos de tarjeta */
.icono-c{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.icono-c svg{width:26px;height:26px;}
.icono-c.oro-bg{background:rgba(201,162,46,.18);color:var(--dorado-osc);}
.icono-c.azul-bg{background:rgba(63,169,245,.14);color:var(--acento);}
.icono-c.verde-bg{background:rgba(47,168,102,.14);color:var(--verde-vivo);}

/* Cita del fundador */
.cita-banda{background:linear-gradient(120deg,var(--azul) 0%,#2A5578 100%);color:#fff;padding:56px 0;}
.cita-banda .wrap{display:flex;gap:36px;align-items:center;flex-wrap:wrap;}
.cita-banda img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--dorado);box-shadow:0 10px 26px rgba(0,0,0,.3);flex-shrink:0;}
.cita-banda blockquote{border-left:4px solid var(--dorado);padding-left:22px;font-size:20px;line-height:1.5;color:#EAF1F8;font-style:italic;margin:0;flex:1;min-width:280px;}
.cita-banda .autor{margin-top:10px;font-style:normal;font-size:14px;color:#B8CBDD;font-weight:600;}
.cita-banda .autor strong{color:var(--dorado-claro);}

/* Animaciones de aparición (las activa js/animaciones.js) */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease;}
.reveal.visible{opacity:1;transform:none;}

/* Botón flotante de WhatsApp */
.wsp-flotante{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--verde-wsp);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.45);transition:transform .2s;}
.wsp-flotante:hover{transform:scale(1.1);}
.wsp-flotante svg{width:32px;height:32px;}
.wsp-flotante::before{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(37,211,102,.45);animation:pulso 2.2s ease-out infinite;z-index:-1;}
@keyframes pulso{0%{transform:scale(1);opacity:.8;}70%{transform:scale(1.65);opacity:0;}100%{transform:scale(1.65);opacity:0;}}

/* Toques de color adicionales */
.card:hover h3{color:#1F6296;}
.plan.destacado{border-color:var(--dorado);box-shadow:0 12px 32px rgba(150,116,26,.25);}
.plan .pop{background:var(--grad-oro);color:var(--azul-osc);}
.plan .uf{color:var(--acento);}
.cta-final h2 .oro{color:var(--dorado-claro);}
footer{border-top:3px solid var(--dorado);}

@media(max-width:860px){
  .stats-band .wrap{grid-template-columns:repeat(2,1fr);gap:26px 12px;}
  .pasos{grid-template-columns:1fr;}
  .cita-banda .wrap{flex-direction:column;text-align:center;}
  .cita-banda blockquote{border-left:none;border-top:4px solid var(--dorado);padding:18px 0 0;}
  .wsp-flotante{right:16px;bottom:16px;width:54px;height:54px;}
}

/* ===================================================================
   V3 — INTENSIDAD: degradados animados y acentos de color
   =================================================================== */

/* Brillos flotantes animados sobre todos los heros */
.hero-overlay::before,.hero-overlay::after{content:"";position:absolute;border-radius:50%;filter:blur(28px);pointer-events:none;}
.hero-overlay::before{width:52vw;height:52vw;max-width:820px;max-height:820px;right:-12%;top:-18%;background:radial-gradient(circle,rgba(203,163,48,.30) 0%,transparent 62%);animation:brillo-a 11s ease-in-out infinite alternate;}
.hero-overlay::after{width:44vw;height:44vw;max-width:700px;max-height:700px;left:-10%;bottom:-24%;background:radial-gradient(circle,rgba(63,169,245,.28) 0%,transparent 62%);animation:brillo-b 13s ease-in-out infinite alternate;}
@keyframes brillo-a{from{transform:translate(0,0) scale(1);opacity:.75;}to{transform:translate(-10%,14%) scale(1.22);opacity:1;}}
@keyframes brillo-b{from{transform:translate(0,0) scale(1);opacity:.65;}to{transform:translate(12%,-10%) scale(1.18);opacity:.95;}}

/* Línea dorada del hero con destello */
.hero-linea{background:linear-gradient(90deg,var(--dorado),#F0DB9A,var(--dorado));background-size:200% auto;animation:destello 3s linear infinite;}

/* Cifras doradas con destello */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .stat .num{background:linear-gradient(90deg,#DFBA4C 20%,#F0DB9A 45%,#DFBA4C 70%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:destello 5s linear infinite;}
  .logo span{background:linear-gradient(135deg,#1F6296,var(--acento));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
}
@keyframes destello{to{background-position:200% center;}}

/* Selector de idioma con bandera */
.lang-btn{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--borde);border-radius:20px;padding:5px 13px 5px 8px;background:#fff;font-weight:800;letter-spacing:.4px;transition:border-color .2s,box-shadow .2s,transform .2s;}
.lang-btn:hover{border-color:var(--dorado);box-shadow:0 4px 12px rgba(150,116,26,.20);transform:translateY(-1px);}
.lang-btn svg{width:20px;height:14px;border-radius:3px;display:block;box-shadow:0 0 0 1px rgba(0,0,0,.08);}
.lang-btn::after{display:none !important;}

/* CTA del menú en dorado */
.nav-links a.btn{background:var(--grad-oro);color:var(--azul-osc) !important;box-shadow:0 4px 12px rgba(150,116,26,.40);}
.nav-links a.btn:hover{background:linear-gradient(135deg,#D6B448 0%,#8F6E18 100%);}

/* Tarjetas de problemas con tinte y borde de color */
.grid3 .card.suave:nth-child(1){background:linear-gradient(160deg,#EAF4FD 0%,#DDEBFA 100%);border-left:4px solid var(--celeste);}
.grid3 .card.suave:nth-child(2){background:linear-gradient(160deg,#F9F0DA 0%,#F1E4BE 100%);border-left:4px solid var(--dorado);}
.grid3 .card.suave:nth-child(3){background:linear-gradient(160deg,#E8F7EE 0%,#DCF2E6 100%);border-left:4px solid var(--verde-vivo);}

/* Barrido dorado sobre las tarjetas con foto */
.card{position:relative;}
.card.foto::after{content:"";position:absolute;top:0;left:0;height:4px;width:0;background:var(--grad-oro);transition:width .4s ease;z-index:2;}
.card.foto:hover::after{width:100%;}

/* Precio como insignia de color */
.card .precio{display:inline-block;background:#E8F7EE;color:#1F7A46;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:700;margin-top:14px;align-self:flex-start;}

/* Banner CFO con halo dorado y etiqueta dorada */
.cfo-card{background:radial-gradient(620px 300px at 92% 8%,rgba(201,162,46,.18),transparent 60%),var(--azul);border:1px solid rgba(201,162,46,.42);}
.tag{background:var(--grad-oro);color:var(--azul-osc);}

/* Planes con acento de color por columna */
.planes-grid .plan:nth-child(1){border-top:4px solid var(--celeste);}
.planes-grid .plan:nth-child(3){border-top:4px solid var(--acento);}
.plan.destacado .uf{color:var(--dorado-osc);}

/* FAQ con acento dorado */
.faq details{border-left:4px solid transparent;transition:border-color .2s,box-shadow .2s;}
.faq details:hover,.faq details[open]{border-left-color:var(--dorado);}
.faq details[open]{box-shadow:0 6px 18px rgba(31,59,87,.10);}
.faq summary{transition:color .2s;}
.faq summary:hover{color:var(--acento);}

/* Cita con comilla gigante decorativa */
.cita-banda{position:relative;overflow:hidden;}
.cita-banda::before{content:"\201C";position:absolute;font-family:Georgia,'Times New Roman',serif;font-size:300px;line-height:1;color:rgba(201,162,46,.15);top:-48px;left:3%;pointer-events:none;}
.cita-banda .wrap{position:relative;}

/* Detalles */
::selection{background:var(--dorado);color:var(--azul-osc);}
footer a:hover{color:var(--dorado-claro);}

@media(max-width:860px){
  .hero-overlay::before{width:90vw;height:90vw;}
  .hero-overlay::after{display:none;}
  .cita-banda::before{font-size:180px;top:-28px;}
}

/* ===================================================================
   V4 — SECCIONES QUE VENDEN Y EQUIPO CERCANO
   =================================================================== */

/* Checks como insignias circulares */
ul.check li{padding:10px 0 10px 40px;}
ul.check li::before{content:"✓";width:24px;height:24px;border-radius:50%;background:var(--verde-vivo);color:#fff;font-size:13px;line-height:24px;text-align:center;top:11px;font-weight:800;box-shadow:0 3px 8px rgba(47,168,102,.35);}
ul.check.equis li::before{content:"—";background:#C4CEDA;color:#fff;box-shadow:none;}

/* Paneles "Es para ti" / "No es para ti" */
.panel-si,.panel-no{border-radius:14px;padding:26px 28px;height:100%;position:relative;overflow:hidden;}
.panel-si{background:linear-gradient(160deg,#E8F7EE 0%,#DCF2E6 100%);border:1px solid rgba(47,168,102,.35);}
.panel-no{background:linear-gradient(160deg,#FBF2DC 0%,#F5E7C4 100%);border:1px solid rgba(201,162,46,.45);}
.panel-no::before,.panel-no::after{content:"";position:absolute;border-radius:50%;pointer-events:none;}
.panel-no::before{width:170px;height:170px;right:-50px;top:-50px;background:rgba(201,162,46,.14);}
.panel-no::after{width:90px;height:90px;right:70px;top:-24px;background:rgba(201,162,46,.10);}
.panel-no ul.check.equis li::before{background:var(--dorado);box-shadow:0 3px 8px rgba(150,116,26,.35);}
.panel-no ul{position:relative;z-index:1;}

/* Callout destacado (La diferencia) */
.callout{background:#fff;border:1px solid var(--borde);border-left:5px solid var(--dorado);border-radius:0 14px 14px 0;padding:28px 32px;box-shadow:0 12px 32px rgba(31,59,87,.09);max-width:880px;}
.callout p{margin-bottom:14px;font-size:16.5px;}
.callout p:last-child{margin-bottom:0;}
.callout .destaque{font-size:18.5px;font-weight:800;color:var(--azul);}

/* Tarjeta de inversión (precio protagonista + CTA) */
.inversion-card{background:radial-gradient(640px 300px at 90% 10%,rgba(201,162,46,.20),transparent 60%),linear-gradient(120deg,var(--azul-osc) 0%,var(--azul) 100%);border:1px solid rgba(201,162,46,.42);border-radius:16px;padding:38px;color:#fff;display:flex;align-items:center;gap:34px;flex-wrap:wrap;}
.inversion-card .txt{flex:1;min-width:280px;}
.inversion-card .desde{font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;color:#B8CBDD;font-weight:700;}
.inversion-card .monto{font-size:40px;font-weight:800;color:var(--dorado-claro);line-height:1.15;margin:6px 0 12px;}
.inversion-card .monto small{font-size:16px;font-weight:600;color:#B8CBDD;}
.inversion-card p{color:#D7E3EF;font-size:15.5px;margin:0;}

/* CTA al cierre de una sección */
.cta-seccion{margin-top:30px;}

/* Retrato del fundador: la foto estira a la altura exacta del texto */
.split-img.retrato{align-self:stretch;}
.split-img.retrato img{height:100%;aspect-ratio:auto;min-height:420px;object-fit:cover;object-position:center 18%;}
@media(max-width:860px){.split-img.retrato img{height:auto;aspect-ratio:1/1;min-height:0;}}
.foto-chip{position:absolute;left:16px;bottom:16px;background:rgba(21,42,64,.92);color:#fff;padding:10px 16px;border-radius:10px;font-size:13.5px;line-height:1.4;border-left:3px solid var(--dorado);box-shadow:0 8px 22px rgba(0,0,0,.30);max-width:calc(100% - 32px);}
.foto-chip strong{color:var(--dorado-claro);}
@media(max-width:860px){.foto-chip{font-size:12.5px;padding:8px 12px;}}

/* Equipo: tarjetas con foto grande */
.miembro{background:#fff;border:1px solid var(--borde);border-radius:12px;padding:0;overflow:hidden;text-align:left;transition:box-shadow .25s,transform .25s;}
.miembro:hover{box-shadow:0 14px 34px rgba(31,59,87,.16);transform:translateY(-4px);}
.miembro img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:0;border:none;margin:0;display:block;}
.miembro .miembro-body{padding:20px 22px 24px;}
.miembro h3{font-size:18px;}
.miembro .rol{display:inline-block;padding:3px 12px;border-radius:20px;margin:6px 0 10px;letter-spacing:.6px;}
.rol.rol-oro{background:rgba(201,162,46,.16);color:#7A5E12;}
.rol.rol-azul{background:rgba(63,169,245,.14);color:#1F6296;}
.rol.rol-verde{background:rgba(47,168,102,.14);color:#1F7A46;}

/* Franja de confianza */
.confianza{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.confianza .item{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--borde);border-radius:12px;padding:20px 22px;}
.confianza .item .icono-c{margin-bottom:0;flex-shrink:0;width:44px;height:44px;border-radius:11px;}
.confianza .item .icono-c svg{width:22px;height:22px;}
.confianza .item h3{font-size:15.5px;color:var(--azul);margin-bottom:4px;}
.confianza .item p{font-size:13.5px;color:var(--gris);margin:0;}

@media(max-width:860px){
  .inversion-card{padding:28px;}
  .inversion-card .monto{font-size:32px;}
  .callout{padding:22px 24px;}
  .confianza{grid-template-columns:1fr;}
}

/* Accesibilidad: respetar reducción de movimiento */
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  img.hero-bg{animation:none;}
  .wsp-flotante::before{animation:none;}
  .btn:hover,.card:hover,.paso:hover,.miembro:hover{transform:none;}
  .card.foto:hover img,.wsp-flotante:hover{transform:none;}
  .card.foto img{transition:none;}
  .hero-overlay::before,.hero-overlay::after{animation:none;}
  .hero-linea,.stat .num{animation:none;}
}