/* nicocodecloud.cl · v3 «Personal, con su foto» (celular primero) */
:root{
  --night:#0A1324;
  --navy:#0F1B33;
  --paper:#FFFFFF;
  --white:#FFFFFF;
  --sand:#F4F7FB;       /* secciones claras alternas */
  --soft2:#EEF3F9;
  --ink:#0F1B33;
  --ink-soft:#5B6578;
  --rule:#E2E8F0;
  --rule-strong:#CBD5E1;
  --accent:#0891B2;      /* cian sobre claro: bordes, números grandes */
  --accent-ink:#0E7490;  /* cian para texto y botones sobre claro (AA) */
  --accent-wash:#ECFEFF;
  --cyan2:#22D3EE;       /* cian sobre oscuro */
  --on-navy:#FFFFFF;
  --on-navy-soft:#AFC0DA;
  --display:"Inter Tight","Inter Display","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:var(--display);
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --max:1160px;
  --gutter:20px;
  --radius:14px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.65 var(--sans);min-height:100vh;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;display:block}
a{color:var(--accent-ink);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--ink)}
p{margin:0 0 1em}
h1,h2,h3,h4{font-family:var(--display);font-weight:800;line-height:1.06;letter-spacing:-.03em;margin:0 0 .5em;color:var(--ink);text-wrap:balance;font-optical-sizing:auto}
h1{font-size:clamp(2.35rem,8.4vw,4rem);letter-spacing:-.025em}
h2{font-size:clamp(1.75rem,5.6vw,2.6rem)}
h3{font-size:1.3rem}
.h-sm{font-size:1.6rem}
strong,b{font-weight:600}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
::selection{background:var(--accent);color:#fff}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:12px 16px;border-radius:8px;text-decoration:none}
.skip-link:focus{top:12px;color:var(--paper)}
.muted{color:var(--ink-soft)}
[hidden]{display:none!important}
.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.narrow{max-width:760px}
@media (min-width:768px){:root{--gutter:40px}}
.lead{font-size:1.15rem;line-height:1.6;color:var(--ink-soft);max-width:38em}
@media (min-width:900px){.lead{font-size:1.25rem}}
.kicker{font-size:.98rem;font-weight:500;color:var(--accent-ink);margin:0 0 12px}

/* ---------- Encabezado ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(250,247,242,.94);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--rule)}
.header-inner{display:flex;align-items:center;gap:12px;min-height:64px}
.brand{margin-right:auto;font:700 1.22rem/1 var(--display);letter-spacing:-.01em;color:var(--ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
.brand:hover{color:var(--ink)}
.head-cta{flex:none}
.nav-toggle{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border-radius:10px;border:1px solid var(--rule-strong);background:transparent;color:var(--ink);cursor:pointer;padding:0}
.nav-toggle svg{width:22px;height:22px}
.nav-toggle .i-close{display:none}
.nav-toggle[aria-expanded="true"] .i-open{display:none}
.nav-toggle[aria-expanded="true"] .i-close{display:block}
.site-nav{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:4px var(--gutter) 20px;display:none;box-shadow:0 20px 40px -24px rgba(22,24,29,.35)}
.site-nav.is-open{display:block}
.site-nav ul{list-style:none;margin:0;padding:0}
.site-nav li a{display:flex;align-items:center;min-height:56px;color:var(--ink);text-decoration:none;font:700 1.35rem var(--display);border-bottom:1px solid var(--rule)}
.site-nav li a[aria-current="page"]{color:var(--accent-ink)}
.site-nav .nav-cta{display:none}
@media (max-width:359px){.head-cta{display:none}.site-nav .nav-cta{display:flex;margin-top:16px;width:100%}}
@media (min-width:920px){
  .nav-toggle,.site-header .head-cta{display:none}
  .site-nav{position:static;display:flex!important;align-items:center;gap:28px;background:none;border:0;padding:0;box-shadow:none}
  .site-nav ul{display:flex;gap:26px}
  .site-nav li a{min-height:44px;border:0;font:500 1rem var(--sans);color:var(--ink-soft)}
  .site-nav li a:hover{color:var(--ink)}
  .site-nav li a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:8px}
  .site-nav .nav-cta{display:inline-flex}
}

/* ---------- Botones ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:50px;padding:.75rem 1.35rem;border-radius:8px;font:600 1rem/1.2 var(--sans);text-decoration:none;text-align:center;border:1.5px solid transparent;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.btn svg{width:19px;height:19px;flex:none}
.btn-primary,.btn-magenta{background:var(--accent-ink);border-color:var(--accent-ink);color:#fff}
.btn-primary:hover,.btn-magenta:hover{background:#155E75;border-color:#155E75;color:#fff}
.btn-secondary,.btn-ghost{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn-secondary:hover,.btn-ghost:hover{background:var(--ink);color:var(--paper)}
.btn-lg{min-height:56px;padding:.9rem 1.6rem;font-size:1.05rem}
.btn-sm{min-height:42px;padding:.5rem 1rem;font-size:.95rem}
.btn-block{width:100%}
.demo-note{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;font-size:.88rem;line-height:1.45;color:var(--ink-soft)}
.demo-note::before{content:"";flex:none;width:7px;height:7px;margin-top:.45em;border-radius:50%;background:#C98A1B}
.demo-note.is-info::before{background:var(--accent)}

/* ---------- Secciones ---------- */
.section{padding:64px 0}
.section-tight{padding:40px 0}
.section-rule,.section-alt{border-top:1px solid var(--rule)}
@media (min-width:900px){.section{padding:104px 0}.section-tight{padding:64px 0}}
.sec-head,.section-head{max-width:680px;margin-bottom:36px}
.sec-head p,.section-head p{color:var(--ink-soft);font-size:1.1rem;margin:0}
.sec-head h2,.section-head h2{margin-bottom:.35em}
.sec-more{margin:32px 0 0;font-weight:500}
.page-head{padding:48px 0 16px}
.page-head h1{margin-bottom:.3em}
@media (min-width:900px){.page-head{padding:96px 0 32px}}
.statement{font:500 clamp(1.35rem,4.2vw,1.8rem)/1.45 var(--sans);color:var(--ink);margin:0;letter-spacing:-.005em}
.close-line{font:500 clamp(1.25rem,3.8vw,1.55rem)/1.45 var(--sans);margin:0}
.close-line a{white-space:nowrap}

/* ---------- Portada ---------- */
.home-hero{padding:24px 0 56px}
.hh-grid{display:grid;gap:28px}
.hh-photo .nico-photo{max-width:min(250px,64vw)}
.home-hero h1{font-size:clamp(3rem,13vw,6.25rem);line-height:1;letter-spacing:-.035em;margin-bottom:.25em}
.hh-lead{font-size:clamp(1.3rem,4.6vw,1.65rem);line-height:1.45;color:var(--ink);max-width:24em;margin-bottom:28px}
.hh-actions,.closing-actions{display:flex;flex-direction:column;gap:12px}
.hh-note{margin:22px 0 0;font-size:.95rem;color:var(--ink-soft)}
@media (min-width:600px){.hh-actions,.closing-actions{flex-direction:row;flex-wrap:wrap}}
@media (min-width:900px){
  .home-hero{padding:72px 0 112px}
  .hh-grid{grid-template-columns:1.15fr .85fr;gap:72px;align-items:center}
  .hh-photo{order:2}
  .hh-photo .nico-photo{max-width:440px;margin-left:auto}
}

/* Foto de Nico (o marcador con iniciales) */
.nico-photo{position:relative;margin:0;width:100%;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--sand)}
.np-ph{position:absolute;inset:0;display:grid;place-items:center;font:700 clamp(4rem,22vw,7rem)/1 var(--display);letter-spacing:-.04em;color:#B9AC97}
.nico-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.avatar{position:relative;display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--sand);font:700 .95rem/1 var(--display);color:#8F8270}
.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Logos de clientes: gris y opacidad .7; a color al pasar el mouse. Alturas ópticas por logo. */
.logos{border-top:1px solid var(--rule)}
.logos-title{font:500 1rem/1.4 var(--sans);letter-spacing:0;color:var(--ink-soft);text-align:center;margin:0 0 24px}
.logo-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px;align-items:center;justify-items:center;--lh:30px}
.logo-strip li{display:flex;align-items:center;justify-content:center;min-height:52px}
.logo-strip img{height:var(--lh);width:auto;max-width:100%;filter:grayscale(1);opacity:.7;transition:opacity .2s ease,filter .2s ease}
.logo-strip li:hover img{filter:none;opacity:1}
.logo-strip li:last-child:nth-child(odd){grid-column:1/-1}
.logo-strip .lg-altasec img{mix-blend-mode:multiply}
.logo-strip .lg-coc img{height:calc(var(--lh)*1.25)}
.logo-strip .lg-square img{height:calc(var(--lh)*1.45)}
.logo-strip .lg-wide img{height:calc(var(--lh)*.85)}
.logo-strip .lg-xwide img{height:calc(var(--lh)*.72)}
.logo-strip .lg-progas img{height:calc(var(--lh)*1.45)}
.logo-strip .lg-nova img{height:calc(var(--lh)*1.1);filter:invert(1) hue-rotate(180deg) grayscale(1)}
.logo-strip .lg-nova:hover img{filter:invert(1) hue-rotate(180deg)}
.logo-strip .lg-square img{filter:grayscale(1) contrast(1.5) brightness(.85)}
.logo-strip .lg-square:hover img{filter:none}
@media (min-width:720px){.logo-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 40px;--lh:36px}.logo-strip li:last-child:nth-child(odd){grid-column:auto}}

/* Repisa de guías (portadas reales) */
.shelf{list-style:none;margin:0;padding:6px 0 18px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,74%);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.book-item{scroll-snap-align:start;min-width:0}
.book{display:block;perspective:1100px;margin-bottom:22px}
.book img{width:100%;height:auto;border-radius:3px 7px 7px 3px;transform:rotateY(-7deg);transform-origin:left center;box-shadow:0 1px 2px rgba(22,24,29,.15),0 22px 34px -16px rgba(22,24,29,.45);transition:transform .25s ease}
.book{position:relative}
.book::after{content:"";position:absolute;left:0;top:0;bottom:0;width:7%;border-radius:3px 0 0 3px;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(255,255,255,.14) 40%,transparent);transform:rotateY(-7deg);transform-origin:left center;pointer-events:none}
.book:hover img{transform:rotateY(-2deg) translateY(-3px)}
.book-meta h3{font-size:1.3rem;margin-bottom:.35em}
.book-meta h3 a{color:var(--ink);text-decoration:none}
.book-meta h3 a:hover{color:var(--accent-ink);text-decoration:underline}
.book-meta p{color:var(--ink-soft);font-size:1rem;margin-bottom:.6em}
.book-price{font:700 1.4rem/1.2 var(--display);color:var(--ink)!important;margin:0}
.book-price span{font:400 .92rem var(--sans);color:var(--ink-soft);margin-left:6px}
.book-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.book-up{margin:14px 0 0!important;font-size:.95rem!important}
@media (min-width:900px){
  .shelf{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;overflow:visible;padding-bottom:0}
  .book-actions{flex-direction:row;flex-wrap:wrap}
}
.shelf-store{grid-auto-columns:minmax(240px,82%)}

/* Banda azul: asesorías */
.band-navy{background:var(--navy);color:var(--on-navy);padding:64px 0}
@media (min-width:900px){.band-navy{padding:104px 0}}
.band-navy h2{color:var(--on-navy)}
.band-navy .sec-head p{color:var(--on-navy-soft)}
.ases-list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--rule)}
.ases-list li{border-top:1px solid var(--rule)}
.ases-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"main chev" "meta chev";gap:8px 16px;align-items:center;padding:22px 0;color:var(--ink);text-decoration:none}
.ar-main{grid-area:main;display:flex;flex-direction:column;gap:4px;min-width:0}
.ar-name{font:700 1.35rem/1.25 var(--display);letter-spacing:-.01em}
.ar-note{font:500 .85rem var(--sans);color:var(--accent-ink);white-space:nowrap;margin-left:6px}
.ar-for{color:var(--ink-soft);font-size:.98rem;line-height:1.45}
.ar-meta{grid-area:meta;display:flex;align-items:baseline;gap:14px}
.ar-dur{font-size:.95rem;color:var(--ink-soft)}
.ar-price{font:700 1.3rem/1 var(--display);font-variant-numeric:tabular-nums}
.ases-row .chev{grid-area:chev;width:24px;height:24px;color:var(--ink-soft);transition:transform .2s ease}
.ases-row:hover{color:var(--ink)}
.ases-row:hover .ar-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.ases-row:hover .chev{transform:translateX(4px);color:var(--accent-ink)}
@media (min-width:760px){
  .ases-row{grid-template-columns:1fr auto auto;grid-template-areas:"main meta chev";padding:28px 0}
  .ar-meta{flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
}
.band-navy .ases-list,.band-navy .ases-list li{border-color:rgba(241,238,232,.16)}
.band-navy .ases-row{color:var(--on-navy)}
.band-navy .ar-for,.band-navy .ar-dur{color:var(--on-navy-soft)}
.band-navy .ar-note{color:#7DD3E5}
.band-navy .ases-row .chev{color:var(--on-navy-soft)}
.band-navy .ases-row:hover .chev{color:#7DD3E5}
.band-navy a:focus-visible{outline-color:#7DD3E5}

/* Por qué enseño esto */
.why h2{margin-bottom:.6em}
.why-sign{display:flex;align-items:center;gap:12px;margin:28px 0 0;font:700 1.15rem var(--display)}

/* Lista editorial de artículos */
.post-list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--rule)}
.post-list li{border-top:1px solid var(--rule)}
.post-row{display:grid;gap:4px;padding:22px 0;text-decoration:none;color:var(--ink)}
.pr-title{font:700 1.35rem/1.3 var(--display);letter-spacing:-.01em}
.pr-desc{color:var(--ink-soft);font-size:1rem;max-width:44em}
.pr-meta{font-size:.9rem;color:var(--ink-soft)}
.post-row:hover .pr-title{color:var(--accent-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
@media (min-width:900px){.post-row{grid-template-columns:1fr auto;grid-template-areas:"t m" "d d";column-gap:32px;padding:28px 0}.pr-title{grid-area:t}.pr-meta{grid-area:m;align-self:baseline}.pr-desc{grid-area:d}}

/* Cierre */
.closing{background:var(--sand);padding:64px 0}
.closing p{color:var(--ink-soft);font-size:1.1rem;margin-bottom:24px}
@media (min-width:900px){.closing{padding:96px 0}}

/* Bloque «Publica tu proyecto» */
.publica-block{display:flex;align-items:center;gap:16px;margin:40px 0 0;max-width:640px;padding:18px 20px;border:1px solid var(--rule-strong);border-radius:12px;background:var(--white);text-decoration:none;color:var(--ink);transition:border-color .15s ease}
.publica-block:hover{border-color:var(--ink);color:var(--ink)}
.pb-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.pb-q{color:var(--ink-soft);font-size:.95rem}
.publica-block b{font:700 1.15rem/1.35 var(--display)}
.publica-block svg{flex:none;width:22px;height:22px;margin-left:auto;color:var(--accent-ink)}
.closing .publica-block,.section-tight .narrow .publica-block{margin-top:24px}

/* ---------- Landing de guía ---------- */
.gl-hero{padding:20px 0 56px}
.gl-grid{display:grid;gap:32px;align-items:center}
.gl-cover{max-width:min(190px,50vw)}
.gl-grid{gap:24px}
.book-lg{margin:0}
.gl-text h1{font-size:clamp(2.2rem,7.6vw,3.6rem);margin-bottom:.3em}
.gl-text .lead{margin-bottom:16px}
.gl-facts{font-weight:500;color:var(--ink);margin:0 0 24px}
.buy{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.buy-price{margin:0;font:700 2.4rem/1 var(--display);flex:1 1 100%}
.buy-price span{font:400 1rem var(--sans);color:var(--ink-soft);margin-left:6px}
.buy .btn{flex:1 1 220px;max-width:340px}
.buy-note{flex:1 1 100%;margin:0;font-size:.92rem;color:var(--ink-soft)}
.buy-inline{margin-top:44px;padding-top:32px;border-top:1px solid var(--rule);max-width:560px}
@media (min-width:900px){
  .gl-hero{padding:40px 0 104px}
  .gl-grid{grid-template-columns:.8fr 1.2fr;gap:80px}
  .gl-cover{max-width:380px}
}
.pages{list-style:none;margin:0;padding:4px 0 16px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,64%);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory}
.pages li{scroll-snap-align:start}
.pages a{display:block;cursor:zoom-in;border-radius:4px;overflow:hidden;border:1px solid var(--rule);background:#fff;box-shadow:0 12px 24px -16px rgba(22,24,29,.35);transition:border-color .15s ease}
.pages a:hover{border-color:var(--ink-soft)}
.pages img{width:100%;height:auto}
@media (min-width:900px){.pages{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;overflow:visible}}
.learn{list-style:none;margin:0;padding:0;display:grid;column-gap:48px}
.learn li{position:relative;padding:14px 0 14px 32px;border-top:1px solid var(--rule);line-height:1.5}
.learn li::before{content:"";position:absolute;left:2px;top:19px;width:16px;height:16px;background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E7490' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
@media (min-width:760px){.learn{grid-template-columns:repeat(2,minmax(0,1fr))}}
.profiles{list-style:none;margin:0;padding:0;display:grid;gap:0 48px}
.profiles li{padding:22px 0;border-top:1px solid var(--rule)}
.profiles h3{font-size:1.25rem;margin-bottom:.3em}
.profiles p{color:var(--ink-soft);margin:0 0 .4em}
.profiles .caps{font-size:.93rem;color:var(--accent-ink)}
@media (min-width:760px){.profiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.levels{display:grid;gap:36px}
@media (min-width:960px){.levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}}
.level h3{font-size:1.5rem;padding-bottom:12px;border-bottom:2px solid var(--ink);margin-bottom:0}
.chapters{list-style:none;margin:0;padding:0}
.chapters li{display:grid;grid-template-columns:2.2rem 1fr;gap:6px;padding:16px 0;border-bottom:1px solid var(--rule)}
.ch-n{font:700 1.35rem/1.2 var(--display);color:var(--accent-ink);font-variant-numeric:tabular-nums}
.chapters b{display:block;font-weight:600;line-height:1.35;margin-bottom:3px}
.chapters span:not(.ch-n){color:var(--ink-soft);font-size:.95rem;line-height:1.5}
.conds{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.conds li{display:flex;gap:12px;align-items:flex-start;line-height:1.5}
.conds svg,.checklist svg{flex:none;width:20px;height:20px;margin-top:2px;color:var(--accent-ink)}
.conds li:first-child{font:700 1.2rem/1.45 var(--display)}

/* Comparación guía / asesoría */
.compare{margin:0}
.compare-table{width:100%;border-collapse:collapse;font-size:.98rem}
.compare-table th,.compare-table td{padding:13px 8px;border-bottom:1px solid var(--rule);text-align:center;vertical-align:middle}
.compare-table thead th{border-bottom:2px solid var(--ink);font:700 1.05rem/1.25 var(--display);width:24%}
.compare-table thead th:first-child{width:auto}
.compare-table thead small{display:block;font:500 .9rem/1.4 var(--sans);color:var(--ink-soft);margin-top:4px}
.compare-table tbody th{text-align:left;font-weight:400;padding-left:0;line-height:1.45}
.compare-table .is-up{background:var(--accent-wash)}
.compare-table .ck{font-weight:700;color:var(--accent-ink);font-size:1.1rem}
.compare-table .nx{color:#B5AEA2}
.compare-actions{display:flex;flex-direction:column;gap:10px;margin-top:22px}
@media (min-width:600px){.compare-actions{flex-direction:row;flex-wrap:wrap}}

/* ---------- Páginas de asesoría ---------- */
.hero{padding:28px 0 56px}
.hero-grid{display:grid;gap:36px;align-items:center}
.hero h1{margin-bottom:.35em}
.hero-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.hero-actions .btn{width:100%}
.hero-visual .nico-photo{max-width:150px}
@media (min-width:600px){.hero-actions{flex-direction:row;flex-wrap:wrap}.hero-actions .btn{width:auto}}
@media (min-width:980px){.hero{padding:72px 0 104px}.hero-grid{grid-template-columns:1.3fr .7fr;gap:72px}.hero-visual .nico-photo{max-width:380px;margin-left:auto}}
.chips{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 20px;color:var(--ink-soft);font-size:.95rem}
.problem{border-left:3px solid var(--accent);padding:2px 0 2px 22px}
.problem p{font-size:1.12rem;color:var(--ink)}
.problem .punch{font:700 clamp(1.45rem,4.6vw,1.9rem)/1.3 var(--display);margin:16px 0 0}
.problem .punch:first-child{margin:0 0 12px}
.deliverables{list-style:none;margin:0;padding:0;display:grid;column-gap:48px}
.deliverables li{display:block;padding:20px 0;border-top:1px solid var(--rule)}
.deliverables .num{display:none}
.deliverables h3{font-size:1.2rem;margin:0 0 4px}
.deliverables p{margin:0;color:var(--ink-soft)}
.deliverables .del-text{color:var(--ink);padding:0}
@media (min-width:760px){.deliverables{grid-template-columns:repeat(2,minmax(0,1fr))}}
.session-bar{display:flex;gap:3px;height:6px;margin:0 0 8px;border-radius:3px;overflow:hidden}
.session-bar span{display:block;height:100%;background:var(--accent)}
.session-bar span:nth-child(even){background:var(--navy)}
.session-scale{display:flex;justify-content:space-between;font-size:.85rem;color:var(--ink-soft);margin-bottom:24px}
.timeline{list-style:none;margin:0;padding:0;display:grid;column-gap:48px}
.timeline li{display:grid;grid-template-columns:6.5rem 1fr;gap:4px 12px;padding:16px 0;border-top:1px solid var(--rule)}
.timeline .dot{display:none}
.timeline .t-body{display:contents}
.timeline .t-time{font-weight:600;color:var(--accent-ink);font-variant-numeric:tabular-nums;padding-top:2px}
.timeline h3{font-size:1.15rem;margin:0 0 2px;grid-column:2}
.timeline p{grid-column:2;margin:0;color:var(--ink-soft);font-size:.97rem}
@media (min-width:900px){.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stages,.how{list-style:none;margin:0;padding:0;display:grid;column-gap:40px}
.stages li,.how li{display:grid;grid-template-columns:2.4rem 1fr;gap:4px 12px;padding:18px 0;border-top:1px solid var(--rule);align-items:baseline}
.stages .n,.how .n{font:700 1.6rem/1 var(--display);color:var(--accent-ink);grid-row:span 2}
.stages h3,.how h3{font-size:1.15rem;margin:0}
.stages p,.how p{grid-column:2;margin:0;color:var(--ink-soft);font-size:.97rem}
@media (min-width:760px){.stages,.how{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.stages{grid-template-columns:repeat(3,minmax(0,1fr))}}
.card{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.grid{display:grid;gap:28px}
@media (min-width:720px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}}
.fit .card{padding-top:18px;border-top:2px solid var(--ink)}
.fit .is-no{border-top-color:var(--rule-strong)}
.fit h3{display:flex;align-items:center;gap:10px}
.fit h3 svg{width:24px;height:24px;flex:none;color:var(--accent-ink)}
.fit .is-no h3 svg{color:var(--ink-soft)}
.fit p{color:var(--ink-soft)}
.quote-close{font:500 clamp(1.35rem,4.4vw,1.85rem)/1.45 var(--sans);margin:0}
.quote-close span{color:var(--ink-soft)}
.hero-person{display:flex;align-items:center;gap:12px;margin-top:24px}
.hero-person p{margin:0;color:var(--ink-soft);font-size:.95rem;line-height:1.35}
.hero-person strong{display:block;color:var(--ink);font:700 1.1rem var(--display)}
.price-wrap{display:grid;gap:40px;align-items:start}
@media (min-width:980px){.price-wrap{grid-template-columns:1fr 420px;gap:72px}}
.price-card{background:var(--white);border:1px solid var(--rule-strong);border-radius:var(--radius);padding:26px 22px}
@media (min-width:600px){.price-card{padding:32px}}
.price-card .label{font-weight:500;color:var(--accent-ink);margin:0 0 6px}
.price-card h3{font-size:1.45rem;margin:0 0 4px}
.price-card .amount{font:700 clamp(2.4rem,10vw,3rem)/1 var(--display);margin:18px 0 6px;letter-spacing:-.02em}
.price-card .amount-sub{color:var(--ink-soft);margin-bottom:20px}
.checklist{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px}
.checklist li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.faq{border-bottom:1px solid var(--rule);margin-top:16px}
.faq details{border-top:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:16px 0;font:700 1.15rem/1.35 var(--display)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font:400 1.6rem/1 var(--sans);color:var(--accent-ink)}
.faq details[open] summary::after{content:"−"}
.faq details > div{padding:0 0 20px;color:var(--ink-soft)}
.faq details > div p{margin:0}
.prep-grid{display:grid;gap:40px}
@media (min-width:900px){.prep-grid{grid-template-columns:1fr 1.15fr;gap:64px;align-items:start}}
.prep-grid .card{border-top:2px solid var(--ink);padding-top:20px}
.prep-list li{gap:12px}
.prep-note{margin:0;padding:14px 16px;border-radius:10px;background:var(--sand)}
.tools-table{width:100%;border-collapse:collapse;margin:8px 0 16px}
.tools-table th,.tools-table td{text-align:left;vertical-align:top;padding:11px 8px;border-bottom:1px solid var(--rule)}
.tools-table thead th{font-size:.9rem;font-weight:500;color:var(--ink-soft);padding-top:0}
.tools-table thead th:first-child,.tools-table tbody th{padding-left:0}
.tools-table tbody th{font-weight:600;white-space:nowrap;padding-right:14px}
.tools-table td{color:var(--ink-soft)}
.tools-total{margin:0 0 6px;font:700 1.15rem/1.45 var(--display)}
.tools-date{margin:0;font-size:.85rem;color:var(--ink-soft)}
@media (max-width:420px){.tools-table tbody th{white-space:normal;width:38%}}
.need-card{background:var(--sand);border-radius:var(--radius);padding:26px 24px}
.need-card p{margin:0}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:var(--white);border-top:1px solid var(--rule-strong);transform:translateY(110%);transition:transform .25s ease;box-shadow:0 -12px 24px -18px rgba(22,24,29,.35)}
.sticky-cta.is-visible{transform:translateY(0)}
.sticky-cta .s-info{line-height:1.2;min-width:0}
.sticky-cta .s-info b{display:block;font:700 1.3rem/1.1 var(--display)}
.sticky-cta .s-info small{font-size:.85rem;color:var(--ink-soft)}
.sticky-cta .btn{flex:none;min-height:48px}
.has-sticky{padding-bottom:84px}
@media (min-width:920px){.sticky-cta{display:none}.has-sticky{padding-bottom:0}}

/* ---------- Blog ---------- */
.breadcrumbs{font-size:.9rem;color:var(--ink-soft);margin-bottom:16px}
.breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px}
.breadcrumbs li{display:inline-flex;align-items:center;min-height:36px}
.breadcrumbs li+li::before{content:"/";margin-right:8px;color:var(--rule-strong)}
.breadcrumbs a{color:var(--ink-soft);text-decoration:none;display:inline-flex;align-items:center;min-height:36px}
.breadcrumbs a:hover{color:var(--ink);text-decoration:underline}
.article-head{padding:24px 0 16px}
@media (min-width:900px){.article-head{padding:64px 0 24px}}
.article-head h1{font-size:clamp(2rem,7vw,3.2rem)}
.post-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:.92rem;color:var(--ink-soft);margin-bottom:12px}
.post-meta .tag{color:var(--accent-ink);font-weight:500}
.prose{font-size:1.1rem;line-height:1.75;max-width:40em}
.prose h2{font-size:clamp(1.45rem,5vw,1.9rem);margin:2em 0 .55em}
.prose h3{font-size:1.25rem;margin:1.6em 0 .5em}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.2em}
.prose li{margin-bottom:.45em}
.prose li::marker{color:var(--accent-ink)}
.prose blockquote{margin:1.5em 0;padding:4px 0 4px 20px;border-left:3px solid var(--accent)}
.prose blockquote p:last-child{margin:0}
.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--sand);padding:2px 6px;border-radius:5px}
.prompt{margin:0 0 1.4em;background:var(--white);border:1px solid var(--rule-strong);border-radius:12px;padding:16px}
.prompt pre{margin:0;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font:400 .95rem/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink)}
.prompt .copy{margin-top:12px}
.step-h{display:flex;gap:14px;align-items:baseline}
.step-h .n{flex:none;font:700 1.4em/1 var(--display);color:var(--accent-ink)}
.signal{border-top:2px solid var(--ink);padding:20px 0 6px;margin:0 0 18px}
.signal h2{margin-top:0!important;font-size:1.35rem}
.signal .fix{margin-top:12px;padding-top:12px;border-top:1px dashed var(--rule-strong)}
.signal .fix b{color:var(--accent-ink)}
.box-cta{border-radius:var(--radius);padding:26px 22px;margin:36px 0 0;border:1px solid var(--rule-strong);background:var(--white)}
.box-cta h2{font-size:1.4rem;margin:0 0 .4em}
.box-cta p,.box-cta ul{color:var(--ink-soft)}
.box-cta ul{margin:0 0 18px;padding-left:1.2em}
.box-cta .btn{width:100%}
@media (min-width:600px){.box-cta .btn{width:auto}}
.box-guide{background:var(--sand);border-color:var(--sand)}
.box-warn h2{display:flex;gap:10px;align-items:flex-start}
.box-warn h2 svg{flex:none;width:24px;height:24px;color:var(--ink-soft);margin-top:4px}

/* ---------- Pie ---------- */
.site-footer{border-top:1px solid var(--rule);padding:48px 0 28px}
.footer-grid{display:grid;gap:28px}
@media (min-width:820px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.site-footer h2{font:600 .95rem/1.3 var(--sans);letter-spacing:0;margin:0 0 8px}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink-soft);text-decoration:none}
.site-footer li a:hover{color:var(--ink);text-decoration:underline}
.site-footer li a svg{width:18px;height:18px}
.site-footer .about{color:var(--ink-soft);font-size:.96rem;max-width:340px;margin-top:10px}
.footer-bottom{margin-top:28px;padding-top:18px;border-top:1px solid var(--rule);font-size:.85rem;color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:space-between}

/* ---------- Aviso ---------- */
.toast{position:fixed;left:50%;bottom:96px;z-index:80;width:min(92vw,440px);transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;background:var(--ink);color:var(--paper);border-radius:10px;padding:14px 16px;font-size:.95rem;line-height:1.45}
.toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media (min-width:920px){.toast{bottom:32px}}

/* ---------- Tienda: tarjeta destacada al llegar desde el PDF ---------- */
.product-card{scroll-margin-top:84px;border-radius:12px;transition:box-shadow .3s ease}
.product-card.is-target{box-shadow:0 0 0 2px var(--accent),0 0 0 10px var(--accent-wash);animation:target-pulse .66s ease-in-out 3}
@keyframes target-pulse{0%,100%{box-shadow:0 0 0 2px var(--accent),0 0 0 6px rgba(8,145,178,.05)}50%{box-shadow:0 0 0 2px var(--accent),0 0 0 14px rgba(8,145,178,.14)}}
.shelf-store .product-card{padding:10px}

/* ---------- Lightbox de páginas ---------- */
.lightbox{border:0;padding:0;background:transparent;max-width:min(92vw,720px);max-height:96vh;width:100%;color:var(--paper)}
.lightbox::backdrop{background:rgba(22,24,29,.86)}
.lightbox img{width:auto;max-width:100%;max-height:78vh;margin:0 auto;border-radius:4px;background:#fff}
.lb-caption{text-align:center;margin:10px 0 8px;font-size:.95rem}
.lb-bar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.lb-btn{min-height:46px;padding:0 16px;border-radius:8px;border:1.5px solid rgba(250,247,242,.6);background:transparent;color:var(--paper);font:500 .95rem var(--sans);cursor:pointer}
.lb-btn:hover{background:var(--paper);color:var(--ink)}
.lb-close{border-color:var(--paper)}

/* ---------- Embudos (reservar / comprar) y reagendar ---------- */
.wz-section{padding-top:24px}
.wz-layout{display:grid;gap:28px;align-items:start}
@media (min-width:980px){.wz-layout{grid-template-columns:minmax(0,1fr) 360px;gap:48px}.wz-section{padding-top:40px}}
.wz-aside{display:none}
@media (min-width:980px){.wz-aside{display:block;position:sticky;top:88px}}
.wizard{background:var(--white);border:1px solid var(--rule-strong)!important;border-radius:16px!important;padding:24px 20px 28px!important}
@media (min-width:600px){.wizard{padding:36px!important}}
.wz-title{font-size:clamp(1.75rem,6.6vw,2.4rem);margin-bottom:4px}
.wz-prodname{margin:0 0 6px;font:700 1.1rem/1.35 var(--display);color:var(--accent-ink)}
.wz-mini{margin:0 0 20px;color:var(--ink-soft);font-size:.95rem}
.wz-mini b{color:var(--ink)}
@media (min-width:980px){.wz-mini{display:none}.wz-title{margin-bottom:6px}}
.wz-progress{margin:0 0 26px}
.wz-count{margin:0 0 10px;font-size:.95rem;font-weight:500;color:var(--ink-soft)}
.wz-count [data-wz-label]{color:var(--ink)}
.wz-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.wz-steps li{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--ink-soft);line-height:1.2}
.wz-steps li::before{content:"";display:block;height:4px;border-radius:2px;background:var(--rule)}
.wz-steps .wz-n{display:none}
.wz-steps li.is-current{color:var(--ink);font-weight:600}
.wz-steps li.is-current::before{background:var(--ink)}
.wz-steps li.is-done::before{background:var(--accent)}
.wz-panel h2{font-size:1.55rem;margin-bottom:6px}
.wz-panel h2:focus{outline:none}
.wizard .wz-title[tabindex="-1"]:focus{outline:none}
.wz-panel h2:focus-visible{outline:2px solid var(--accent)}
.wz-small{font-size:.93rem;color:var(--ink-soft)}
.field{margin:0 0 18px;border:0;padding:0;min-width:0}
.field > label,.field legend{display:block;font-weight:500;margin-bottom:8px;padding:0}
.field legend .muted,.field > label .muted{font-weight:400}
.req{color:#B4532A}
.field input[type="text"],.field input[type="email"],.field input[type="tel"],.field textarea{width:100%;min-height:52px;padding:12px 14px;border-radius:10px;border:1px solid #D2CABD;background:#fff;color:var(--ink);font:400 1rem/1.5 var(--sans)}
.field textarea{resize:vertical;min-height:110px}
.field input::placeholder,.field textarea::placeholder{color:#8C877E}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent-ink);box-shadow:0 0 0 3px rgba(8,145,178,.18)}
.field [aria-invalid="true"]{border-color:#B4532A}
.field-error{margin:6px 0 0;font-size:.9rem;color:#9A3F1C}
.choice-group{display:flex;flex-wrap:wrap;gap:8px}
.choice{position:relative}
.choice input,.slot input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.choice span{display:inline-flex;align-items:center;min-height:46px;padding:10px 16px;border-radius:10px;border:1px solid #D2CABD;background:#fff;cursor:pointer;font-size:.97rem;color:var(--ink)}
.choice input:checked + span,.slot input:checked + span{border-color:var(--accent-ink);background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--accent-ink)}
.choice input:focus-visible + span,.slot input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
.check{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #D2CABD;border-radius:10px;background:#fff;cursor:pointer;line-height:1.45}
.field > label.check{display:flex;margin:0;font-weight:400}
.check input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--accent-ink)}
.check:has(input[aria-invalid="true"]){border-color:#B4532A}
.wz-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;margin:16px 0 20px;border-radius:12px;border:1px solid var(--rule-strong);background:var(--paper)}
.wz-summary b{display:block;font:700 1.1rem/1.3 var(--display)}
.wz-summary small{display:block;color:var(--ink-soft);font-size:.88rem;margin-top:4px;overflow-wrap:anywhere}
.wz-prod{color:var(--accent-ink)!important}
.wz-amount{font:700 1.5rem/1 var(--display)!important;white-space:nowrap}
.wz-notice{margin:0 0 16px;padding:14px 16px;border-radius:10px;border:1px solid #E9C46A;background:#FFF7E6;line-height:1.45}
.wz-notice:focus{outline:none}
.wz-back{margin:16px 0 0;text-align:center}
.link-btn{background:none;border:0;color:var(--ink-soft);font:400 .95rem var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px;padding:8px 4px}
.link-btn:hover{color:var(--ink)}
.slot-grid{display:grid;gap:8px}
.slot-days{grid-template-columns:repeat(5,minmax(0,1fr))}
.slot-times{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:600px){.slot-times{grid-template-columns:repeat(3,minmax(0,1fr))}}
.slot{position:relative;display:block}
.slot span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;padding:8px 4px;border-radius:10px;border:1px solid #D2CABD;background:#fff;cursor:pointer;text-align:center;line-height:1.15}
.slot b{font:700 1.15rem/1.1 var(--display)}
.slot small{font-size:.78rem;color:var(--ink-soft)}
.slot-days small{text-transform:capitalize}
.wz-done-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin-bottom:14px;background:var(--accent-wash);color:var(--accent-ink)}
.wz-done-icon svg{width:28px;height:28px}
.ra-warn{background:#FFF7E6;color:#9A6A12}
.ra-nombre{color:var(--accent-ink)}
.wz-resumen{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:16px 0 20px;padding:16px;border-radius:12px;background:var(--paper);border:1px solid var(--rule)}
.wz-resumen dt{color:var(--ink-soft);font-size:.92rem}
.wz-resumen dd{margin:0;font-weight:500;overflow-wrap:anywhere}
.wz-mail,.wz-note-3a1{display:flex;gap:10px;align-items:flex-start;margin:0 0 20px;padding:14px 16px;border-radius:10px;background:var(--sand);line-height:1.5}
.wz-note-3a1{margin:12px 0 14px}
.wz-mail svg,.wz-note-3a1 svg{flex:none;width:22px;height:22px;color:var(--accent-ink);margin-top:1px}

/* Sorpresa 3:1 (paso de pago) */
.surprise{position:relative;margin:16px 0 20px;padding:24px 22px;border-radius:14px;background:var(--navy);color:var(--on-navy)}
.surprise .kicker{color:#7DD3E5}
.surprise h3{font-size:1.55rem;color:var(--on-navy);margin:0 0 10px}
.surprise p{color:var(--on-navy-soft);line-height:1.6}
.surprise-chips{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid rgba(241,238,232,.16)}
.surprise-chips li{padding:10px 0;border-bottom:1px solid rgba(241,238,232,.16);color:var(--on-navy)}
.surprise-chips li b{color:#7DD3E5;font-weight:600}
.surprise-next{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0!important;font-size:.97rem}
.surprise-next svg{flex:none;width:20px;height:20px;color:#7DD3E5;margin-top:2px}
.surprise-sweep{display:none}
.surprise.is-playing{animation:unfold .7s cubic-bezier(.2,.8,.2,1) both}
.surprise.is-playing > :not(.surprise-sweep){animation:rise .5s ease-out both}
.surprise.is-playing h3{animation-delay:.2s}
.surprise.is-playing p{animation-delay:.35s}
.surprise.is-playing .surprise-chips{animation-delay:.6s}
.wz-paywrap.is-entering{animation:rise .45s ease-out both}
.wz-concepto-swap{animation:swap .8s ease-out both}
@keyframes unfold{0%{opacity:0;transform:translateY(-6px);clip-path:inset(0 0 100% 0 round 14px)}100%{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 14px)}}
@keyframes rise{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
@keyframes swap{0%{background:rgba(8,145,178,.18)}100%{background:transparent}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .book img,.book::after{transform:none}
}

/* =====================================================================
   v4 · lenguaje de las portadas y de la guía PDF
   Oscuro: #0A1324 / #0F1B33 · claro: #FFF / #F4F7FB · cian #22D3EE (oscuro) / #0891B2 (claro)
   ===================================================================== */
h1{font-size:clamp(2.4rem,9vw,4.4rem);letter-spacing:-.035em}
h2{font-size:clamp(1.9rem,6.4vw,2.9rem)}
h3{letter-spacing:-.02em}
.kicker{font-weight:600}
.section-rule{border-top:1px solid var(--rule)}
.soft{background:var(--sand)}
.soft.section-rule{border-top:0}
.lead{color:var(--ink-soft)}

/* Encabezado oscuro (continúa el hero) */
.site-header{background:rgba(10,19,36,.94);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.brand{color:#fff;font:800 1.12rem/1 var(--display);letter-spacing:-.02em;gap:10px}
.brand:hover{color:#fff}
.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#fff;color:var(--night);font:800 .9rem/1 var(--display);letter-spacing:-.02em;flex:none}
.site-footer .brand{color:var(--ink)}
.site-footer .brand-mark{background:var(--night);color:#fff}
.nav-toggle{border-color:rgba(255,255,255,.22);color:#fff}
.site-nav{background:var(--night);border-bottom-color:rgba(255,255,255,.08)}
.site-nav li a{color:#fff;font:700 1.35rem var(--display);border-bottom-color:rgba(255,255,255,.1)}
.site-nav li a[aria-current="page"]{color:var(--cyan2)}
@media (min-width:920px){
  .site-nav{background:none}
  .site-nav li a{font:500 1rem var(--sans);color:var(--on-navy-soft)}
  .site-nav li a:hover{color:#fff}
  .site-nav li a[aria-current="page"]{color:#fff;text-decoration-color:var(--cyan2)}
}

/* Botones */
.btn{border-radius:10px;font-weight:700}
.btn-cyan{background:var(--cyan2);border-color:var(--cyan2);color:var(--night)}
.btn-cyan:hover{background:#67E8F9;border-color:#67E8F9;color:var(--night)}
.btn-outline{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
.btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
.btn-primary{background:var(--accent-ink);border-color:var(--accent-ink)}
.btn-primary:hover{background:#155E75;border-color:#155E75}
.btn-secondary,.btn-ghost{border-color:var(--ink);color:var(--ink)}

/* Superficies oscuras: grilla de 10 mm + un resplandor cian */
.dark-hero,.dark-band,.closing{position:relative;overflow:hidden;background:var(--night);color:var(--on-navy-soft);isolation:isolate}
.dark-band{background:var(--navy)}
.hero-grid-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.hero-glow{position:absolute;z-index:-1;pointer-events:none;width:780px;height:780px;right:-260px;top:-320px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.24),rgba(34,211,238,0) 65%)}
.dark-band::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px}
.dark-hero h1,.dark-hero h2,.dark-hero h3,.dark-band h2,.dark-band h3,.closing h2{color:#fff}
.dark-hero .lead,.dark-band .sec-head p,.closing p{color:var(--on-navy-soft)}
.dark-hero .kicker{color:var(--cyan2)}
.dark-hero a:not(.btn){color:var(--cyan2)}
.dark-hero a:not(.btn):hover{color:#fff}
.dark-hero :focus-visible,.dark-band :focus-visible,.closing :focus-visible{outline-color:var(--cyan2)}
.dark-hero .btn-primary{background:var(--cyan2);border-color:var(--cyan2);color:var(--night)}
.dark-hero .btn-primary:hover{background:#67E8F9;border-color:#67E8F9}
.dark-hero .btn-secondary{border-color:rgba(255,255,255,.55);color:#fff}
.dark-hero .btn-secondary:hover{background:rgba(255,255,255,.08)}
.dark-hero .demo-note,.dark-hero .chips,.dark-hero .buy-note{color:var(--on-navy-soft)}
.dark-hero .breadcrumbs,.dark-hero .breadcrumbs a{color:var(--on-navy-soft)}
.dark-hero .breadcrumbs li+li::before{color:rgba(255,255,255,.25)}
.dark-hero .breadcrumbs a:hover{color:#fff}
.page-head.dark-hero{padding:48px 0 56px}
@media (min-width:900px){.page-head.dark-hero{padding:96px 0 104px}}
.dark-hero.hero{padding:40px 0 64px}
@media (min-width:980px){.dark-hero.hero{padding:88px 0 112px}}
.closing{background:var(--night);padding:72px 0}
.closing .container{position:relative}
@media (min-width:900px){.closing{padding:112px 0}}

/* Aparición del hero: una sola vez */
.dark-hero .container{animation:hero-in .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes hero-in{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:none}}

/* Foto de Nico */
.nico-photo{background:#16233D;border-radius:20px;box-shadow:0 30px 60px -24px rgba(0,0,0,.7)}
.np-ph{color:#3B4C6E;font-family:var(--display);font-weight:800}
.nico-photo img{object-position:50% 18%}
.avatar{background:var(--soft2);color:var(--ink-soft);font-family:var(--display);font-weight:800}
.avatar-lg{width:76px;height:76px;font-size:1.3rem;box-shadow:0 0 0 4px #fff,0 0 0 5px var(--rule)}

/* ---------- Portada ---------- */
.home4{padding:28px 0 64px}
.h4-grid{display:grid;gap:32px;align-items:center}
.h4-visual{position:relative;max-width:300px;width:100%;margin:0 auto 0 0}
.h4-photo{position:relative;z-index:2;aspect-ratio:4/5}
.h4-hola{margin:0 0 12px;font:700 1.15rem/1.2 var(--display);letter-spacing:-.01em;color:var(--cyan2)}
.home4 h1{font-size:clamp(2.6rem,11vw,5rem);line-height:1.02;letter-spacing:-.04em;margin-bottom:.35em;max-width:12em}
.h4-lead{font-size:clamp(1.08rem,3.6vw,1.25rem);line-height:1.6;color:var(--on-navy-soft);max-width:34em;margin-bottom:28px}
.h4-actions{display:flex;flex-direction:column;gap:12px}
.h4-note{margin:22px 0 0;font-size:.95rem;color:var(--on-navy-soft)}
.mock{display:none}
@media (min-width:600px){.h4-actions{flex-direction:row;flex-wrap:wrap}}
@media (min-width:600px){
  .h4-visual{max-width:440px;padding:0 0 40px 70px}
  .mock{display:block;position:absolute;z-index:1;left:0;bottom:0;width:120%;max-width:560px;transform:rotate(-6deg);transform-origin:left bottom;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -20px rgba(0,0,0,.75);font-family:var(--sans);color:var(--ink)}
}
@media (min-width:980px){
  .home4{padding:72px 0 120px}
  .h4-grid{grid-template-columns:1.05fr .95fr;gap:64px}
  .h4-visual{order:2;margin:0 0 0 auto;max-width:520px;padding:0 0 60px 120px}
  .mock{left:-40px;width:115%}
}
.mock-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#EEF2F7;border-bottom:1px solid var(--rule)}
.mock-bar i{width:9px;height:9px;border-radius:50%;background:#CBD5E1}
.mock-bar span{margin-left:10px;padding:3px 10px;border-radius:6px;background:#fff;font-size:10px;color:var(--ink-soft)}
.mock-body{display:grid;grid-template-columns:96px 1fr;min-height:220px}
.mock-side{background:var(--night);color:var(--on-navy-soft);padding:12px 10px;font-size:10px;display:flex;flex-direction:column;gap:4px}
.mock-side b{display:flex;align-items:center;gap:6px;color:#fff;font:800 12px/1 var(--display);margin-bottom:10px}
.mock-side b i{width:12px;height:12px;border-radius:3px;background:var(--cyan2)}
.mock-side span{padding:4px 6px;border-radius:4px}
.mock-side .on{background:#16233D;color:#fff}
.mock-main{padding:12px;background:#F7F9FC}
.mock-title{display:block;font:800 13px/1.1 var(--display);margin-bottom:10px}
.mock-kan{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mock-kan > div{background:#EEF2F7;border-radius:6px;padding:7px}
.mock-kan h6{margin:0 0 6px;display:flex;justify-content:space-between;font:700 8.5px/1 var(--sans);letter-spacing:.04em;color:#22304D}
.mock-kan h6 span{color:var(--ink-soft)}
.mock-kan p{margin:0 0 6px;background:#fff;border-radius:5px;padding:6px 7px;font-size:8.5px;line-height:1.35;color:var(--ink-soft);box-shadow:0 1px 2px rgba(15,27,51,.08)}
.mock-kan p b{display:block;color:var(--ink);font-size:9px}
.mock-kan p em{display:block;font-style:normal;font-weight:700;color:#047857;text-align:right}

/* Franja de datos reales */
.facts{background:var(--navy);color:var(--on-navy-soft);border-top:1px solid rgba(255,255,255,.08)}
.facts-list{list-style:none;margin:0;padding:22px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.facts-list li{display:flex;flex-direction:column;gap:2px;line-height:1.3;font-size:.92rem}
.facts-list b{font:800 2rem/1 var(--display);letter-spacing:-.03em;color:var(--cyan2)}
@media (min-width:760px){.facts-list{grid-template-columns:repeat(4,minmax(0,1fr));padding:30px 0}.facts-list li{flex-direction:row;align-items:baseline;gap:10px}.facts-list b{font-size:2.4rem}}

/* Logos sobre claro */
.logos{background:#fff;border-top:0}
.logos-title{color:var(--ink-soft)}

/* Repisa de portadas grandes */
.shelf4{list-style:none;margin:0;padding:8px 0 20px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,76%);gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.shelf4 li{scroll-snap-align:start;min-width:0}
.book4{display:block;position:relative;perspective:1200px;margin-bottom:22px}
.book4 img{width:100%;height:auto;border-radius:3px 8px 8px 3px;transform:rotateY(-9deg) rotateX(2deg);transform-origin:left center;box-shadow:-1px 0 0 rgba(255,255,255,.2) inset,0 2px 4px rgba(10,19,36,.25),0 28px 44px -18px rgba(10,19,36,.6);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}
.book4::after{content:"";position:absolute;left:0;top:0;bottom:0;width:6%;border-radius:3px 0 0 3px;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(255,255,255,.12) 45%,transparent);transform:rotateY(-9deg) rotateX(2deg);transform-origin:left center;pointer-events:none;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.book4:hover img,.shelf4 li:hover .book4 img{transform:rotateY(-4deg) translateY(-8px);box-shadow:0 2px 4px rgba(10,19,36,.25),0 40px 56px -20px rgba(10,19,36,.6)}
.book4:hover::after,.shelf4 li:hover .book4::after{transform:rotateY(-4deg) translateY(-8px)}
.shelf4 h3{font-size:1.3rem;line-height:1.15;margin-bottom:.35em}
.shelf4 h3 a{color:var(--ink);text-decoration:none}
.shelf4 h3 a:hover{color:var(--accent-ink);text-decoration:underline}
.b4-facts{margin:0;color:var(--ink-soft);font-size:.95rem}
.b4-price{margin:4px 0 0;font:800 1.5rem/1.2 var(--display);letter-spacing:-.02em;color:var(--ink)}
@media (min-width:900px){.shelf4{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;overflow:visible}}
.book img,.book::after{transform:rotateY(-9deg) rotateX(2deg)}
.book img{box-shadow:0 2px 4px rgba(10,19,36,.25),0 28px 44px -18px rgba(10,19,36,.6)}
.book:hover img{transform:rotateY(-4deg) translateY(-8px)}

/* Cómo funciona: chevrones de la guía */
.flow{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.flow a{display:flex;flex-direction:column;gap:4px;min-height:100%;padding:20px 22px 22px;background:var(--navy);color:var(--on-navy-soft);text-decoration:none;border-radius:12px;transition:background-color .2s ease}
.flow b{font:800 1.4rem/1.1 var(--display);letter-spacing:-.02em;color:#fff}
.flow .fl-step{font-size:.88rem;font-weight:600;color:var(--cyan2)}
.flow a:hover{background:#16233D}
.flow .is-on a{background:var(--accent-ink);color:#E0F7FB}
.flow .is-on .fl-step{color:#fff}
.flow .is-on a:hover{background:#155E75}
@media (min-width:820px){
  .flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .flow a{border-radius:0;padding:26px 40px 28px 48px;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 50%,calc(100% - 28px) 100%,0 100%,28px 50%)}
  .flow li:first-child a{padding-left:28px;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 50%,calc(100% - 28px) 100%,0 100%);border-radius:12px 0 0 12px}
}

/* Asesorías: filas premium con número en contorno */
.ases-rows{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--rule)}
.ases-rows li{border-top:1px solid var(--rule)}
.ases-row2{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"n main chev" "n meta chev";gap:6px 18px;align-items:center;padding:24px 0;color:var(--ink);text-decoration:none}
.a2-n{grid-area:n;align-self:start;font:800 3rem/.9 var(--display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.2px var(--accent)}
.a2-main{grid-area:main;display:flex;flex-direction:column;gap:4px;min-width:0}
.a2-name{font:800 1.35rem/1.15 var(--display);letter-spacing:-.025em}
.a2-most{align-self:flex-start;font-size:.82rem;font-weight:600;color:var(--accent-ink);border-bottom:1.5px solid currentColor;line-height:1.3}
.a2-for{color:var(--ink-soft);font-size:.97rem;line-height:1.45}
.a2-meta{grid-area:meta;display:flex;align-items:baseline;gap:14px}
.a2-dur{font-size:.93rem;color:var(--ink-soft)}
.a2-price{font:800 1.3rem/1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ases-row2 .chev{grid-area:chev;width:24px;height:24px;color:var(--ink-soft);transition:transform .2s ease}
.ases-row2:hover{color:var(--ink)}
.ases-row2:hover .a2-name{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.ases-row2:hover .chev{transform:translateX(4px);color:var(--accent-ink)}
@media (min-width:760px){
  .ases-row2{grid-template-columns:5.5rem 1fr auto auto;grid-template-areas:"n main meta chev";padding:30px 0}
  .a2-n{font-size:4rem;align-self:center}
  .a2-name{font-size:1.6rem}
  .a2-meta{flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
  .a2-price{font-size:1.5rem}
}
.dark-band .ases-rows,.dark-band .ases-rows li{border-color:rgba(255,255,255,.12)}
.dark-band .ases-row2{color:#fff}
.dark-band .a2-n{-webkit-text-stroke-color:var(--cyan2)}
.dark-band .a2-for,.dark-band .a2-dur{color:var(--on-navy-soft)}
.dark-band .a2-most{color:var(--cyan2)}
.dark-band .ases-row2 .chev{color:var(--on-navy-soft)}
.dark-band .ases-row2:hover .chev{color:var(--cyan2)}
.dark-band .ases-row2.is-most{background:linear-gradient(90deg,rgba(34,211,238,.07),transparent 70%)}
.ases-row2.is-most{background:linear-gradient(90deg,var(--accent-wash),transparent 70%)}

/* Así se ve por dentro: abanico */
.in4-grid{display:grid;gap:40px;align-items:center}
.inside4 .lead{margin-bottom:24px}
.fan{position:relative;display:block;height:clamp(260px,72vw,420px);max-width:520px;width:100%;margin:0 auto}
.fan img{position:absolute;top:6%;left:50%;width:46%;height:auto;border-radius:4px;border:1px solid var(--rule);background:#fff;box-shadow:0 22px 40px -18px rgba(10,19,36,.5);transform-origin:50% 100%;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.fan img:nth-child(1){transform:translateX(-112%) rotate(-9deg)}
.fan img:nth-child(2){transform:translateX(-50%) translateY(-4%);z-index:2}
.fan img:nth-child(3){transform:translateX(12%) rotate(9deg)}
.fan:hover img:nth-child(1){transform:translateX(-122%) rotate(-12deg)}
.fan:hover img:nth-child(2){transform:translateX(-50%) translateY(-8%)}
.fan:hover img:nth-child(3){transform:translateX(22%) rotate(12deg)}
@media (min-width:900px){.in4-grid{grid-template-columns:.9fr 1.1fr;gap:64px}}

/* Por qué enseño esto */
.why-head{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.why-head h2{margin:0}
.why .statement{font-size:clamp(1.2rem,3.8vw,1.5rem);line-height:1.55;color:var(--ink)}
.why-sign{font:600 1rem var(--sans);color:var(--ink-soft);margin-top:22px}

/* Blog en lista */
.pr-title{font-weight:800;letter-spacing:-.02em}

/* ---------- Landing de guía ---------- */
.gl-hero.dark-hero{padding:24px 0 64px}
.gl-hero .gl-cover{max-width:min(210px,56vw)}
.gl-hero h1{font-size:clamp(2.3rem,8.4vw,4rem);letter-spacing:-.035em}
.gl-count{list-style:none;margin:6px 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:16px 30px}
.gl-count li{display:flex;flex-direction:column;line-height:1.2}
.gl-count b{font:800 2.2rem/1 var(--display);letter-spacing:-.03em;color:var(--cyan2)}
.gl-count span{font-size:.92rem;font-weight:600;color:#fff;margin-top:4px}
.gl-hero .buy-price{color:#fff}
.gl-hero .buy-price span{color:var(--on-navy-soft)}
@media (min-width:900px){.gl-hero.dark-hero{padding:48px 0 112px}.gl-hero .gl-cover{max-width:400px}.gl-count b{font-size:2.8rem}}
.gprompt{margin:0 0 22px;background:var(--night);border-radius:12px;overflow:hidden;box-shadow:0 16px 32px -18px rgba(10,19,36,.5)}
.gp-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;background:#111E36;border-bottom:1px solid #1E2C48}
.gp-head b{color:#fff;font-size:.85rem;letter-spacing:.04em}
.gp-head span{color:var(--cyan2);font-size:.8rem;font-weight:600;white-space:nowrap}
.gprompt pre{margin:0;padding:18px;color:#D7E3F4;font:400 .9rem/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,"DejaVu Sans Mono",monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.gprompt pre em{font-style:normal;color:var(--night);background:var(--cyan2);border-radius:4px;padding:0 4px;font-weight:700}
.gbox-ok{background:#ECFDF5;border:1px solid #A7F3D0;border-radius:12px;padding:18px 20px}
.gb-t{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-weight:700;color:#047857}
.gb-t svg{width:20px;height:20px}
.gbox-ok ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.gbox-ok li{position:relative;padding-left:28px;color:var(--ink)}
.gbox-ok li::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border:1.5px solid #047857;border-radius:4px}
.ch-n{font:800 2.4rem/1 var(--display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.2px var(--accent)}
.chapters li{grid-template-columns:3.6rem 1fr;align-items:start;gap:10px}
.level h3{border-bottom-color:var(--accent)}

/* Asesorías y embudos */
.hero .nico-photo{max-width:170px}
@media (min-width:980px){.hero .nico-photo{max-width:380px}}
.price-card{border-color:var(--rule);box-shadow:0 18px 40px -24px rgba(10,19,36,.35)}
.price-card .amount{font-weight:800;letter-spacing:-.03em}
.wz-section{background:linear-gradient(180deg,var(--night) 0,var(--night) 210px,var(--sand) 210px);padding-bottom:64px}
.wz-section .breadcrumbs,.wz-section .breadcrumbs a{color:var(--on-navy-soft)}
.wz-section .breadcrumbs a:hover{color:#fff}
.wizard{border-color:var(--rule)!important;box-shadow:0 24px 48px -28px rgba(10,19,36,.45)}
.wz-steps li.is-current::before{background:var(--night)}
.surprise{background:var(--night);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:30px 30px}
.surprise .kicker,.surprise-chips li b,.surprise-next svg{color:var(--cyan2)}
.surprise h3{font-weight:800}
.closing .publica-block{background:transparent}
.publica-block b{font-weight:800}
.empty-note{color:var(--ink-soft)}

@media (prefers-reduced-motion:reduce){
  .dark-hero .container{animation:none}
  .book4 img,.book4::after,.fan img{transition:none}
}

/* =====================================================================
   v4b · portada editorial (referencia oscura de Nico)
   ===================================================================== */
:root{--cond:"Anton","Bebas Neue","DejaVu Sans Condensed","Arial Narrow",sans-serif}
.h5{padding:28px 0 40px}
.h5-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"hi" "title" "fig" "text"}
.h5-hi{grid-area:hi;margin:0 0 10px;font-size:.98rem;font-weight:600;color:var(--on-navy-soft)}
.h5-hi a{color:var(--cyan2)}
.h5-title{grid-area:title;position:relative;z-index:1;margin:0;font:400 clamp(3.6rem,18vw,11.5rem)/.88 var(--cond);letter-spacing:-.01em;text-transform:uppercase;color:#fff}
.h5-title span{display:block}
.h5-figure{grid-area:fig;position:relative;z-index:2;width:72%;max-width:300px;margin:26px auto 0}
.h5-photo{position:relative;margin:0;aspect-ratio:4/5}
.h5-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 14%}
.h5-photo .np-ph{position:absolute;inset:0;display:grid;place-items:center;font:800 2.4rem/1 var(--display);color:#3B4C6E}
.h5-photo.is-frame{border-radius:999px 999px 22px 22px;overflow:hidden;background:#16233D;box-shadow:0 30px 60px -20px rgba(0,0,0,.8);outline:1px solid rgba(255,255,255,.12);outline-offset:-1px}
.h5-photo:not(.is-frame) img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 24px 40px rgba(0,0,0,.6))}
.h5-arc{position:absolute;z-index:-1;left:-22%;top:-8%;width:140%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(34,211,238,.55);clip-path:polygon(50% 0,100% 0,100% 70%,50% 70%)}
.h5-badges{list-style:none;margin:0;padding:0}
.h5-badges li{position:absolute;z-index:3;display:flex;flex-direction:column;gap:1px;padding:8px 11px;border-radius:12px;background:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)),rgba(10,19,36,.62);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--on-navy-soft);font-size:.72rem;line-height:1.25;white-space:nowrap;box-shadow:0 10px 24px -12px rgba(0,0,0,.6)}
.h5-badges b{color:#fff;font:800 .9rem/1.15 var(--display);letter-spacing:-.01em}
.h5-badges .b1{left:-16%;bottom:22%}
.h5-badges .b3{right:-10%;bottom:-5%}
.h5-text{grid-area:text;position:relative;z-index:3;margin-top:44px}
.h5-lead{font-size:clamp(1.08rem,3.6vw,1.3rem);line-height:1.6;color:var(--on-navy-soft);max-width:30em;margin-bottom:24px}
.h5-actions{display:flex;flex-direction:column;gap:12px}
.h5-badges .b2{right:-12%;top:14%}
@media (min-width:600px){.h5-actions{flex-direction:row;flex-wrap:wrap}}
@media (min-width:980px){
  .h5{padding:56px 0 56px}
  .h5-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"hi hi" "title title" "text ."}
  .h5-title{font-size:clamp(7rem,13.5vw,12.5rem)}
  .h5-figure{position:absolute;margin:0;top:24px;right:0;width:36%;max-width:420px}
  .h5-text{margin-top:34px}
  .h5-badges li{font-size:.85rem;padding:12px 16px}
  .h5-badges b{font-size:1.15rem}
  .h5-badges .b1{left:-12%;bottom:24%}
  .h5-badges .b3{right:-8%;bottom:6%}
}
/* Panel de estadísticas */
.stats5{list-style:none;margin:40px 0 0;padding:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.stats5 li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:18px 10px;line-height:1.3}
.stats5 li:nth-child(odd){border-right:1px solid rgba(255,255,255,.1)}
.stats5 li:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}
.stats5 .li{width:26px;height:26px;color:var(--cyan2)}
.stats5 b{font:800 2.4rem/1 var(--display);letter-spacing:-.03em;color:#fff}
.stats5 span{font-size:.86rem;color:var(--on-navy-soft)}
@media (min-width:760px){
  .stats5{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:64px}
  .stats5 li{border:0!important;padding:26px 14px}
  .stats5 li+li{border-left:1px solid rgba(255,255,255,.1)!important}
  .stats5 b{font-size:3rem}
}
/* Lo que puedes lograr */
.routes{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.route{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--night);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 48px -28px rgba(0,0,0,.8);transition:transform .25s ease,border-color .25s ease}
.route:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.4)}
.rt-img{height:200px;overflow:hidden;background:#0A1324}
.rt-img img{width:100%;height:100%;object-fit:cover;object-position:50% 96%;transform:scale(1.06)}
.rt-body{padding:22px 76px 24px 22px}
.rt-body h3{font-size:clamp(1.6rem,6vw,2rem);line-height:1.05;color:#fff;margin-bottom:.35em}
.rt-body p{margin:0 0 8px;color:var(--on-navy-soft)}
.rt-meta{font-size:.92rem;color:var(--cyan2)!important;font-weight:600}
.rt-go{position:absolute;right:18px;bottom:20px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.4);color:#fff;transition:background-color .2s,color .2s,border-color .2s}
.rt-go svg{width:20px;height:20px}
.rt-go::after{content:"";position:absolute;inset:-400px}
.route:hover .rt-go{background:var(--cyan2);border-color:var(--cyan2);color:var(--night)}
@media (min-width:900px){.routes{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.rt-img{height:230px}.route:nth-child(2){margin-top:28px}}
/* Capacidades + herramientas */
.caps-grid{display:grid;gap:40px;align-items:start}
.capas{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:22px 36px}
.capas li{display:grid;grid-template-columns:34px 1fr;gap:14px}
.capas .li{width:30px;height:30px;color:var(--accent-ink);margin-top:2px}
.capas h3{font-size:1.15rem;margin:0 0 4px;letter-spacing:-.015em}
.capas p{margin:0;color:var(--ink-soft);font-size:.97rem;line-height:1.5}
.tools-panel{background:#fff;border:1px solid var(--rule);border-radius:18px;padding:24px 22px;box-shadow:0 30px 60px -36px rgba(10,19,36,.45)}
.tools-panel h3{font-size:1.25rem;margin-bottom:16px}
.tool-chips{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tool-chips li{padding:9px 14px;border-radius:10px;background:var(--sand);border:1px solid var(--rule);font-size:.93rem;font-weight:600;color:var(--ink)}
.tools-panel p{margin:0;color:var(--ink-soft);font-size:.93rem}
@media (min-width:760px){.capas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.caps-grid{grid-template-columns:1.5fr 1fr;gap:56px}.tools-panel{margin-top:72px;transform:translateY(-12px)}}
/* Cómo trabajamos: 5 pasos con flechas punteadas */
.steps5{list-style:none;margin:0;padding:0;display:grid;gap:0}
.steps5 li{position:relative;padding:0 0 26px 64px}
.steps5 li::before{content:"";position:absolute;left:23px;top:50px;bottom:4px;border-left:2px dotted var(--accent)}
.steps5 li:last-child::before{display:none}
.s5-n{position:absolute;left:0;top:0;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--night);color:var(--cyan2);font:800 1rem/1 var(--display)}
.steps5 h3{font-size:1.25rem;margin:10px 0 2px}
.steps5 p{margin:0;color:var(--ink-soft)}
@media (min-width:900px){
  .steps5{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
  .steps5 li{padding:66px 0 0}
  .steps5 li::before{left:60px;right:-14px;top:24px;bottom:auto;border-left:0;border-top:2px dotted var(--accent)}
  .steps5 li::after{content:"";position:absolute;right:-16px;top:19px;border:6px solid transparent;border-left:8px solid var(--accent)}
  .steps5 li:last-child::after{display:none}
  .steps5 h3{margin-top:0}
}
/* Banda CTA final */
.cta5-wrap{padding-top:24px}
.cta5{position:relative;overflow:hidden;isolation:isolate;display:grid;gap:22px;align-items:end;padding:36px 24px;border-radius:24px;background:var(--night);color:var(--on-navy-soft);box-shadow:0 40px 80px -40px rgba(10,19,36,.8)}
.cta5-title{margin:0;font:400 clamp(3rem,14vw,8rem)/.9 var(--cond);text-transform:uppercase;letter-spacing:-.005em;color:#fff}
.cta5-side p{color:var(--on-navy-soft);font-size:1.08rem;margin-bottom:20px}
.cta5 :focus-visible{outline-color:var(--cyan2)}
@media (min-width:900px){.cta5{grid-template-columns:1.2fr 1fr;gap:48px;padding:64px 56px}}
.steps5 li,.capas li{min-width:0}
.inside4{overflow:hidden}
@media (max-width:599px){.fan img{width:40%}.fan img:nth-child(1){transform:translateX(-104%) rotate(-8deg)}.fan img:nth-child(3){transform:translateX(4%) rotate(8deg)}}

.dark-band{padding:64px 0}
@media (min-width:900px){.dark-band{padding:104px 0}}
@media (max-width:899px){
  .gl-hero .gl-cover{max-width:150px}
  .gl-count{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}
  .gl-count b{font-size:1.9rem}
  .gl-count span{font-size:.8rem}
}

/* =====================================================================
   v4c · movimiento (solo transform y opacity; todo visible sin JS)
   ===================================================================== */
/* 6. Entrada del titular por líneas con máscara + badges con rebote */
.h5-title .ln{display:block;overflow:hidden;padding-bottom:.04em;margin-bottom:-.04em}
.h5-title .ln > span{display:block;animation:line-up .9s cubic-bezier(.2,.8,.2,1) both}
.h5-title .ln:nth-child(2) > span{animation-delay:.12s}
.h5-title .ln:nth-child(3) > span{animation-delay:.24s}
@keyframes line-up{from{transform:translateY(105%)}}
.h5-badges li{animation:badge-pop .6s cubic-bezier(.34,1.56,.64,1) both}
.h5-badges .b1{animation-delay:.95s}.h5-badges .b2{animation-delay:1.08s}.h5-badges .b3{animation-delay:1.2s}
@keyframes badge-pop{from{opacity:0;transform:translateY(10px) scale(.86)}}
.h5 .h5-photo{animation:photo-in 1s .15s cubic-bezier(.2,.8,.2,1) both}
@keyframes photo-in{from{opacity:0;transform:translateY(18px) scale(.97)}}
.h5 .container{animation:none}
.h5 .h5-text{animation:fade-up .7s .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes fade-up{from{opacity:0;transform:translateY(12px)}}

/* 7. Contadores sin saltos */
.stats5 b{align-self:stretch;text-align:center;font-variant-numeric:tabular-nums}

/* 8. Marquee de logos */
.js .logos{overflow:hidden}
.js .logo-strip.is-running{display:flex;flex-wrap:nowrap;width:max-content;gap:0;animation:marquee 38s linear infinite}
.js .logo-strip.is-running li{flex:none;padding:0 28px}
.js .logo-strip.is-running li:last-child:nth-child(odd){grid-column:auto}
.logos:hover .logo-strip.is-running{animation-play-state:paused}
.logos .container{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
@keyframes marquee{to{transform:translate3d(-50%,0,0)}}
@media (min-width:720px){.js .logo-strip.is-running li{padding:0 34px}}

/* 9. Tablero CRM vivo */
.live-crm{height:100%;padding:14px 14px 0;background:linear-gradient(180deg,#0E1A31,#0A1324);font-family:var(--sans)}
.lc-bar{display:flex;align-items:center;gap:5px;padding:7px 10px;border-radius:8px 8px 0 0;background:#EEF2F7}
.lc-bar i{width:7px;height:7px;border-radius:50%;background:#CBD5E1}
.lc-bar span{margin-left:8px;padding:2px 8px;border-radius:5px;background:#fff;font-size:9px;color:var(--ink-soft)}
.lc-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:9px;background:#F7F9FC;height:calc(100% - 26px)}
.lc-col{background:#EEF2F7;border-radius:6px;padding:7px;min-width:0}
.lc-col h6{margin:0 0 6px;display:flex;flex-direction:column;gap:1px;font:700 8.5px/1.2 var(--sans);color:#22304D}
.lc-col h6 b{font:800 10.5px/1.1 var(--display);color:var(--ink);display:inline-block}
.lc-col.is-won{background:#DCFCE7}
.lc-col.is-won h6 b{color:#047857}
.lc-list p{position:relative;margin:0 0 5px;padding:6px 7px;border-radius:5px;background:#fff;font-size:8px;line-height:1.3;color:var(--ink-soft);box-shadow:0 1px 2px rgba(15,27,51,.08);will-change:transform}
.lc-list p b{display:block;font-size:8.6px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-list p span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-list p em{display:block;font-style:normal;font-weight:700;color:#047857;text-align:right}
.lc-list p.is-moving{z-index:2;box-shadow:0 10px 22px -8px rgba(15,27,51,.45)}
.bump{animation:bump .5s ease}
@keyframes bump{40%{transform:scale(1.14)}}
@media (min-width:900px){.lc-list p{font-size:9px}.lc-col h6 b{font-size:12px}}

/* 10. Máquina de escribir */
.is-typing .tw{opacity:0}
.is-typing .tw.on{opacity:1}
.is-typing .tw.cur{box-shadow:2px 0 0 var(--cyan2)}
.is-typing em{opacity:0;transition:opacity .35s ease}
.is-typing em.on{opacity:1}

/* 11. Pasos: la línea se dibuja y cada paso se enciende */
.steps5.is-drawing li::before{transform:scaleY(0);transform-origin:top;transition:transform .7s ease}
.steps5.is-drawing li.is-lit::before{transform:none}
.steps5.is-drawing .s5-n{transition:background-color .4s ease,color .4s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}
.steps5.is-drawing li:not(.is-lit) .s5-n{transform:scale(.8)}
.steps5.is-drawing li.is-lit .s5-n{background:var(--cyan2);color:var(--night)}
.steps5.is-drawing li h3,.steps5.is-drawing li p{transition:opacity .5s ease}
.steps5.is-drawing li:not(.is-lit) h3,.steps5.is-drawing li:not(.is-lit) p{opacity:.35}
@media (min-width:900px){.steps5.is-drawing li::before{transform:scaleX(0);transform-origin:left}.steps5.is-drawing li.is-lit::before{transform:none}}

/* 12. Revelados sutiles en cascada */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    main .sec-head,.shelf4 > li,.capas > li,.tools-panel,.post-list > li,.why .container,.ases-rows > li,.learn > li,.profiles > li,.level,.deliverables > li,.cta5,.fan{animation:rv-in linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
    .routes:not(.is-pinned-track) > li{animation:rv-in linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  }
}
@keyframes rv-in{from{opacity:0;transform:translateY(26px)}}
.rv-wait{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.rv-wait.in{opacity:1;transform:none}

/* 13. «Lo que puedes lograr» fijado con scroll horizontal (escritorio) */
@media (max-width:899px){
  .routes{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:10px;margin-right:calc(var(--gutter)*-1);padding-right:var(--gutter);scrollbar-width:none}
  .routes::-webkit-scrollbar{display:none}
  .route{flex:0 0 84%;scroll-snap-align:start}
}
.routes-sec.is-pinned{padding:0}
.routes-sec.is-pinned .pin-sticky{position:sticky;top:64px;height:calc(100vh - 64px);min-height:640px;display:flex;align-items:center;overflow:hidden}
.routes-sec.is-pinned .container{width:100%}
.routes-sec.is-pinned .routes{display:flex;width:max-content;gap:28px;will-change:transform}
.routes-sec.is-pinned .route{width:520px;margin:0!important}
.routes-sec.is-pinned .rt-img{height:270px}

/* ---------- Solo PC: cursor, spotlight, tilt ---------- */
.fx.cur-on body,.fx.cur-on body *{cursor:none}
.fx.cur-on input,.fx.cur-on textarea,.fx.cur-on select{cursor:auto}
.cur-dot,.cur-ring{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;opacity:0;transition:opacity .2s ease}
.cur-on .cur-dot,.cur-on .cur-ring{opacity:1}
.cur-dot{width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--cyan2);mix-blend-mode:difference}
.cur-ring{width:36px;height:36px;margin:-18px 0 0 -18px}
.cur-ring::before{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(34,211,238,.8);transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .25s ease,border-color .25s ease}
.cur-ring span{position:absolute;inset:0;display:grid;place-items:center;font:700 11px/1 var(--sans);color:var(--night);opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .25s ease}
.cur-ring.is-link::before{transform:scale(1.6);background:rgba(34,211,238,.12)}
.cur-ring.is-ver::before{transform:scale(2.1);background:var(--cyan2);border-color:var(--cyan2)}
.cur-ring.is-ver span{opacity:1;transform:scale(1)}
.cur-ring.is-down::before{transform:scale(.8)}
.cur-ring.is-field,.cur-dot.is-field{opacity:0}
.cur-dot.is-ver{opacity:0}
.spot{position:absolute;left:0;top:0;z-index:-1;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .4s ease;background:radial-gradient(circle,rgba(34,211,238,.14),rgba(34,211,238,0) 62%);-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 70%);mask-image:radial-gradient(circle,#000 30%,transparent 70%);will-change:transform}
.spot.on{opacity:1}
.spot-grid{position:absolute;left:260px;top:260px;background-image:linear-gradient(rgba(34,211,238,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.3) 1px,transparent 1px);background-size:38px 38px;will-change:transform}
.book4{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.book4.is-tilt{transition:none}
.glare{position:absolute;inset:-30%;z-index:3;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.35),rgba(255,255,255,0) 40%);mix-blend-mode:soft-light}
.book4.is-tilt .glare{opacity:1}
.btn,.rt-go{transition:transform .15s ease,background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}

@media (prefers-reduced-motion:reduce){
  .js .logo-strip.is-running{animation:none}
  .cur-dot,.cur-ring,.spot,.glare{display:none}
}
/* Por qué enseño esto (v4c) */
.why h2{margin-bottom:.55em}
.why-text p{font-size:clamp(1.12rem,3.6vw,1.3rem);line-height:1.6;color:var(--ink);margin:0 0 1em;max-width:36em}
.why-text .why-punch{font:800 clamp(1.7rem,5.6vw,2.5rem)/1.12 var(--display);letter-spacing:-.03em;color:var(--ink);margin-top:.9em}
.why-sign{display:flex;align-items:center;gap:14px;margin-top:26px;font:600 1rem var(--sans);color:var(--ink-soft)}

/* =====================================================================
   v5 · celular primero: portadas nítidas, tarjetas de guía, barra de compra,
   sellos, «Cómo trabajamos» con pantallas, blog, firma del pie y microdetalles
   ===================================================================== */
/* ---------- Tarjetas de guía (portada + tienda) ---------- */
.gcards-wrap{position:relative}
.gcards{position:relative;list-style:none;margin:0 calc(var(--gutter)*-1);padding:6px var(--gutter) 10px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
.gcards::-webkit-scrollbar{display:none}
.gcard{flex:0 0 min(calc(100% - 24px),380px);scroll-snap-align:center;min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--rule);border-radius:20px;padding:14px 14px 18px;box-shadow:0 18px 36px -28px rgba(10,19,36,.5)}
.soft .gcard{border-color:#E6EBF2}
.gc-cover{margin:0 0 16px}
.gcard .book4 img,.gcard .book4::after{transform:none}
.gc-body{display:flex;flex-direction:column;gap:6px;flex:1}
.gc-body h3{font-size:1.3rem;line-height:1.15;margin:0}
.gc-body h3 a{color:var(--ink);text-decoration:none}
.gc-facts{margin:0;font-size:1rem;font-weight:600;color:var(--accent-ink)}
.gc-desc{margin:0;font-size:1rem;color:var(--ink-soft);line-height:1.5}
.gc-buy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px}
.gc-price{margin:0;font:800 1.55rem/1 var(--display);letter-spacing:-.02em;color:var(--ink)}
.gc-price span{display:block;margin-top:4px;font:500 .9rem var(--sans);letter-spacing:0;color:var(--ink-soft)}
.gc-buy .btn{min-height:48px;padding-inline:1.6rem}
.gc-more{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--accent-ink)}
.gcard .book-up{margin:2px 0 0;font-size:.95rem;color:var(--ink-soft)}
.gcard.is-target{outline:3px solid var(--accent);outline-offset:3px}
.gc-dots{display:flex;justify-content:center;gap:4px;margin-top:6px}
.gc-dots button{width:32px;height:32px;padding:0;border:0;background:none;display:grid;place-items:center;cursor:pointer}
.gc-dots button::before{content:"";width:8px;height:8px;border-radius:99px;background:var(--rule-strong);transition:width .3s cubic-bezier(.2,.8,.2,1),background-color .3s}
.gc-dots button[aria-current="true"]::before{width:22px;background:var(--accent-ink)}
.gc-dots:empty{display:none}
@media (min-width:900px){
  .gcards{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;overflow:visible}
  .gcard{padding:0;background:none;border:0;box-shadow:none;border-radius:0}
  .gcard .book4 img,.gcard .book4::after{transform:rotateY(-9deg) rotateX(2deg)}
  .gcard:hover .book4 img,.gcard:hover .book4::after{transform:rotateY(-4deg) translateY(-8px)}
  .gc-dots{display:none}
  .gcards.is-store .gcard{background:#fff;border:1px solid var(--rule);border-radius:20px;padding:22px 22px 24px}
}
/* Páginas del libro detrás de la tapa (se ven cuando el libro se entreabre) */
.book4 .b4-pages{position:absolute;z-index:-1;top:1.2%;bottom:1.2%;left:1%;right:-1.4%;border-radius:2px 6px 6px 2px;background:repeating-linear-gradient(90deg,#fff 0 2px,#E5EAF1 2px 3px) right/14px 100% no-repeat,#F8FAFC;box-shadow:0 20px 40px -20px rgba(10,19,36,.55);opacity:0;transition:opacity .3s ease}
.book4{isolation:isolate}

/* ---------- Landing de guía: portada grande arriba en el celular ---------- */
@media (max-width:899px){
  .gl-hero.dark-hero{padding:16px 0 48px}
  .gl-grid{gap:26px}
  .gl-hero .gl-cover{max-width:none;margin:0 calc(24px - var(--gutter))}
  .gl-hero .book4.book-lg{margin:0}
  .gl-hero .book4 img,.gl-hero .book4::after{transform:none}
  .gl-hero .book4 img{border-radius:6px;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 2px 6px rgba(0,0,0,.35),0 40px 70px -28px rgba(0,0,0,.9),0 30px 90px -40px rgba(34,211,238,.35)}
  .gl-hero h1{font-size:clamp(2.1rem,9vw,2.8rem)}
  .gl-count{grid-template-columns:repeat(4,minmax(0,1fr))}
  .gl-count span{font-size:.85rem}
}
.gl-hero .buy .btn{min-height:52px}
.buy-note{font-size:1rem}
/* Sellos bajo el precio */
.sellos{list-style:none;margin:22px 0 0;padding:4px 16px;display:grid;grid-template-columns:minmax(0,1fr);border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.sellos li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;font-size:1rem;line-height:1.4;color:var(--on-navy-soft)}
.sellos li+li{border-top:1px solid rgba(255,255,255,.08)}
.sellos svg{flex:none;width:18px;height:18px;margin-top:1px;color:var(--cyan2)}
.sellos b{color:#fff;font-weight:600}
@media (min-width:900px){.sellos{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;padding:6px 20px}.sellos li:nth-child(2){border-top:0}}
.made-by{margin-top:22px}
.made-by p{margin:0 0 10px;font-size:1rem;color:var(--on-navy-soft)}
.made-by a{font-weight:600}
.mini-logos{list-style:none;margin:0;padding:10px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;border-radius:12px;background:#fff}
.mini-logos li{height:20px;display:flex;align-items:center}
.mini-logos img{height:100%;width:auto;max-width:86px;object-fit:contain;filter:grayscale(1);opacity:.78}
.mini-logos .lg-altasec img{mix-blend-mode:multiply}
.mini-logos .lg-nova img{filter:invert(1) hue-rotate(180deg) grayscale(1)}
.mini-logos .lg-square img{height:26px}
/* Prueba social real (oculta sin datos) */
.sp:not(:has(p:not([hidden]))){display:none}
.sp{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px}
.sp p{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:1rem;color:#fff;font-weight:600}
.sp .stars{position:relative;display:inline-block;font-size:1.05rem;letter-spacing:2px;color:rgba(255,255,255,.25);line-height:1}
.sp .stars span{position:absolute;inset:0;overflow:hidden;color:#FBBF24;white-space:nowrap}
.sp small{font-weight:500;color:var(--on-navy-soft);font-size:.95rem}
.hero:not(.gl-hero) .sp p{color:#fff}
.resenas-sec{background:var(--sand)}
.rs-list{list-style:none;margin:0 calc(var(--gutter)*-1);padding:4px var(--gutter) 10px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.rs-list li{flex:0 0 min(84%,360px);scroll-snap-align:start;background:#fff;border:1px solid var(--rule);border-radius:16px;padding:20px}
.rs-list .rs-st{color:#B45309;letter-spacing:2px}
.rs-list p{margin:10px 0 12px;color:var(--ink)}
.rs-list .rs-who{font-size:.95rem;color:var(--ink-soft)}
.rs-list .rs-ver{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:.9rem;font-weight:600;color:#047857}
@media (min-width:900px){.rs-list{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}}
/* Es para ti / no es para ti */
.fit2{display:grid;gap:16px}
.fit2 > div{border-radius:16px;padding:22px 20px;border:1px solid var(--rule)}
.fit-yes{background:#F0FDF4;border-color:#BBF7D0!important}
.fit-no{background:#FFF7ED;border-color:#FED7AA!important}
.fit2 h3{display:flex;align-items:center;gap:10px;font-size:1.25rem;margin:0 0 12px}
.fit2 h3 svg{width:24px;height:24px;flex:none}
.fit-yes h3 svg{color:#047857}.fit-no h3 svg{color:#C2410C}
.fit2 ul{margin:0;padding-left:1.15em;display:grid;gap:8px}
.fit2 li{font-size:1.02rem;line-height:1.5}
.profiles-mini{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:6px;color:var(--ink-soft);font-size:1rem}
.profiles-mini b{color:var(--ink)}
@media (min-width:860px){.fit2{grid-template-columns:1fr 1fr;gap:24px}}
/* Índice en acordeón */
.toc-acc{border-bottom:1px solid var(--rule)}
.toc-lv{margin:26px 0 6px;font:700 1rem var(--sans);letter-spacing:0;color:var(--accent-ink)}
.toc-lv:first-child{margin-top:0}
.ch-acc{border-top:1px solid var(--rule)}
.ch-acc summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:3.2rem 1fr 24px;align-items:center;gap:8px;min-height:60px;padding:12px 0;font-weight:600;line-height:1.35}
.ch-acc summary::-webkit-details-marker{display:none}
.ch-acc summary::after{content:"+";font:400 1.5rem/1 var(--sans);color:var(--accent-ink);text-align:center;transition:transform .25s ease}
.ch-acc[open] summary::after{transform:rotate(45deg)}
.ch-acc .ch-n{font-size:2rem}
.ch-acc p{margin:0;padding:0 0 16px 3.7rem;color:var(--ink-soft);font-size:1rem;line-height:1.55}
.faq summary{font-size:1.05rem}
.faq details > div{font-size:1rem}
.faq details > div a{font-weight:600}
.pages a{cursor:zoom-in}
@media (max-width:899px){.pages{grid-auto-columns:minmax(200px,62%);scroll-snap-type:x mandatory;margin:0 calc(var(--gutter)*-1);padding-inline:var(--gutter);scroll-padding:0 var(--gutter);scrollbar-width:none}}

/* ---------- Barra de compra fija (celular) ---------- */
.buybar{gap:12px;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:rgba(10,19,36,.96);border-top:1px solid rgba(255,255,255,.12);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -16px 32px -18px rgba(0,0,0,.5)}
.buybar .s-info{flex:1;min-width:0}
.buybar .s-info b{font:800 1.02rem/1.2 var(--display);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.buybar .s-info small{display:block;font-size:.92rem;color:var(--on-navy-soft)}
.bb-thumb{flex:none;width:40px;height:57px;border-radius:3px;object-fit:cover;box-shadow:0 4px 10px rgba(0,0,0,.4)}
.bb-av{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;overflow:hidden;background:#16233D;color:#3B4C6E;font:800 .85rem var(--display)}
.bb-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.buybar .btn{min-height:48px;padding-inline:1.3rem}
.has-sticky{padding-bottom:0}

/* ---------- Toque y lectura en el celular ---------- */
@media (max-width:899px){
  .btn,.btn-sm{min-height:48px}
  .breadcrumbs{font-size:.95rem}
  .breadcrumbs a{display:inline-block;padding:8px 0}
  .lead,.sec-head p{font-size:1.06rem}
  .b4-facts,.a2-for,.a2-dur,.capas p,.tools-panel p,.chips,.demo-note,.wz-small,.footer-bottom,.stats5 span,.rt-meta,.muted.wz-small{font-size:1rem}
  .tool-chips li{font-size:1rem}
  .site-footer li a{min-height:48px}
}

/* ---------- Subtítulo que se decodifica (portada) ---------- */
.h5-dec{margin:0 0 10px;font:700 clamp(1.25rem,4.6vw,1.6rem)/1.3 var(--display);letter-spacing:-.02em;color:#fff}
.dec{display:none;color:var(--cyan2);white-space:nowrap;font-variant-ligatures:none}
@media (prefers-reduced-motion:no-preference){
  .js .dec{display:block;min-height:1.3em}
  .js .dec-all{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
}
.dec-all{color:var(--cyan2)}
.h5-lead{margin-top:10px}
.h5-lead a{font-weight:600}

/* ---------- Prompt 0 personalizable ---------- */
.p0-sec{background:var(--sand)}
.p0-field{margin-bottom:16px}
.p0-field label{display:block;font:800 1.15rem/1.3 var(--display);letter-spacing:-.01em;margin-bottom:8px}
.p0-field input{width:100%;min-height:54px;padding:12px 16px;border:2px solid var(--rule-strong);border-radius:12px;background:#fff;font:500 1.06rem var(--sans);color:var(--ink)}
.p0-field input:focus{outline:none;border-color:var(--accent-ink);box-shadow:0 0 0 4px rgba(8,145,178,.18)}
.p0-priv{margin:8px 0 0;font-size:.95rem;color:var(--ink-soft)}
.p0-box pre{font-size:.92rem}
.p0-slot{transition:background-color .25s ease}
.gprompt pre em.is-user{background:#67E8F9}
.p0-more{margin:6px 0 0;font-weight:600}
.gp-copy{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid rgba(34,211,238,.45);border-radius:8px;background:transparent;color:var(--cyan2);font:600 .85rem var(--sans);cursor:pointer}
.gp-copy svg{width:15px;height:15px}
.gp-copy:hover{background:rgba(34,211,238,.12)}
.gp-copy.is-done{border-color:#34D399;color:#34D399}
.gp-copy:focus-visible{outline:2px solid var(--cyan2);outline-offset:2px}
@media (max-width:899px){.gp-copy{min-height:44px}}

/* ---------- Tablero arrastrable ---------- */
.live-crm{position:relative;z-index:2}
.lc-list p{touch-action:auto;cursor:grab;user-select:none;-webkit-user-select:none}
.lc-list p.is-drag{z-index:5;cursor:grabbing;box-shadow:0 18px 30px -10px rgba(15,27,51,.55);transition:none!important}
.lc-col{transition:background-color .3s ease,box-shadow .3s ease}
.lc-col.is-over{box-shadow:inset 0 0 0 2px var(--accent)}
.lc-col.is-glow{box-shadow:inset 0 0 0 2px #10B981,0 0 22px rgba(16,185,129,.45)}
.lc-msg{position:absolute;left:14px;right:14px;bottom:10px;z-index:6;margin:0;padding:8px 10px;border-radius:8px;background:rgba(10,19,36,.92);color:#fff;font:600 11px/1.35 var(--sans);text-align:center;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.lc-msg.on{opacity:1;transform:none}
.lc-hint{position:absolute;right:12px;top:8px;z-index:3;margin:0;font:600 10px/1 var(--sans);color:var(--on-navy-soft)}
@media (min-width:900px){.lc-msg{font-size:12px}}

/* ---------- «Cómo trabajamos» con pantallas de app ---------- */
.how5{color:var(--on-navy-soft)}
.how5 h2{color:#fff}
.hw-head p{margin:.4em 0 0;font-size:1.06rem;max-width:30em}
.hw-count,.hw-nav{display:none}
.hw-steps{list-style:none;margin:36px 0 0;padding:0 0 0 30px;position:relative;display:grid;gap:44px}
.hw-steps::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:rgba(255,255,255,.12);border-radius:2px}
.hw-steps::after{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--cyan2);border-radius:2px;transform-origin:top;transform:scaleY(var(--fill,1))}
.hw-step{position:relative}
.hw-step::before{content:"";position:absolute;left:-29px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--navy);border:2px solid var(--cyan2);z-index:1;transition:background-color .3s ease}
.hw-step.is-lit::before{background:var(--cyan2);animation:hw-pulse .9s ease-out 1}
@keyframes hw-pulse{0%{box-shadow:0 0 0 0 rgba(34,211,238,.6)}100%{box-shadow:0 0 0 14px rgba(34,211,238,0)}}
.hw-text{display:block;color:inherit;text-decoration:none;padding-bottom:16px}
.hw-n{display:block;font:800 1rem/1 var(--display);color:var(--cyan2);letter-spacing:.02em}
.hw-tt{display:block;margin:6px 0 4px;font:800 clamp(1.6rem,6.4vw,2.2rem)/1.05 var(--display);letter-spacing:-.03em;color:#fff}
.hw-d{display:block;font-size:1.06rem;line-height:1.5;color:var(--on-navy-soft)}
.hw-text:hover .hw-tt{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:var(--cyan2)}
.hw-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:40px}
.hw-alt{display:inline-flex;align-items:center;min-height:48px;font-weight:600;color:var(--cyan2)}
.hw-alt:hover{color:#fff}
/* Marco de navegador / teléfono */
.hw-frame{position:relative;border-radius:14px;overflow:hidden;background:#070D14;border:1px solid rgba(120,210,230,.18);box-shadow:0 40px 80px -36px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.4)}
.hw-bar{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#0E1722;border-bottom:1px solid #1E2E3F}
.hw-bar i{width:8px;height:8px;border-radius:50%;background:#2A3B4F}
.hw-bar span{margin-left:8px;padding:2px 10px;border-radius:6px;background:#132030;font:500 10.5px/1.5 var(--sans);color:#8DA2B2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1079px){
  .hw-frame.is-phone{max-width:300px;margin:0 auto;border-radius:34px;border:8px solid #16233D;padding-top:16px;background:#070D14}
  .hw-frame.is-phone .hw-bar{display:none}
  .hw-frame.is-phone::before{content:"";position:absolute;left:50%;top:5px;width:64px;height:6px;margin-left:-32px;border-radius:9px;background:#16233D}
}
/* Pantallas (estilo panel oscuro, datos ficticios) */
.ap{container-type:inline-size;padding:12px;background:#070D14;background-image:radial-gradient(circle at 1px 1px,rgba(34,211,238,.07) 1px,transparent 0);background-size:20px 20px;color:#E6EEF4;font:400 11.5px/1.45 var(--sans)}
.ap p{margin:0}
.ap-card{background:linear-gradient(180deg,rgba(17,30,45,.92),rgba(9,17,27,.9));border:1px solid rgba(120,210,230,.14);border-radius:12px;padding:11px;min-width:0}
.ap-t{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font:600 11px/1.3 var(--sans);color:#C9D6DF;margin-bottom:8px!important}
.ap-t b{font:800 12px var(--display);color:#fff}
.ap-mut{color:#8DA2B2}
.ap-c{color:var(--cyan2)}
.ap-ok{display:inline-flex;align-items:center;gap:5px;color:#34D399;font-weight:600}
.ap-ok svg{width:13px;height:13px}
.ap-ok i,.ap-live i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.ap-live{display:inline-flex;align-items:center;gap:6px;color:#FF6B7A;font-weight:700}
.ap-k{display:block;font:800 20px/1.1 var(--display);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;margin:3px 0 2px}
.ap-new{padding:1px 7px;border-radius:99px;background:rgba(34,211,238,.15);color:var(--cyan2);font-weight:700;font-size:10px}
.ap-bar{height:6px;border-radius:9px;background:#1A2838;overflow:hidden;margin-bottom:10px}
.ap-bar span{display:block;height:100%;width:100%;border-radius:9px;background:var(--cyan2);transform-origin:left;transform:scaleX(var(--w))}
.ap-line{display:block;height:6px;width:var(--w);border-radius:9px;background:#DCE3EC;margin:0 0 7px}
/* 01 guía */
.ap1{display:grid;gap:10px}
.ap1-page{background:#fff;color:#0F1B33;border-radius:10px;padding:14px 14px 12px}
.ap1-k{font:700 9.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#0E7490}
.ap1-h{font:800 17px/1.1 var(--display);letter-spacing:-.02em;margin:4px 0 10px!important}
.ap1-prompt{background:#0A1324;color:#D7E3F4;border-radius:8px;padding:9px 10px;margin:10px 0 8px;font:400 10px/1.5 ui-monospace,Menlo,monospace}
.ap1-prompt b{display:block;color:#fff;font:700 9.5px var(--sans);letter-spacing:.04em;margin-bottom:3px}
.ap1-prompt em{font-style:normal;background:var(--cyan2);color:#0A1324;border-radius:3px;padding:0 3px;font-weight:700}
.ap1-ok{background:#ECFDF5;border:1px solid #A7F3D0;border-radius:8px;padding:7px 9px;font-size:10px;color:#0F1B33}
.ap1-ok b{display:flex;align-items:center;gap:4px;color:#047857}
.ap1-ok svg{width:12px;height:12px}
.ap1-prog ol{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.ap1-prog li{display:flex;align-items:center;gap:8px;color:#8DA2B2}
.ap1-prog li span{display:grid;place-items:center;flex:none;width:18px;height:18px;border-radius:50%;border:1px solid #2A3B4F;font:700 9px var(--sans)}
.ap1-prog li span svg{width:11px;height:11px}
.ap1-prog li.ok{color:#E6EEF4}
.ap1-prog li.ok span{background:#34D399;border-color:#34D399;color:#04121A}
.ap1-prog li.now{color:#fff;font-weight:600}
.ap1-prog li.now span{border-color:var(--cyan2);color:var(--cyan2);box-shadow:0 0 0 3px rgba(34,211,238,.18)}
@container (min-width:520px){.ap1{grid-template-columns:1.25fr 1fr;align-items:start}}
/* 02 videollamada */
.ap2-top{display:flex;align-items:center;gap:10px;margin-bottom:10px!important}
.ap2-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.ap2-body{display:grid;gap:10px}
.ap2-map{display:block;width:100%;height:auto}
.ap2-map rect{fill:#132030;stroke:#2A4A5C;stroke-width:1.2}
.ap2-map text{fill:#E6EEF4;font:600 10.5px var(--sans);text-anchor:middle}
.ap2-map .is-cy rect{stroke:var(--cyan2);fill:rgba(34,211,238,.1)}
.ap2-map .m-ar{fill:none;stroke:var(--cyan2);stroke-width:1.6;stroke-linecap:round}
.ap2-map .m-draw path,.ap2-map .m-draw rect{fill:none;stroke:var(--cyan2);stroke-width:1.6;stroke-dasharray:4 4}
.ap2-map .m-ghost{fill:#8DA2B2;font-style:italic}
.ap2-map .m-pen{fill:var(--cyan2)}
.ap2-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ap2-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:92px;border-radius:10px;background:linear-gradient(160deg,#132030,#0B1520);border:1px solid #1E2E3F}
.ap2-tile b{font-size:10.5px;color:#C9D6DF;font-weight:600}
.ap2-av{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--cyan2);color:#0A1324;font:800 13px var(--display)}
.ap2-av.is-you{background:#F5B544}
.ap2-tile:first-child{box-shadow:inset 0 0 0 2px rgba(34,211,238,.6)}
.ap2-wave{position:absolute;right:8px;top:8px;display:flex;align-items:center;gap:2px;height:14px}
.ap2-wave i{width:3px;height:100%;border-radius:2px;background:var(--cyan2);transform:scaleY(.35)}
.ap2-ctrl{display:flex;justify-content:center;gap:8px;margin-top:10px}
.ap2-ctrl i{width:26px;height:26px;border-radius:50%;background:#1A2838}
.ap2-ctrl .is-share{background:rgba(34,211,238,.25)}
.ap2-ctrl .is-end{width:40px;border-radius:99px;background:#E5484D}
@container (min-width:520px){.ap2-body{grid-template-columns:1.6fr 1fr}.ap2-tiles{grid-template-columns:1fr}}
/* 03 chat + tablero */
.ap3{display:grid;gap:10px}
.ap3-msg{border-radius:10px;padding:9px 10px;background:#132030;margin-bottom:8px;font-size:11px}
.ap3-msg.is-you{background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3);margin-left:14%}
.ap3-msg b{display:block;font-size:10px;letter-spacing:.04em;color:var(--cyan2);margin-bottom:3px}
.ap3-msg em{font-style:normal;color:#0A1324;background:var(--cyan2);border-radius:3px;padding:0 3px;font-weight:700}
.ap3-files{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.ap3-files i{font-style:normal;font:500 10px ui-monospace,Menlo,monospace;padding:2px 6px;border-radius:5px;background:#0A1324;border:1px solid #1E2E3F;color:#C9D6DF}
.ap3-board{background:#F7F9FC;border-color:#E2E8F0;color:#0F1B33}
.ap3-board .ap-t{color:#0F1B33}
.ap3-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ap3-cols > div{background:#EEF2F7;border-radius:7px;padding:6px;min-width:0}
.ap3-cols .is-won{background:#DCFCE7}
.ap3-cols h6{margin:0 0 5px;font:700 9.5px/1.25 var(--sans);color:#22304D}
.ap3-cols h6 b{display:block;font:800 10.5px var(--display);color:#0F1B33}
.ap3-cols p{margin:0 0 5px;padding:6px;border-radius:5px;background:#fff;font-size:9.5px;line-height:1.3;color:#0F1B33;box-shadow:0 1px 2px rgba(15,27,51,.1);font-weight:600}
.ap3-cols em{display:block;font-style:normal;text-align:right;color:#047857;font-weight:700}
@container (min-width:560px){.ap3{grid-template-columns:1fr 1.25fr;align-items:start}}
/* 04 publicación */
.ap4-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px!important;padding:2px 2px 0}
.ap4-dom{font:800 16px var(--display);letter-spacing:-.01em;color:#fff}
.ap4-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.ap4-v{display:flex;align-items:center;gap:6px;margin-top:3px!important;font-weight:600;color:#fff}
.ap4-v.ap-c{color:var(--cyan2)}
.ap-lock{width:14px;height:14px}
.ap-shackle{transform:translateY(-2.5px);transition:transform .4s cubic-bezier(.34,1.56,.64,1) .9s}
.ap4-up,.ap4-dep{margin-bottom:8px}
.ap4-bars{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:2px;align-items:end;height:34px}
.ap4-bars i{display:block;height:100%;border-radius:2px;background:#34D399;transform-origin:bottom}
.ap4-bars i.is-dip{background:#F5B544;transform:scaleY(.7)}
.ap4-pipe{display:flex;align-items:center;gap:8px;margin:2px 0 6px}
.ap4-pipe span{padding:3px 9px;border-radius:7px;background:#132030;border:1px solid #1E2E3F;font-weight:600}
.ap4-pipe span.is-on{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.5);color:#34D399}
.ap4-pipe i{flex:1;height:2px;max-width:60px;background:linear-gradient(90deg,#2A3B4F,#34D399);border-radius:2px;transform-origin:left}
/* 05 panel de ventas */
.ap5{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.ap5-side{display:none}
.ap5-crumb{font-size:11px;color:#8DA2B2;margin-bottom:8px!important}
.ap5-crumb b{color:#fff}
.ap5-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.ap5-row{display:grid;gap:8px;margin-bottom:8px}
.f-row{display:grid;grid-template-columns:62px 1fr 26px 34px;align-items:center;gap:6px;margin-bottom:6px}
.f-bar{height:10px;border-radius:4px;background:#1A2838;overflow:hidden}
.f-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#0891B2,var(--cyan2));transform-origin:left;transform:scaleX(var(--w))}
.f-row b{text-align:right;color:#fff;font-variant-numeric:tabular-nums}
.f-row em{font-style:normal;text-align:right;color:#8DA2B2;font-size:10px}
.c-bars{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:end;height:84px}
.c-bars span{display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;justify-content:flex-end}
.c-bars i{display:block;width:100%;height:100%;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--cyan2),#0E7490);transform-origin:bottom;transform:scaleY(var(--h))}
.c-bars span:last-child i{background:linear-gradient(180deg,#67E8F9,var(--cyan2))}
.c-bars small{font-size:9.5px;color:#8DA2B2}
.ap5-mods ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ap5-mods li{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;background:#132030;border:1px solid #1E2E3F;font-weight:600}
@container (min-width:520px){.ap5{grid-template-columns:34px minmax(0,1fr)}.ap5-side{display:flex;flex-direction:column;gap:8px;padding-top:4px}.ap5-side i{width:30px;height:30px;border-radius:9px;background:#132030}.ap5-side i.on{background:rgba(34,211,238,.2);box-shadow:inset 0 0 0 1px rgba(34,211,238,.5)}.ap5-row{grid-template-columns:1fr 1fr}}
/* Animación al activarse una pantalla (solo transform/opacity) */
@media (prefers-reduced-motion:no-preference){
  .js .how5 .hw-step:not(.is-on) [data-in]{opacity:0}
  .js .how5 .hw-step.is-on [data-in]{animation:ap-in .55s calc(var(--i,0)*80ms + 120ms) cubic-bezier(.2,.8,.2,1) both}
  .js .how5 .hw-step:not(.is-on) .ap-bar span,.js .how5 .hw-step:not(.is-on) .f-bar i{transform:scaleX(0)}
  .js .how5 .hw-step:not(.is-on) .c-bars i,.js .how5 .hw-step:not(.is-on) .ap4-bars i{transform:scaleY(0)}
  .js .how5 .hw-step:not(.is-on) .ap4-pipe i{transform:scaleX(0)}
  .ap-bar span,.f-bar i{transition:transform .9s cubic-bezier(.2,.8,.2,1) .5s}
  .c-bars i{transition:transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--i)*90ms + .5s)}
  .ap4-bars i{transition:transform .5s cubic-bezier(.2,.8,.2,1) calc(var(--i)*18ms + .45s)}
  .ap4-pipe i{transition:transform .6s ease .9s}
  .js .how5 .hw-step:not(.is-on) .ap-shackle{transform:translateY(-2.5px)}
  .how5 .hw-step.is-on .ap-shackle{transform:none}
  .how5 .hw-step.is-on .ap2-wave i{animation:wave .9s ease-in-out infinite}
  .how5 .hw-step.is-on .ap2-wave i:nth-child(2){animation-delay:.15s}.how5 .hw-step.is-on .ap2-wave i:nth-child(3){animation-delay:.3s}.how5 .hw-step.is-on .ap2-wave i:nth-child(4){animation-delay:.45s}.how5 .hw-step.is-on .ap2-wave i:nth-child(5){animation-delay:.6s}
  .how5 .hw-step.is-on .m-draw{animation:m-blink 1.6s ease-in-out infinite alternate}
  .how5 .hw-step.is-on .m-pen{animation:m-pen 1.6s ease-in-out infinite alternate}
}
.ap-shackle{transform:none}
@keyframes ap-in{from{opacity:0;transform:translateY(12px)}}
@keyframes wave{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@keyframes m-blink{from{opacity:.35}to{opacity:1}}
@keyframes m-pen{from{transform:translateX(0)}to{transform:translateX(-90px)}}
.m-pen{transform-box:fill-box}
/* Escritorio: sección fija con el scroll */
@media (min-width:1080px){
  .how5.is-pinned{padding:0}
  .how5.is-pinned .hw-sticky{position:sticky;top:64px;height:calc(100vh - 64px);min-height:640px;display:flex;align-items:center;overflow:hidden}
  .how5.is-pinned .hw-grid{width:100%;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.5fr);grid-template-areas:"head stage" "count stage" "nav stage" "txt stage" "cta stage";grid-template-rows:auto auto auto 1fr auto;column-gap:64px;align-items:start}
  .how5.is-pinned .hw-head{grid-area:head}
  .how5.is-pinned .hw-head h2{font-size:clamp(2.2rem,3.4vw,3rem)}
  .how5.is-pinned .hw-head p{display:none}
  .how5.is-pinned .hw-count{grid-area:count;display:flex;align-items:flex-end;gap:10px;margin:8px 0 6px;line-height:1}
  .hw-num{display:block;height:1em;overflow:hidden;font:400 clamp(5rem,15vh,8.5rem)/1 var(--cond);color:transparent;-webkit-text-stroke:1.5px var(--cyan2)}
  .hw-roll{display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(calc(var(--k,0)*-1em))}
  .hw-roll span{display:block;height:1em}
  .hw-of{font:400 2rem/1 var(--cond);color:rgba(255,255,255,.35);padding-bottom:.4em}
  .how5.is-pinned .hw-nav{grid-area:nav;display:grid;gap:2px;position:relative;list-style:none;margin:10px 0 0;padding:0 0 0 26px}
  .hw-line{position:absolute;left:5px;top:12px;bottom:12px;width:4px;height:calc(100% - 24px);overflow:visible}
  .hw-track{stroke:rgba(255,255,255,.14);stroke-width:2}
  .hw-fill{stroke:var(--cyan2);stroke-width:2;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p,0)*100);vector-effect:non-scaling-stroke}
  .hw-nav li{position:relative;display:flex;align-items:center;gap:10px;min-height:32px;font-weight:600;color:rgba(255,255,255,.45);cursor:pointer;transition:color .3s ease}
  .hw-nav li span{font:700 .85rem var(--display);color:inherit;width:22px}
  .hw-nav li i{position:absolute;left:-26px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--navy);border:2px solid rgba(255,255,255,.3);transition:background-color .3s,border-color .3s}
  .hw-nav li.is-lit{color:#fff}
  .hw-nav li.is-lit i{background:var(--cyan2);border-color:var(--cyan2);animation:hw-pulse .9s ease-out 1}
  .hw-nav li.is-on{color:var(--cyan2)}
  .how5.is-pinned .hw-steps{display:contents}
  .how5.is-pinned .hw-steps::before,.how5.is-pinned .hw-steps::after,.how5.is-pinned .hw-step::before{display:none}
  .how5.is-pinned .hw-step{display:contents}
  .how5.is-pinned .hw-text{grid-area:txt;align-self:start;margin-top:22px;opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .5s cubic-bezier(.2,.8,.2,1);pointer-events:none}
  .how5.is-pinned .hw-step.is-on .hw-text{opacity:1;transform:none;pointer-events:auto}
  .how5.is-pinned .hw-n{display:none}
  .how5.is-pinned .hw-tt{font-size:clamp(2rem,3vw,2.6rem)}
  .how5.is-pinned .hw-screen{grid-area:stage;align-self:center;perspective:1600px;opacity:0;transform:translate3d(0,40px,0);transition:opacity .5s ease,transform .65s cubic-bezier(.2,.8,.2,1);pointer-events:none}
  .how5.is-pinned .hw-step.is-past .hw-screen{transform:translate3d(0,-40px,0)}
  .how5.is-pinned .hw-step.is-on .hw-screen{opacity:1;transform:none;pointer-events:auto}
  .how5.is-pinned .hw-frame{transform:rotateY(-6deg) rotateX(2deg);transform-origin:60% 50%;box-shadow:0 60px 120px -50px rgba(0,0,0,.95),0 30px 60px -30px rgba(0,0,0,.7),0 0 0 1px rgba(120,210,230,.12)}
  .how5.is-pinned .ap{font-size:12.5px;padding:16px;min-height:340px}
  .how5.is-pinned .hw-cta{grid-area:cta;margin-top:18px}
  .how5:not(.is-pinned) .hw-step{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:48px;align-items:center}
}
@media (prefers-reduced-motion:reduce){.hw-steps::after{transform:none}}

/* ---------- Blog ---------- */
.blog-head.dark-hero{padding:36px 0 34px}
@media (min-width:900px){.blog-head.dark-hero{padding:72px 0 56px}}
.blog-head .lead{max-width:34em}
.chips-f{display:flex;gap:8px;margin:22px calc(var(--gutter)*-1) 0;padding:0 var(--gutter) 4px;overflow-x:auto;scrollbar-width:none}
.chips-f::-webkit-scrollbar{display:none}
.chips-f button{flex:none;min-height:44px;padding:0 18px;border-radius:99px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font:600 1rem var(--sans);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.chips-f button:hover{border-color:#fff}
.chips-f button[aria-pressed="true"]{background:var(--cyan2);border-color:var(--cyan2);color:var(--night)}
.chips-f button:focus-visible{outline:2px solid var(--cyan2);outline-offset:2px}
.bcards{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.bcard[hidden]{display:none}
.bc-a{display:flex;flex-direction:column;height:100%;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--rule);color:var(--ink);text-decoration:none;box-shadow:0 16px 32px -28px rgba(10,19,36,.6);transition:border-color .25s ease,box-shadow .25s ease}
.bc-a:hover{border-color:var(--rule-strong);box-shadow:0 26px 50px -30px rgba(10,19,36,.6)}
.bc-img{display:block;overflow:hidden;aspect-ratio:2/1;background:var(--night)}
.bc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.bc-a:hover .bc-img img{transform:scale(1.04) translateY(-2px)}
.bc-body{display:flex;flex-direction:column;gap:6px;padding:18px 18px 20px;flex:1}
.bc-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.95rem;color:var(--ink-soft)}
.bc-meta .tag{color:var(--accent-ink);font-weight:700}
.bc-title{font:800 1.3rem/1.18 var(--display);letter-spacing:-.02em}
.bc-desc{font-size:1rem;line-height:1.5;color:var(--ink-soft)}
.bc-go{margin-top:auto;padding-top:6px;font-weight:700;color:var(--accent-ink)}
.bc-a:hover .bc-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.bc-empty{margin:18px 0 0;color:var(--ink-soft)}
@media (min-width:760px){
  .bcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .bcard.is-feat{grid-column:1/-1}
  .bcard.is-feat .bc-a{display:grid;grid-template-columns:1.25fr 1fr}
  .bcard.is-feat .bc-img{aspect-ratio:auto;min-height:100%}
  .bcard.is-feat .bc-body{padding:32px 34px;justify-content:center}
  .bcard.is-feat .bc-title{font-size:2rem}
  .bcards:not(.is-three):not(.is-two) .bcard:not(.is-feat) .bc-a{display:grid;grid-template-columns:200px 1fr}
  .bcards:not(.is-three):not(.is-two) .bcard:not(.is-feat) .bc-img{aspect-ratio:auto}
}
@media (min-width:1000px){.bcards.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}}
.start-here{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center;padding:22px;border-radius:20px;background:var(--night);color:var(--on-navy-soft);margin-bottom:18px;position:relative;overflow:hidden}
.start-here h3{font-size:1.3rem;margin:4px 0 6px}
.start-here h3 a{color:#fff;text-decoration:none}
.start-here p{margin:0 0 14px;font-size:1rem}
.start-here .kicker{color:var(--cyan2);margin:0}
.start-here .book4{margin:0}
.start-here .book4 img,.start-here .book4::after{transform:none}
@media (min-width:760px){.start-here{grid-template-columns:200px 1fr;gap:40px;padding:36px 44px}.start-here h3{font-size:1.8rem}}
.ig-block{display:grid;grid-template-columns:auto 1fr;gap:14px 16px;align-items:center;padding:22px;border-radius:20px;background:#fff;border:1px solid var(--rule)}
.ig-block h3{font-size:1.2rem;margin:0 0 2px}
.ig-block p{margin:0;color:var(--ink-soft);font-size:1rem}
.ig-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#0E7490,#22D3EE);color:#fff}
.ig-ic svg{width:26px;height:26px}
.ig-block .btn{grid-column:1/-1;border-color:var(--ink);color:var(--ink)}
.ig-block .btn:hover{background:var(--sand);color:var(--ink)}
@media (min-width:760px){.ig-block{grid-template-columns:auto 1fr auto}.ig-block .btn{grid-column:auto}}
/* Artículo */
.art-hero.dark-hero{padding:20px 0 0}
.art-wrap{max-width:860px}
.art-hero h1{font-size:clamp(2.1rem,8vw,3.4rem);line-height:1.05}
.art-hero .post-meta{color:var(--on-navy-soft);font-size:1rem}
.art-hero .post-meta .tag{color:var(--cyan2)}
.art-cover{margin:26px 0 0;border-radius:16px 16px 0 0;overflow:hidden;box-shadow:0 -20px 60px -30px rgba(34,211,238,.35)}
.art-cover img{width:100%;height:auto;display:block}
.art-grid{display:grid;gap:8px;padding-top:28px;padding-bottom:40px}
.toc{border:1px solid var(--rule);border-radius:14px;background:var(--sand);margin-bottom:12px}
.toc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:0 18px;font-weight:700}
.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"+";font:400 1.5rem/1 var(--sans);color:var(--accent-ink);transition:transform .25s}
.toc[open] summary::after{transform:rotate(45deg)}
.toc ol{margin:0;padding:0 18px 16px 2.2em;display:grid;gap:4px}
.toc a{display:block;padding:6px 0;color:var(--ink);text-decoration:none;font-size:1rem;line-height:1.35}
.toc a:hover,.toc a.is-on{color:var(--accent-ink);text-decoration:underline}
.prose{font-size:1.125rem;line-height:1.72;max-width:68ch}
.prose p,.prose li{font-size:1.125rem}
.prose .gprompt{margin:0 0 1.4em}
.prose .gprompt pre{font-size:.95rem}
@media (min-width:1080px){
  .art-grid{grid-template-columns:240px minmax(0,68ch);gap:64px;justify-content:center;padding-top:48px}
  .toc{position:sticky;top:96px;align-self:start;background:none;border:0;border-left:2px solid var(--rule);border-radius:0}
  .toc summary{pointer-events:none;min-height:0;padding:0 0 10px 18px;font-size:.95rem;color:var(--ink-soft)}
  .toc summary::after{display:none}
  .toc ol{padding:0 0 0 2.2em}
  .toc a{font-size:.95rem}
  .art-cover{border-radius:18px 18px 0 0}
}
.mid-guide{margin:2em 0}
.mg-a{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid var(--rule);background:var(--sand);color:var(--ink);text-decoration:none;transition:border-color .2s}
.mg-a:hover{border-color:var(--accent)}
.mg-a img{width:64px;height:auto;border-radius:3px;box-shadow:0 8px 16px -8px rgba(10,19,36,.5)}
.mg-a b{display:block;font:800 1.08rem/1.25 var(--display);letter-spacing:-.01em}
.mg-k{display:block;font-size:.92rem;font-weight:600;color:var(--accent-ink);margin-bottom:3px}
.mg-f{display:block;font-size:.95rem;color:var(--ink-soft);margin-top:3px}
.end-cta{margin:3em 0 0;padding-top:2em;border-top:1px solid var(--rule)}
.end-cta h2{margin-top:0!important}
.end-grid{display:grid;gap:12px}
.end-card{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:center;padding:16px;border-radius:16px;background:var(--night);color:var(--on-navy-soft);text-decoration:none;font-size:1rem;line-height:1.45}
.end-card b{display:block;color:#fff;font:800 1.12rem/1.25 var(--display)}
.end-card .mg-k{color:var(--cyan2)}
.end-card img{width:56px;height:auto;border-radius:3px}
.end-card:hover b{text-decoration:underline}
.end-card.is-ases{background:#fff;border:1px solid var(--rule);color:var(--ink-soft)}
.end-card.is-ases b{color:var(--ink)}
.end-card.is-ases .mg-k{color:var(--accent-ink)}
.ec-av .avatar{width:56px;height:56px}
@media (min-width:700px){.end-grid{grid-template-columns:1fr 1fr}}
#mas-art{font-size:clamp(1.6rem,5vw,2.2rem);margin-bottom:24px}

/* ---------- Pie oscuro con firma gigante ---------- */
.site-footer{background:var(--night);color:var(--on-navy-soft);border-top:0;position:relative;overflow:hidden;padding-top:56px}
.site-footer .brand{color:#fff}
.site-footer .brand-mark{background:#fff;color:var(--night)}
.site-footer h2{color:#fff}
.site-footer li a{color:var(--on-navy-soft)}
.site-footer li a:hover{color:#fff}
.site-footer .about{color:var(--on-navy-soft)}
.site-footer .about a{color:var(--cyan2)}
.site-footer :focus-visible{outline-color:var(--cyan2)}
.footer-bottom{border-top-color:rgba(255,255,255,.1);color:var(--on-navy-soft)}
.sig{position:relative;margin:44px 0 0;font:400 clamp(3rem,13.2vw,12rem)/.86 var(--cond);text-transform:uppercase;letter-spacing:-.005em;white-space:nowrap;user-select:none;pointer-events:none}
.sig-o{display:block;color:transparent;-webkit-text-stroke:1px rgba(34,211,238,.75)}
.sig-w{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;transform:translate3d(-101%,0,0)}
.sig-f{position:absolute;left:0;top:0;display:block;color:var(--cyan2);transform:translate3d(101%,0,0)}
.sig.is-lens .sig-w{width:320px;height:320px;border-radius:50%;margin:-160px 0 0 -160px;transform:translate3d(-999px,0,0)}
.sig.is-lens .sig-f{transform:none}
@media (prefers-reduced-motion:reduce){.sig-w{display:none}}
.no-js-sig .sig-w{display:none}

/* ---------- Microdetalles ---------- */
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn-cyan::after,.btn-primary::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));transform:translateX(-120%) skewX(-18deg);pointer-events:none}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .btn-cyan:hover::after,.btn-primary:hover::after{transform:translateX(420%) skewX(-18deg);transition:transform .75s cubic-bezier(.2,.8,.2,1)}
}
.sec-more a,.close-line a,.gc-more,.p0-more a,.about a,.prose a:not(.mg-a):not(.end-card),.hw-alt,.faq details > div a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat,linear-gradient(rgba(14,116,144,.3),rgba(14,116,144,.3)) 0 100%/100% 1.5px no-repeat;transition:background-size .35s cubic-bezier(.2,.8,.2,1)}
.sec-more a:hover,.close-line a:hover,.gc-more:hover,.p0-more a:hover,.about a:hover,.prose a:not(.mg-a):not(.end-card):hover,.hw-alt:hover,.faq details > div a:hover{background-size:100% 1.5px,100% 1.5px}
.dark-band .hw-alt,.site-footer .about a{background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(34,211,238,.35),rgba(34,211,238,.35))}
.a2-main,.a2-n{transition:transform .35s cubic-bezier(.2,.8,.2,1),color .35s ease}
.ases-row2:hover .a2-main{transform:translateX(6px)}
.ases-row2:hover .a2-n{color:var(--accent)}
.dark-band .ases-row2:hover .a2-n{color:var(--cyan2)}
.ases-row2:hover .chev{transform:translateX(8px)}
.read-prog{position:fixed;left:0;right:0;top:0;z-index:70;height:3px;pointer-events:none}
.read-prog span{display:block;height:100%;background:var(--cyan2);transform-origin:left;transform:scaleX(var(--rp,0));box-shadow:0 0 8px rgba(34,211,238,.6)}
@supports (animation-timeline: scroll()){
  .read-prog span{animation:rp linear both;animation-timeline:scroll(root)}
}
@keyframes rp{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.read-prog{display:none}}

/* ---------- Transiciones de vista entre páginas ---------- */
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-group(*){animation-duration:.5s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}
}

/* ---------- Solo PC: cursor con texto circular, lupa y libro que se entreabre ---------- */
.cur-ring{width:84px;height:84px;margin:-42px 0 0 -42px}
.cur-ring::before{display:none}
.cr-in{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(34,211,238,.85);transform:scale(.43);transition:transform .45s cubic-bezier(.2,.8,.2,1),background-color .35s ease,border-color .35s ease,opacity .3s ease}
.cr-in svg{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .25s ease}
.cr-in text{font:700 9.6px/1 var(--sans);letter-spacing:.06em;fill:#fff}
.cr-in .cr-arrow{position:absolute;inset:0;display:grid;place-items:center;color:var(--cyan2);font:700 20px/1 var(--sans);opacity:0;transform:scale(.5);transition:opacity .25s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.cur-ring.is-link .cr-in{transform:scale(.62);background:rgba(34,211,238,.12)}
.cur-ring.is-ctx .cr-in{transform:scale(1);background:rgba(15,27,51,.85);border-color:rgba(34,211,238,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cur-ring.is-ctx .cr-in svg{opacity:1;animation:cr-spin 9s linear infinite}
.cur-ring.is-ctx .cr-arrow{opacity:1;transform:none}
.cur-ring.is-down .cr-in{transform:scale(.36)}
.cur-ring.is-ctx.is-down .cr-in{transform:scale(.88)}
.cur-dot.is-ctx{opacity:0}
@keyframes cr-spin{to{transform:rotate(360deg)}}
.cur-ring > span{display:none}
.fx .book4:hover .b4-pages,.fx .gcard:hover .b4-pages{opacity:1}
.fx .book4:hover img,.fx .gcard:hover .book4 img{transform:rotateY(-18deg)!important;transform-origin:left center;box-shadow:-2px 0 0 rgba(255,255,255,.2) inset,18px 24px 40px -14px rgba(10,19,36,.65)!important}
.fx .book4:hover::after,.fx .gcard:hover .book4::after{transform:rotateY(-18deg)!important}
.fx .book4 img{transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s ease}
.loupe{position:absolute;left:0;top:0;z-index:6;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;overflow:hidden;pointer-events:none;opacity:0;transform:scale(.6);transition:opacity .25s ease;border:2px solid rgba(255,255,255,.9);box-shadow:0 18px 36px -10px rgba(0,0,0,.6),0 0 0 6px rgba(34,211,238,.25);background:#fff}
.loupe.on{opacity:1}
.loupe img{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0}
@media (prefers-reduced-motion:reduce){.loupe{display:none}.cr-in svg{animation:none!important}}

/* Blog en la portada (celular): filas compactas con miniatura */
@media (max-width:759px){
  .bcards.is-three .bc-a{display:grid;grid-template-columns:112px 1fr;align-items:stretch}
  .bcards.is-three .bc-img{aspect-ratio:auto;height:100%}
  .bcards.is-three .bc-img img{object-position:12% 50%}
  .bcards.is-three .bc-body{padding:14px 14px 16px;gap:4px}
  .bcards.is-three .bc-desc,.bcards.is-three .bc-go{display:none}
  .bcards.is-three .bc-title{font-size:1.08rem}
  .bcards.is-three .bc-meta{font-size:1rem}
  .bcards.is-three{gap:12px}
}

/* Prueba social: línea compacta bajo el precio + tarjetas de reseña */
.sp{align-items:center;gap:6px 0;margin-top:14px;font-size:.98rem}
.sp p{font-size:.98rem;gap:7px}
.gl-text,.hero-grid > div{min-width:0}
.sp{flex-direction:column;align-items:flex-start;gap:6px}
.sp p{flex-wrap:wrap;row-gap:4px}

.sp-r{color:#fff}
.sp-n{color:var(--on-navy-soft)!important;font-weight:500!important}
.demo-tag{display:inline-flex;align-items:center;margin-left:8px;padding:2px 8px;border-radius:99px;background:#FEF3C7;color:#78350F;border:1px dashed #B45309;font:700 .72rem/1.4 var(--sans);letter-spacing:.02em;white-space:nowrap;vertical-align:middle}
.sp .demo-tag{margin-left:6px}
.rs-list li{display:flex;flex-direction:column;box-shadow:0 18px 36px -30px rgba(10,19,36,.6)}
.rs-list .rs-st{margin:0;font-size:1.1rem;color:#D97706}
.rs-list p:not(.rs-st):not(.rs-who):not(.rs-ver){flex:1;font-size:1.02rem;line-height:1.55}
.rs-list .rs-who{margin:0;font-weight:600;color:var(--ink)}
.rs-list .rs-ver{margin:4px 0 0}
.rs-list .demo-tag{align-self:flex-start;margin:12px 0 0}
.resenas-sec .sec-head .demo-tag{margin:10px 0 0}
/* Celular: textos de lectura de 16 px como mínimo y toques de 48 px */
@media (max-width:899px){
  .breadcrumbs,.breadcrumbs a,.gc-price span,.a2-most,.p0-priv,.gp-head b,.gp-copy,.gprompt pre,.prose .gprompt pre,.p0-box pre,.bc-meta,.bc-meta .tag,.site-footer .about,.site-footer h2,.site-footer li a,.compare-table small,.pb-q,.tools-table th,.tools-table td,.tools-date,.hero-person p,.wz-mini,.wz-count,.mg-k,.mg-f,.buybar .s-info small,.rs-list .rs-ver,.rs-list .rs-who,.book-up,.gcard .book-up,.post-meta,.sp small{font-size:1rem}
  .gp-copy,.chips-f button{min-height:48px}
  .gp-head{flex-wrap:wrap}
}
@media (max-width:380px){
  .header-inner{gap:8px}
  .brand{font-size:1rem;gap:8px}
  .brand-mark{width:30px;height:30px}
  .head-cta{padding-inline:.8rem}
}
@media (max-width:899px){.gp-head .gp-copy span{font-size:inherit;color:inherit}.compare-table thead th small,.compare-table th small,.tools-table thead th,.tools-table th{font-size:1rem}}
.gp-head .gp-copy span{color:inherit}
/* Rendimiento: lo que está fuera de la pantalla no se diseña ni se pinta hasta acercarse */
main > section.section:not(:first-child),main > .dark-band:not([data-pin]):not([data-how]):not(:first-child),.site-footer{content-visibility:auto;contain-intrinsic-size:auto 900px}

/* ---------- Embudos: consentimientos, control segmentado y botón de pago ---------- */
.consents{display:grid;gap:20px;margin:4px 0 20px}
.consents .field{margin:0}
.ck-row,.tg-row{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:4px 0;cursor:pointer;font-weight:400;-webkit-tap-highlight-color:transparent}
.field > label.ck-row,.field > label.tg-row{display:flex;margin:0;font-weight:400;line-height:1.45}
.ck-in,.tg-in{position:absolute;left:0;top:0;width:22px;height:22px;margin:0;opacity:0;pointer-events:none}
.ck-box{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:0;border-radius:6px;border:1.5px solid #94A3B8;background:#fff;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
.ck-box svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ck-box path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .15s ease}
.ck-in:checked + .ck-box{background:#0891B2;border-color:#0891B2}
.ck-in:checked + .ck-box path{stroke-dashoffset:0}
.ck-in:focus-visible + .ck-box,.tg-in:focus-visible + .tg{outline:2px solid #0891B2;outline-offset:3px}
.ck-in[aria-invalid="true"] + .ck-box{border-color:#B91C1C;box-shadow:0 0 0 3px rgba(185,28,28,.12)}
.ck-row:hover .ck-box{border-color:#64748B}
.ck-txt{font-size:14px;line-height:1.45;color:#475569;padding-top:1px}
.ck-txt a{color:#0E7490;text-decoration:underline;text-decoration-color:rgba(14,116,144,.35);text-underline-offset:3px;text-decoration-thickness:1px}
.ck-txt a:hover{text-decoration-color:currentColor}
.ck-txt .req{color:#B91C1C}
.consent .field-error{margin:6px 0 0 34px;font-size:14px;color:#B91C1C}
.tg-row{align-items:center;justify-content:space-between}
.tg-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.tg-t{font-size:14px;line-height:1.45;color:#475569;font-weight:500}
.tg-s{font-size:12px;line-height:1.4;color:#64748B}
.tg-in{left:auto;right:0;width:44px;height:26px;top:50%;margin-top:-13px}
.tg{position:relative;flex:none;width:44px;height:26px;border-radius:99px;background:#CBD5E1;transition:background-color .2s ease}
.tg::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,27,51,.3);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.tg-in:checked + .tg{background:#0891B2}
.tg-in:checked + .tg::after{transform:translateX(18px)}
.seg{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));height:44px;padding:0;border:1px solid #CBD5E1;border-radius:10px;background:#fff;overflow:hidden;isolation:isolate}
.seg label{position:relative;display:flex;margin:0!important;font-weight:400!important}
.seg input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.seg span{flex:1;display:grid;place-items:center;padding:0 6px;font-size:14px;font-weight:600;line-height:1.2;text-align:center;color:#334155;cursor:pointer;transition:color .2s ease}
.seg label + label span{border-left:1px solid #E2E8F0}
.seg input:checked + span{color:#fff;border-left-color:transparent}
.seg input:focus-visible + span{outline:2px solid #0891B2;outline-offset:-3px;border-radius:8px}
.seg-ind{position:absolute;z-index:-1;left:0;top:0;bottom:0;width:calc(100% / var(--n));background:#0F1B33;border-radius:9px;opacity:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
.seg:has(input:checked) .seg-ind{opacity:1}
.seg:has(label:nth-of-type(2) input:checked) .seg-ind{transform:translateX(100%)}
.seg:has(label:nth-of-type(3) input:checked) .seg-ind{transform:translateX(200%)}
.seg:has(label:nth-of-type(4) input:checked) .seg-ind{transform:translateX(300%)}
@supports not selector(:has(*)){.seg input:checked + span{background:#0F1B33}}
.pay-go{display:grid;gap:20px}
.btn-pay{min-height:52px;gap:10px}
.btn-pay .lock-s{width:16px;height:16px;flex:none}
.pay-safe{margin:0;text-align:center;font-size:12px;line-height:1.4;color:#64748B}
@media (prefers-reduced-motion:reduce){.ck-box path,.tg::after,.seg-ind{transition:none}}
.how5,.routes-sec{overflow:clip}

/* ---------- «Lo que puedes lograr»: carrusel 3D ---------- */
.car3d{position:relative}
.c3-nav[hidden],.c3-floor{display:none}
.car3d.is-3d{--c3w:min(76vw,340px)}
.car3d.is-3d .c3-stage{position:relative;height:var(--c3h,520px);perspective:1600px;perspective-origin:50% 45%;touch-action:pan-y;user-select:none;-webkit-user-select:none;margin:0 calc(var(--gutter)*-1);overflow:visible}
.car3d.is-3d .c3-track{position:absolute;inset:0;display:block;margin:0;padding:0;overflow:visible;transform-style:preserve-3d;scroll-snap-type:none}
.car3d.is-3d .route{position:absolute;left:50%;top:0;width:var(--c3w);margin:0 0 0 calc(var(--c3w) / -2)!important;flex:none;overflow:visible;transform-style:preserve-3d;will-change:transform,opacity;transition:border-color .5s ease,box-shadow .5s ease;cursor:grab;animation:none!important}
.car3d.is-dragging .route{cursor:grabbing}
.car3d.is-3d .route:hover{transform:none}
.car3d.is-3d .route::after{content:"";position:absolute;inset:0;border-radius:18px;background:#050A14;opacity:var(--dim,0);pointer-events:none;z-index:5}
.car3d.is-3d .route.is-active{border-color:rgba(34,211,238,.75);box-shadow:0 0 0 1px rgba(34,211,238,.35),0 40px 80px -36px rgba(0,0,0,.9),0 0 46px -12px rgba(34,211,238,.45)}
.car3d.is-3d .rt-img{border-radius:17px 17px 0 0;transform:translateZ(0);transform-style:preserve-3d;box-shadow:0 18px 30px -20px rgba(0,0,0,.8)}
.car3d.is-3d .route.is-active .rt-img{transform:translateZ(40px)}
.car3d.is-3d .route:not(.is-active) .rt-go{pointer-events:none}
.car3d.is-3d .c3-floor{display:block;position:absolute;left:50%;top:calc(var(--c3h) - 6px);width:calc(var(--c3w) * 1.1);height:70px;margin-left:calc(var(--c3w) * -.55);border-radius:50%;background:radial-gradient(ellipse at 50% 0,rgba(34,211,238,.22),rgba(34,211,238,.06) 45%,transparent 72%);pointer-events:none}
.car3d.is-3d .route.is-active{-webkit-box-reflect:below 6px linear-gradient(transparent 82%,rgba(255,255,255,.12))}
.c3-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:34px}
.c3-arrow{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(10,19,36,.6);color:#fff;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.c3-arrow svg{width:22px;height:22px}
.c3-arrow:hover{background:var(--cyan2);border-color:var(--cyan2);color:var(--night)}
.c3-arrow:focus-visible,.c3-dots button:focus-visible{outline:2px solid var(--cyan2);outline-offset:3px}
.c3-dots{display:flex;align-items:center;gap:4px}
.c3-dots button{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:44px;min-height:48px;justify-content:center;padding:4px 6px;border:0;background:none;color:var(--on-navy-soft);font:600 .95rem var(--sans);cursor:pointer}
.c3-dots i{display:block;width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.3);transition:width .35s cubic-bezier(.2,.8,.2,1),background-color .3s}
.c3-dots button[aria-current="true"]{color:#fff}
.c3-dots button[aria-current="true"] i{width:26px;background:var(--cyan2)}
.c3-dots span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media (max-width:899px){
  .c3-nav{position:relative;padding-bottom:30px}
  .c3-dots button[aria-current="true"] span{position:absolute;left:0;right:0;bottom:0;width:auto;height:auto;clip:auto;text-align:center;white-space:nowrap}
  .c3-dots{position:static}
}
@media (min-width:900px){
  .car3d.is-3d{--c3w:520px}
  .car3d.is-3d .c3-stage{margin:0}
  .c3-nav{margin-top:44px}
  .c3-arrow{position:absolute;top:calc(var(--c3h,520px) / 2 - 32px);width:64px;height:64px;z-index:20}
  .c3-prev{left:0}.c3-next{right:0}
  .c3-dots{gap:22px}
  .c3-dots span{position:static;width:auto;height:auto;clip:auto}
}
@media (prefers-reduced-motion:reduce){.c3-nav{display:none!important}}
.car3d.is-3d .rt-go::after{display:none}
.car3d.is-3d .route.is-active{cursor:pointer}
.car3d.is-3d .c3-track{pointer-events:none}.car3d.is-3d .route{pointer-events:auto}

/* ---------- 6 guías: premium, filtros de la tienda, índice sin descripción ---------- */
.gcard{position:relative}
.gc-badge{position:absolute;z-index:4;top:22px;right:22px;padding:5px 12px;border-radius:99px;background:var(--cyan2);color:var(--night);font:800 .9rem/1.2 var(--display);letter-spacing:.01em;box-shadow:0 8px 18px -8px rgba(34,211,238,.8)}
.gcard.is-premium{border-color:rgba(8,145,178,.55);box-shadow:0 0 0 1px rgba(8,145,178,.25),0 24px 48px -30px rgba(8,145,178,.7)}
.gcard.is-premium .gc-price{color:var(--accent-ink)}
@media (min-width:900px){.gc-badge{top:-12px;right:auto;left:12px}.gcards:not(.is-store) .gcard.is-premium{background:none;box-shadow:none}.gcards{row-gap:64px}}
.chips-f button span{margin-left:6px;font-weight:500;opacity:.75}
.page-head .chips-f{margin-top:26px}
.gcard[hidden]{display:none}
.ch-row{display:grid;grid-template-columns:3.2rem 1fr;align-items:center;gap:8px;min-height:56px;padding:10px 0;font-weight:600;line-height:1.35}
.rel-ases{border-color:var(--accent)}
@media (max-width:899px){.gc-badge{font-size:1rem}.gcards .gcard .book-up,.gcards .gcard .book-up a{font-size:1rem}}
@media (max-width:899px){.gcards.is-store .gc-cover{width:84%;margin-inline:auto}}
.toc-extra{margin:18px 0 0;font-size:1rem;color:var(--ink-soft)}.toc-extra b{color:var(--ink)}
.loupe,.loupe img{will-change:transform}
.dest{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.dest li{padding:6px 12px;border-radius:99px;border:1px solid rgba(34,211,238,.55);background:rgba(34,211,238,.1);color:#fff;font-weight:600;font-size:1rem;line-height:1.3}
.dest-sm{margin:4px 0 2px}
.dest-sm li{border-color:rgba(8,145,178,.4);background:var(--accent-wash);color:var(--accent-ink);font-size:.95rem;padding:4px 10px}
.pages a{position:relative}
.pg-lab{position:absolute;left:8px;bottom:8px;right:8px;padding:6px 10px;border-radius:8px;background:rgba(10,19,36,.88);color:#fff;font:600 .95rem/1.3 var(--sans)}
@media (max-width:899px){.dest-sm li{font-size:1rem}}
.gcards.is-store .gc-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:899px){.gcards.is-store .gc-cover{width:78%}}@media (min-width:900px){.gcards.is-store .gc-cover{width:82%;margin-inline:auto}}

/* ---------- «Elige tu asesoría 1:1»: carrusel 3D de asesorías independientes ---------- */
.ases-sec{overflow:clip}
.ases-indep{max-width:36em}
.ases-indep b{display:block;color:#fff;font-weight:700;margin-bottom:4px}
/* Sin JS o con movimiento reducido: fila deslizable con scroll-snap (4 columnas en pantallas anchas) */
.acards{list-style:none;margin:0 calc(var(--gutter)*-1) 0 0;padding:4px var(--gutter) 12px 0;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.acards::-webkit-scrollbar{display:none}
.acard{position:relative;flex:0 0 min(82%,320px);scroll-snap-align:start;display:flex;flex-direction:column;border-radius:18px;background:var(--night);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 48px -28px rgba(0,0,0,.8);overflow:hidden;transition:transform .25s ease,border-color .25s ease}
.acard:hover{border-color:rgba(34,211,238,.45)}
.acard.is-most{border-color:rgba(34,211,238,.5);background:linear-gradient(180deg,#0A1324 55%,#0B1E33)}
@media (min-width:1100px){.acards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;margin-right:0;padding-right:0}.acard{flex:none}}
.ac-img{height:176px;padding:14px 14px 0;overflow:hidden;border-radius:17px 17px 0 0;background:radial-gradient(120% 90% at 50% 0,rgba(34,211,238,.16),transparent 60%),#071022}
.ac-most{position:absolute;z-index:7;top:10px;right:10px;padding:4px 11px;border-radius:99px;background:var(--cyan2);color:var(--night);font:800 1rem/1.25 var(--display);box-shadow:0 8px 18px -8px rgba(34,211,238,.8)}
.ac-body{flex:1;display:flex;flex-direction:column;gap:8px;padding:18px 18px 20px}
.ac-seal{display:flex;align-items:center;flex-wrap:wrap;gap:0 .3em;margin:0;color:var(--cyan2);font-weight:600;font-size:1rem;line-height:1.3}
.ac-seal span{color:#fff}
.ac-seal::before{content:"";width:8px;height:8px;margin-right:4px;border-radius:50%;background:var(--cyan2);box-shadow:0 0 10px var(--cyan2)}
.ac-name{margin:0;color:#fff;font-size:1.4rem;line-height:1.12}
.ac-for{margin:0;color:var(--on-navy-soft);font-size:1rem;line-height:1.4}
.ac-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:auto 0 4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}
.ac-dur{display:inline-flex;align-items:center;gap:6px;color:var(--on-navy-soft);font-size:1rem;line-height:1.3}
.ac-meta{flex-direction:column-reverse;align-items:flex-start;gap:6px}
@media (min-width:900px){.car3d.is-3d .ac-meta{flex-direction:row;align-items:flex-end;gap:10px}.ac-seal{font-size:.94rem}}
@media (min-width:1100px){.acards:not(.c3-track) .ac-body,.car3d:not(.is-3d) .ac-body{padding:16px 16px 18px}}
.ac-dur{white-space:nowrap}
.ac-dur svg{width:17px;height:17px;flex:none;color:var(--cyan2)}
.ac-price{color:#fff;font:800 2.05rem/1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.ac-go{width:100%;min-height:50px;justify-content:center;gap:8px}
@media (min-width:900px){.ac-img{height:196px}.ac-name{font-size:1.5rem}}

/* Modo 3D (lo activa motion.js) */
.car3d.c3-ases.is-3d{--c3w:min(78vw,320px)}
@media (min-width:900px){.car3d.c3-ases.is-3d{--c3w:360px}}
.car3d.is-3d .acard{position:absolute;left:50%;top:0;width:var(--c3w);height:var(--c3h,auto);margin:0 0 0 calc(var(--c3w) / -2);flex:none;overflow:visible;transform-style:preserve-3d;will-change:transform,opacity;transition:border-color .5s ease,box-shadow .5s ease;cursor:grab;pointer-events:auto}
.car3d.is-dragging .acard{cursor:grabbing}
.car3d.is-3d .acard::after{content:"";position:absolute;inset:0;border-radius:18px;background:#050A14;opacity:var(--dim,0);pointer-events:none;z-index:8}
.car3d.is-3d .acard::before{content:"";position:absolute;inset:0;z-index:9;border-radius:18px;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.16) 50%,transparent 62%) no-repeat;background-size:260% 100%}
.car3d.is-3d .acard.is-active::before{animation:ac-shine 1.15s .2s cubic-bezier(.2,.8,.2,1)}
@keyframes ac-shine{0%{opacity:1;background-position:120% 0}100%{opacity:1;background-position:-20% 0}}
.car3d.is-3d .acard.is-active{cursor:pointer;border-color:rgba(34,211,238,.8);box-shadow:0 0 0 1px rgba(34,211,238,.35),0 40px 80px -36px rgba(0,0,0,.9),0 0 54px -10px rgba(34,211,238,.5);-webkit-box-reflect:below 6px linear-gradient(transparent 84%,rgba(255,255,255,.1))}
.car3d.is-3d .ac-img{transform:translateZ(0);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.car3d.is-3d .acard.is-active .ac-img{transform:translateZ(40px)}
.car3d.is-3d .acard.is-active .ac-most{transform:translateZ(60px)}
.car3d.is-3d .acard:not(.is-active) .ac-go{pointer-events:none}
.car3d.c3-ases.is-3d .c3-floor{width:calc(var(--c3w) * 1.25);margin-left:calc(var(--c3w) * -.625)}

/* Maquetas de cada asesoría (decorativas, estilo NIDA) */
.am{display:flex;flex-direction:column;height:100%;background:#0A1324;border:1px solid rgba(34,211,238,.3);border-bottom:0;border-radius:10px 10px 0 0;font:500 10px/1.3 var(--sans);color:#CFE3F5;overflow:hidden;box-shadow:0 0 30px -10px rgba(34,211,238,.4);text-align:left}
.am-bar{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#0F1B33;border-bottom:1px solid rgba(255,255,255,.06)}
.am-bar i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.22)}
.am-url{margin-left:6px;display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:99px;background:rgba(255,255,255,.07);color:#AFC0DA}
.am-lock{width:10px;height:10px;flex:none;fill:none;stroke:#34D399;stroke-width:1.7}
.am-in{flex:1;display:flex;flex-direction:column;gap:6px;padding:8px 9px;min-height:0}
.am-live{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.4)}
.am-live b{color:#fff;font:700 11.5px/1.2 var(--display)}
.am-live em{margin-left:auto;font-style:normal;font-weight:700;color:#34D399;white-space:nowrap}
.am-pulse{width:8px;height:8px;flex:none;border-radius:50%;background:#34D399;box-shadow:0 0 0 0 rgba(52,211,153,.6)}
.am-dns{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.am-dns li{display:grid;grid-template-columns:42px 1fr auto;gap:6px;padding:2px 8px;border-radius:6px;background:rgba(255,255,255,.04)}
.am-dns b{color:#22D3EE;font-weight:700}
.am-dns i{font-style:normal;color:#34D399;font-weight:700}
.am-ssl{display:flex;align-items:center;gap:5px;color:#AFC0DA}
.am-up{margin-left:auto;display:flex;align-items:flex-end;gap:2px;height:13px}
.am-up s{width:4px;height:calc(var(--h) * 100%);border-radius:1px;background:#22D3EE;opacity:.75}
.am-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.am-kpis p{margin:0;padding:4px 6px;border-radius:7px;background:rgba(255,255,255,.05);display:flex;flex-direction:column;min-width:0}
.am-kpis span{font-size:9px;color:#8FA3BF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-kpis b{color:#fff;font:800 13px/1.15 var(--display)}
.am-chart{width:100%;height:40px;flex:none;overflow:visible}
.am-camps{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.am-camps li{display:flex;align-items:center;gap:6px;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.04);white-space:nowrap}
.am-camps i{width:6px;height:6px;flex:none;border-radius:50%;background:#34D399}
.am-camps em{margin-left:auto;font-style:normal;color:#34D399;font-weight:700}
.am-crm-in{flex-direction:row;padding:0;gap:0}
.am-side{width:24px;flex:none;display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 0;background:#0F1B33}
.am-side b{width:11px;height:11px;border-radius:4px;background:#22D3EE}
.am-side span{width:11px;height:4px;border-radius:2px;background:rgba(255,255,255,.2)}
.am-side span.on{background:#22D3EE}
.am-kan{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px;min-width:0}
.am-kan > div{display:flex;flex-direction:column;gap:4px;min-width:0;padding:5px;border-radius:7px;background:rgba(255,255,255,.04)}
.am-kan h6{display:flex;justify-content:space-between;margin:0;font:700 9.5px/1.2 var(--sans);color:#AFC0DA}
.am-kan h6 span{color:#22D3EE}
.am-kan p{display:flex;flex-direction:column;margin:0;padding:4px 5px;border-radius:5px;background:#13213D;border:1px solid rgba(255,255,255,.07);min-width:0}
.am-kan p b{color:#fff;font-size:9.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-kan p em{font-style:normal;color:#22D3EE;font-weight:700;font-size:9.5px}
.am-kan .am-won{background:rgba(52,211,153,.09)}
.am-won h6 span,.am-won p em{color:#34D399}
.am-webs{position:relative}
.am-site{padding:0;gap:0;background:#fff}
.am-nav{display:flex;align-items:center;gap:6px;padding:5px 9px;color:#0F1B33}
.am-nav b{margin-right:auto;font:800 10.5px/1.2 var(--display)}
.am-nav span{width:15px;height:3px;border-radius:2px;background:#CBD5E1}
.am-hero{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 9px;background:linear-gradient(120deg,#6B3F27,#B9794C);color:#fff}
.am-hero strong{max-width:44%;font:800 12px/1.15 var(--display)}
.am-cta{padding:3px 8px;border-radius:99px;background:#fff;color:#6B3F27;font-weight:700;font-size:9px}
.am-tiles{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px 9px}
.am-tiles span{border-radius:5px;background:#EEF3F9}
.am-chat{position:absolute;right:7px;bottom:7px;width:54%;display:flex;flex-direction:column;gap:4px;padding:7px;border-radius:10px;background:rgba(10,19,36,.95);border:1px solid rgba(34,211,238,.5);box-shadow:0 10px 24px -8px rgba(0,0,0,.7)}
.am-chat p{margin:0;padding:3px 7px;border-radius:8px;font-size:9.5px;line-height:1.3}
.am-me{align-self:flex-end;background:#22D3EE;color:#0A1324;font-weight:600}
.am-ia{display:flex;gap:4px;background:rgba(255,255,255,.08);color:#E6F1FB}
.am-spark{color:#22D3EE}
.am-typing{display:flex;gap:3px;align-self:flex-start;padding:5px 7px!important;background:rgba(255,255,255,.08)}
.am-typing i{width:4px;height:4px;border-radius:50%;background:#AFC0DA}
/* Vida en la tarjeta activa (solo con movimiento) */
@media (prefers-reduced-motion:no-preference){
  .is-active .am-pulse{animation:am-pulse 1.8s ease-out infinite}
  .is-active .am-line{stroke-dasharray:1;animation:am-draw 1.3s .25s cubic-bezier(.2,.8,.2,1) both}
  .is-active .am-area{animation:am-fade .9s .6s ease both}
  .is-active .am-up s{transform-origin:bottom;animation:am-bar .8s cubic-bezier(.2,.8,.2,1) both}
  .is-active .am-up s:nth-child(2){animation-delay:.06s}.is-active .am-up s:nth-child(3){animation-delay:.12s}.is-active .am-up s:nth-child(4){animation-delay:.18s}.is-active .am-up s:nth-child(5){animation-delay:.24s}.is-active .am-up s:nth-child(6){animation-delay:.3s}.is-active .am-up s:nth-child(7){animation-delay:.36s}
  .is-active .am-move{animation:am-glow 2.4s ease-in-out infinite}
  .is-active .am-me{animation:am-pop .45s .2s cubic-bezier(.2,.8,.2,1) both}
  .is-active .am-ia{animation:am-pop .45s .9s cubic-bezier(.2,.8,.2,1) both}
  .is-active .am-typing i{animation:am-dot 1s ease-in-out infinite}
  .is-active .am-typing i:nth-child(2){animation-delay:.15s}.is-active .am-typing i:nth-child(3){animation-delay:.3s}
  .is-active .am-hero{animation:am-fade .7s .5s ease both}
}
@keyframes am-pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}100%{box-shadow:0 0 0 8px rgba(52,211,153,0)}}
@keyframes am-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes am-fade{from{opacity:0}to{opacity:1}}
@keyframes am-bar{from{transform:scaleY(.15)}to{transform:none}}
@keyframes am-glow{0%,100%{border-color:rgba(255,255,255,.07);box-shadow:none}50%{border-color:rgba(34,211,238,.8);box-shadow:0 0 12px -2px rgba(34,211,238,.6)}}
@keyframes am-pop{from{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}
@keyframes am-dot{0%,100%{transform:none;opacity:.5}50%{transform:translateY(-3px);opacity:1}}