:root{--navy:#0B2545;--navy-deep:#07182F;--cyan:#2EC4E6;--cyan-dark:#1490B0;--paper:#F6F8FA;--ink:#17242F;--ink-soft:#41525F;--line:#D8E1E8}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Public Sans',system-ui,sans-serif;font-size:18px;line-height:1.65;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
h1,h2,h3,.serif{font-family:'Source Serif 4',Georgia,serif}
a{color:var(--cyan-dark)}

/* Nav */
header{background:var(--navy-deep);position:sticky;top:0;z-index:50;box-shadow:0 2px 14px rgba(4,16,32,.35)}
.navbar{display:flex;align-items:center;gap:28px;padding:14px 24px}
.logo{color:#fff;font-weight:700;font-size:19px;letter-spacing:.04em;text-decoration:none;font-family:'Public Sans',sans-serif}
.logo span{color:var(--cyan)}
nav{display:flex;gap:22px;margin-left:auto;flex-wrap:wrap}
nav a{color:#B9C9D8;text-decoration:none;font-size:15px;font-weight:600;padding:6px 0}
nav a:hover,nav a.on{color:#fff;border-bottom:2px solid var(--cyan)}
.nav-cta{background:var(--cyan);color:var(--navy-deep);text-decoration:none;font-weight:700;font-size:15px;padding:10px 18px;border-radius:6px;white-space:nowrap}
.nav-cta:hover{background:#4FD3F0}

/* Hero */
.hero{background:linear-gradient(168deg,var(--navy-deep),var(--navy));color:#fff;padding:72px 0 80px}
.eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(46,196,230,.45);padding:6px 14px;border-radius:3px;margin-bottom:24px}
.hero h1{font-size:clamp(30px,4.4vw,48px);line-height:1.15;max-width:21ch;margin-bottom:22px}
.hero p.sub{font-size:19.5px;color:#C9D6E2;max-width:66ch;margin-bottom:34px}
.cta-row{display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-block;background:var(--cyan);color:var(--navy-deep);text-decoration:none;font-weight:700;font-size:17px;padding:15px 28px;border-radius:6px}
.btn:hover{background:#4FD3F0}
.btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.btn.ghost:hover{border-color:var(--cyan);color:var(--cyan)}

/* Secciones */
section{padding:76px 0}
section.alt{background:var(--paper)}
.kicker{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-dark);margin-bottom:12px}
h2{font-size:clamp(26px,3.2vw,36px);line-height:1.22;margin-bottom:16px;max-width:26ch}
.lead{color:var(--ink-soft);max-width:68ch;margin-bottom:36px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:30px 28px}
.card .tag{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);background:rgba(46,196,230,.14);padding:4px 10px;border-radius:3px;display:inline-block;margin-bottom:14px}
.card h3{font-size:20px;margin-bottom:10px}
.card p{font-size:16.5px;color:var(--ink-soft)}
.card p strong{color:var(--navy)}

/* Quién / foto */
.split{display:grid;grid-template-columns:320px 1fr;gap:56px;align-items:center}
.split img{width:100%;border-radius:8px;display:block}
.creds{display:flex;gap:56px;flex-wrap:wrap;margin:30px 0}
.cred b{display:block;font-family:'Source Serif 4',Georgia,serif;font-size:clamp(44px,5vw,60px);color:var(--cyan-dark);font-variant-numeric:tabular-nums;line-height:1.05}
.cred span{font-size:15.5px;color:var(--ink-soft);letter-spacing:.01em}
.navy-sec{background:var(--navy);color:#fff}
.navy-sec h2{color:#fff}
.navy-sec .lead,.navy-sec p{color:#C9D6E2}
.navy-sec .cred b{color:var(--cyan)}
.navy-sec .cred span{color:#8FA6BA}

/* Pasos */
.steps{counter-reset:paso;display:grid;gap:0}
.step{display:grid;grid-template-columns:64px 1fr;gap:22px;padding:26px 0;border-bottom:1px solid var(--line)}
.step:last-child{border-bottom:none}
.step::before{counter-increment:paso;content:counter(paso);font-family:'Source Serif 4',Georgia,serif;font-size:34px;font-weight:700;color:var(--cyan-dark);line-height:1}
.step h3{font-size:20px;margin-bottom:6px}
.step p{font-size:16.5px;color:var(--ink-soft)}

/* Quote / destacado */
.callout{background:var(--navy);color:#fff;border-left:5px solid var(--cyan);border-radius:6px;padding:28px 32px;font-size:18.5px;max-width:820px}

/* CTA final */
.cta-final{background:linear-gradient(168deg,var(--navy-deep),var(--navy));color:#fff;text-align:center;padding:80px 0}
.cta-final h2{margin:0 auto 14px}
.cta-final p{color:#C9D6E2;max-width:62ch;margin:0 auto 30px}
.micro{font-size:14.5px;color:#8FA6BA;margin-top:18px}
.micro a{color:var(--cyan)}

/* Footer */
footer{background:var(--navy-deep);color:#B9C9D8;font-size:15px;padding:56px 0 0}
.footgrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:44px;padding-bottom:36px}
footer .logo{margin-bottom:12px;display:inline-block}
.footbase{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;padding-bottom:24px;font-size:13.5px;color:#7E93A8}

/* Testimonios */
.quote-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:30px;font-size:16.5px}
.quote-card footer,.quote-who{background:none;color:var(--navy);font-weight:700;padding:14px 0 0;font-size:15px}
.stars{color:#E8B93B;letter-spacing:2px}

@media(max-width:920px){
  .navbar{flex-wrap:wrap;gap:12px}
  nav{gap:14px;margin-left:0;order:3;width:100%}
  .cards{grid-template-columns:1fr}
  .split{grid-template-columns:1fr;gap:32px}
  .split img{max-width:300px}
  .footgrid{grid-template-columns:1fr;gap:24px}
  section{padding:56px 0}
}

/* ============ v1.1: profundidad, marca y micro-interacciones ============ */

/* Logo de imagen en nav y footer */
.logo-img{display:flex;align-items:center;text-decoration:none}
.logo-img img{height:44px;width:auto;display:block}
footer .logo-img img{height:52px}
@media(max-width:920px){.logo-img img{height:38px}}

/* Fondos navy con profundidad + montaña como marca de agua */
.hero,.cta-final{background:radial-gradient(1200px 600px at 78% -10%,rgba(46,196,230,.16),transparent 60%),linear-gradient(168deg,var(--navy-deep) 0%,var(--navy) 78%,#0E2C52 100%);position:relative;overflow:hidden}
.navy-sec{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--navy) 0%,#0D2A4E 60%,var(--navy) 100%)}
.hero::after,.navy-sec::after,.cta-final::after{content:"";position:absolute;right:-60px;bottom:-40px;width:min(560px,60vw);aspect-ratio:900/565;background:url('montana-blanca.webp') no-repeat center/contain;opacity:.06;pointer-events:none}
.hero .wrap,.navy-sec .wrap,.cta-final .wrap{position:relative;z-index:1}

/* Secciones claras: textura mínima */
section.alt{background:linear-gradient(180deg,#F8FAFC 0%,var(--paper) 100%)}

/* Cards: sombra, acento y hover */
.card{box-shadow:0 1px 2px rgba(11,37,69,.05),0 8px 24px -18px rgba(11,37,69,.25);border-top:3px solid transparent;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(11,37,69,.06),0 18px 34px -16px rgba(11,37,69,.3);border-top-color:var(--cyan)}

/* Iconos de línea en cards y pasos */
.card .ico{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;background:rgba(46,196,230,.12);margin-bottom:16px;color:var(--cyan-dark);flex:none}
.card .ico svg{width:22px;height:22px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.navy-sec .card .ico{color:var(--cyan)}

/* Barra de credenciales protagonista */
.stats-band{background:var(--navy-deep);color:#fff;padding:44px 0;border-top:1px solid rgba(46,196,230,.25);border-bottom:1px solid rgba(46,196,230,.25)}
.stats-band .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center}
.stats-band b{display:block;font-family:'Source Serif 4',Georgia,serif;font-size:clamp(38px,5vw,54px);color:var(--cyan);line-height:1.05;font-variant-numeric:tabular-nums}
.stats-band span{font-size:14.5px;color:#9FB4C8;letter-spacing:.02em}
@media(max-width:920px){.stats-band .wrap{grid-template-columns:1fr;gap:22px}}

/* Foto de Andrés: marco de marca */
.split img{border-radius:10px;box-shadow:0 24px 48px -20px rgba(4,16,32,.55);outline:1px solid rgba(46,196,230,.35);outline-offset:6px}

/* Botones y nav: transiciones */
.btn,.nav-cta{transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.btn:hover,.nav-cta:hover{transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(46,196,230,.55)}
nav a{transition:color .15s ease,border-color .15s ease}

/* Entrada suave de secciones */
@media(prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(14px);animation:rise .6s ease forwards}
  @keyframes rise{to{opacity:1;transform:none}}
}

/* Página 404 */
.err{min-height:52vh;display:flex;align-items:center}
.err b.code{font-family:'Source Serif 4',Georgia,serif;font-size:72px;color:var(--cyan-dark);display:block;line-height:1}

/* v1.3: números de entregables (diagnóstico) y credenciales (Andrés) */
.cards.center .card{text-align:center}
.card .num{display:block;font-family:'Source Serif 4',Georgia,serif;font-size:52px;line-height:1;color:var(--cyan-dark);margin:2px 0 12px;font-variant-numeric:tabular-nums}
/* v1.4: dos testimonios centrados */
.cards.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin-left:auto;margin-right:auto}
@media(max-width:920px){.cards.two{grid-template-columns:1fr}}