@font-face{font-family:"Bricolage Grotesque";src:url("fonts/bricolage-grotesque.woff2") format("woff2");font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("fonts/instrument-sans.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}

:root{
  --fondo:#FBFAF6;--tinta:#14281F;--primario:#1F7A5A;--menta:#DFF4EA;--durazno:#FFE9D6;
  --secundario:#5A6660;--peligro:#B3361F;--borde:#E4E2D8;--superficie:#fff;
  --enlace:#1F7A5A;--boton:#1F7A5A;--boton-texto:#fff;
  --titulo:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;
  --cuerpo:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --radio:16px;--ancho:68rem;--sombra:0 1px 2px rgba(20,40,31,.06),0 8px 24px rgba(20,40,31,.08);
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{
    --fondo:#14281F;--tinta:#FBFAF6;--secundario:#B9C5BE;--borde:#2A4438;--superficie:#1B3328;
    --menta:#1D4535;--durazno:#4A3524;--enlace:#7FD6B2;--boton:#7FD6B2;--boton-texto:#0E1F17;
    --sombra:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3);
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--fondo);color:var(--tinta);font:400 1.0625rem/1.65 var(--cuerpo);overflow-wrap:break-word}
img,svg{max-width:100%;height:auto}
a{color:var(--enlace);text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--primario);outline-offset:3px;border-radius:4px}
@media (prefers-color-scheme:dark){:focus-visible{outline-color:var(--boton)}}
h1,h2,h3{font-family:var(--titulo);font-weight:800;line-height:1.15;letter-spacing:-.01em;margin:0 0 .6em;text-wrap:balance}
h1{font-size:clamp(2.1rem,7vw,3.6rem)}
h2{font-size:clamp(1.55rem,4.5vw,2.2rem)}
h3{font-size:1.2rem;font-weight:700}
p{margin:0 0 1em}
.contenedor{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 1.25rem}
.saltar{position:absolute;left:-999px;top:0;background:var(--boton);color:var(--boton-texto);padding:.6rem 1rem;z-index:10;border-radius:0 0 8px 0}
.saltar:focus{left:0}

/* Encabezado */
.cabecera{border-bottom:1px solid var(--borde)}
.cabecera .contenedor{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.25rem;flex-wrap:wrap;padding-top:.5rem;padding-bottom:.5rem}
.logo{display:inline-flex;align-items:center;line-height:0}
.logo img{height:34px;width:auto}
.logo .oscuro{display:none}
@media (prefers-color-scheme:dark){.logo .claro{display:none}.logo .oscuro{display:block;height:50px;margin:-8px 0}}
.nav{display:flex;gap:1.25rem;flex-wrap:wrap}
.nav a{color:var(--tinta);text-decoration:none;font-weight:500;padding:.5rem .1rem}
.nav a:hover,.nav a[aria-current]{color:var(--enlace);text-decoration:underline}

/* Botones */
.boton{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.7rem 1.4rem;border-radius:999px;background:var(--boton);color:var(--boton-texto);font:600 1rem var(--cuerpo);text-decoration:none;border:2px solid var(--boton)}
.boton[aria-disabled=true]{background:transparent;color:var(--secundario);border-color:var(--borde);border-style:dashed;cursor:not-allowed}
.boton small{font:500 .8rem var(--cuerpo);background:var(--durazno);color:var(--tinta);padding:.1rem .55rem;border-radius:999px}

/* Secciones */
section{padding:clamp(2.5rem,7vw,4.5rem) 0}
.alterna{background:var(--superficie);border-block:1px solid var(--borde)}
.sobre{font:600 .85rem var(--cuerpo);letter-spacing:.08em;text-transform:uppercase;color:var(--enlace);margin:0 0 .75rem}
.hero .contenedor{display:grid;gap:2.5rem;align-items:center}
.hero p.lema{font-size:1.25rem;color:var(--secundario);max-width:34rem}
.nota{font-size:.95rem;color:var(--secundario)}
@media (min-width:860px){.hero .contenedor{grid-template-columns:1.1fr .9fr}}

/* Teléfono de ejemplo (HTML, sin imágenes) */
.telefono{justify-self:center;width:min(100%,19rem);background:#14281F;border-radius:2.4rem;padding:.7rem;box-shadow:var(--sombra)}
.pantalla{background:#FBFAF6;color:#14281F;border-radius:1.8rem;padding:1.1rem 1rem 1.25rem;font-size:.9rem;line-height:1.4}
.pantalla .tit{font:800 1.3rem var(--titulo);margin:0 0 .15rem}
.pantalla .tasa{font-size:.78rem;color:#5A6660;margin:0 0 .9rem}
.pantalla .total{background:#DFF4EA;border-radius:14px;padding:.7rem .85rem;margin-bottom:.8rem}
.pantalla .total b{display:block;font:800 1.5rem var(--titulo)}
.pantalla ul{list-style:none;margin:0;padding:0}
.pantalla li{display:flex;justify-content:space-between;gap:.5rem;padding:.6rem 0;border-top:1px solid #E4E2D8}
.pantalla li span:last-child{text-align:right;white-space:nowrap}
.pantalla li small{display:block;color:#5A6660;font-size:.76rem}
.pantalla .ejemplo{margin:.9rem 0 0;text-align:center;font-size:.76rem;color:#5A6660;background:#FFE9D6;border-radius:999px;padding:.2rem .5rem;color:#14281F}

/* Tarjetas */
.rejilla{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));list-style:none;padding:0;margin:2rem 0 0}
.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:1.4rem;box-shadow:var(--sombra)}
.alterna .tarjeta{background:var(--fondo);box-shadow:none}
.tarjeta h3{margin-bottom:.4rem}
.tarjeta p{margin:0;color:var(--secundario)}
.pasos{counter-reset:paso}
.pasos .tarjeta{position:relative;padding-top:3.6rem}
.pasos .tarjeta::before{counter-increment:paso;content:counter(paso);position:absolute;top:1.1rem;left:1.4rem;width:2rem;height:2rem;border-radius:50%;background:var(--menta);color:var(--tinta);font:800 1rem/2rem var(--titulo);text-align:center}
.privado{background:var(--menta);border-radius:var(--radio);padding:clamp(1.5rem,5vw,2.5rem)}
.privado p:last-child{margin:0}

/* Preguntas */
details{border:1px solid var(--borde);border-radius:12px;background:var(--superficie);margin:0 0 .75rem}
summary{cursor:pointer;padding:1rem 1.25rem;font-weight:600;list-style-position:inside}
details[open] summary{border-bottom:1px solid var(--borde)}
details p{padding:1rem 1.25rem 0;margin:0}
details p:last-child{padding-bottom:1rem}
.final{text-align:center}
.final .contenedor{max-width:42rem}

/* Páginas de texto */
.texto{max-width:44rem;margin:0 auto;padding:clamp(2rem,6vw,3.5rem) 1.25rem 4rem}
.texto h1{font-size:clamp(1.9rem,6vw,2.8rem)}
.texto h2{font-size:1.3rem;margin-top:2em;scroll-margin-top:1rem}
.texto ol,.texto ul{padding-left:1.4rem}
.texto li{margin-bottom:.5em}
.indice{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;padding:1rem 1.25rem;margin:1.5rem 0}
.indice summary{padding:0;border:0}
.indice ol{margin:.75rem 0 0;columns:1}
@media (min-width:700px){.indice ol{columns:2;column-gap:2.5rem}}
.indice li{break-inside:avoid;margin-bottom:.35rem}
.vigencia{color:var(--secundario);font-size:.95rem}
.aviso{background:var(--durazno);color:var(--tinta);border-radius:12px;padding:1rem 1.25rem;margin:1.5rem 0}
.aviso p{margin:0}

/* Pie */
.pie{border-top:1px solid var(--borde);padding:2.5rem 0 3rem;font-size:.95rem;color:var(--secundario)}
.pie .contenedor{display:grid;gap:1.5rem}
.pie ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}
.pie a{display:inline-block;padding:.35rem 0}
.pie p{margin:0}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.cabecera,.pie,.saltar{display:none}body{background:#fff;color:#000}}
.hero .contenedor>*{min-width:0}
@font-face{font-family:"Bricolage Grotesque";src:url("fonts/bricolage-grotesque.woff2") format("woff2");font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("fonts/instrument-sans.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}

:root{
  --fondo:#FBFAF6;--tinta:#14281F;--primario:#1F7A5A;--menta:#DFF4EA;--durazno:#FFE9D6;
  --secundario:#5A6660;--peligro:#B3361F;--borde:#E4E2D8;--superficie:#fff;
  --enlace:#1F7A5A;--boton:#1F7A5A;--boton-texto:#fff;
  --titulo:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;
  --cuerpo:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --radio:16px;--ancho:68rem;--sombra:0 1px 2px rgba(20,40,31,.06),0 8px 24px rgba(20,40,31,.08);
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{
    --fondo:#14281F;--tinta:#FBFAF6;--secundario:#B9C5BE;--borde:#2A4438;--superficie:#1B3328;
    --menta:#1D4535;--durazno:#4A3524;--enlace:#7FD6B2;--boton:#7FD6B2;--boton-texto:#0E1F17;
    --sombra:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3);
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--fondo);color:var(--tinta);font:400 1.0625rem/1.65 var(--cuerpo);overflow-wrap:break-word}
img,svg{max-width:100%;height:auto}
a{color:var(--enlace);text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--primario);outline-offset:3px;border-radius:4px}
@media (prefers-color-scheme:dark){:focus-visible{outline-color:var(--boton)}}
h1,h2,h3{font-family:var(--titulo);font-weight:800;line-height:1.15;letter-spacing:-.01em;margin:0 0 .6em;text-wrap:balance}
h1{font-size:clamp(2.1rem,7vw,3.6rem)}
h2{font-size:clamp(1.55rem,4.5vw,2.2rem)}
h3{font-size:1.2rem;font-weight:700}
p{margin:0 0 1em}
.contenedor{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 1.25rem}
.saltar{position:absolute;left:-999px;top:0;background:var(--boton);color:var(--boton-texto);padding:.6rem 1rem;z-index:10;border-radius:0 0 8px 0}
.saltar:focus{left:0}

/* Encabezado */
.cabecera{border-bottom:1px solid var(--borde)}
.cabecera .contenedor{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.25rem;flex-wrap:wrap;padding-top:.5rem;padding-bottom:.5rem}
.logo{display:inline-flex;align-items:center;line-height:0}
.logo img{height:34px;width:auto}
.logo .oscuro{display:none}
@media (prefers-color-scheme:dark){.logo .claro{display:none}.logo .oscuro{display:block;height:50px;margin:-8px 0}}
.nav{display:flex;gap:1.25rem;flex-wrap:wrap}
.nav a{color:var(--tinta);text-decoration:none;font-weight:500;padding:.5rem .1rem}
.nav a:hover,.nav a[aria-current]{color:var(--enlace);text-decoration:underline}

/* Botones */
.boton{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.7rem 1.4rem;border-radius:999px;background:var(--boton);color:var(--boton-texto);font:600 1rem var(--cuerpo);text-decoration:none;border:2px solid var(--boton)}
.boton[aria-disabled=true]{background:transparent;color:var(--secundario);border-color:var(--borde);border-style:dashed;cursor:not-allowed}
.boton small{font:500 .8rem var(--cuerpo);background:var(--durazno);color:var(--tinta);padding:.1rem .55rem;border-radius:999px}

/* Secciones */
section{padding:clamp(2.5rem,7vw,4.5rem) 0}
.alterna{background:var(--superficie);border-block:1px solid var(--borde)}
.sobre{font:600 .85rem var(--cuerpo);letter-spacing:.08em;text-transform:uppercase;color:var(--enlace);margin:0 0 .75rem}
.hero .contenedor{display:grid;gap:2.5rem;align-items:center}
.hero p.lema{font-size:1.25rem;color:var(--secundario);max-width:34rem}
.nota{font-size:.95rem;color:var(--secundario)}
@media (min-width:860px){.hero .contenedor{grid-template-columns:1.1fr .9fr}}

/* Teléfono de ejemplo (HTML, sin imágenes) */
.telefono{justify-self:center;width:min(100%,19rem);background:#14281F;border-radius:2.4rem;padding:.7rem;box-shadow:var(--sombra)}
.pantalla{background:#FBFAF6;color:#14281F;border-radius:1.8rem;padding:1.1rem 1rem 1.25rem;font-size:.9rem;line-height:1.4}
.pantalla .tit{font:800 1.3rem var(--titulo);margin:0 0 .15rem}
.pantalla .tasa{font-size:.78rem;color:#5A6660;margin:0 0 .9rem}
.pantalla .total{background:#DFF4EA;border-radius:14px;padding:.7rem .85rem;margin-bottom:.8rem}
.pantalla .total b{display:block;font:800 1.5rem var(--titulo)}
.pantalla ul{list-style:none;margin:0;padding:0}
.pantalla li{display:flex;justify-content:space-between;gap:.5rem;padding:.6rem 0;border-top:1px solid #E4E2D8}
.pantalla li span:last-child{text-align:right;white-space:nowrap}
.pantalla li small{display:block;color:#5A6660;font-size:.76rem}
.pantalla .ejemplo{margin:.9rem 0 0;text-align:center;font-size:.76rem;color:#5A6660;background:#FFE9D6;border-radius:999px;padding:.2rem .5rem;color:#14281F}

/* Tarjetas */
.rejilla{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));list-style:none;padding:0;margin:2rem 0 0}
.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:1.4rem;box-shadow:var(--sombra)}
.alterna .tarjeta{background:var(--fondo);box-shadow:none}
.tarjeta h3{margin-bottom:.4rem}
.tarjeta p{margin:0;color:var(--secundario)}
.pasos{counter-reset:paso}
.pasos .tarjeta{position:relative;padding-top:3.6rem}
.pasos .tarjeta::before{counter-increment:paso;content:counter(paso);position:absolute;top:1.1rem;left:1.4rem;width:2rem;height:2rem;border-radius:50%;background:var(--menta);color:var(--tinta);font:800 1rem/2rem var(--titulo);text-align:center}
.privado{background:var(--menta);border-radius:var(--radio);padding:clamp(1.5rem,5vw,2.5rem)}
.privado p:last-child{margin:0}

/* Preguntas */
details{border:1px solid var(--borde);border-radius:12px;background:var(--superficie);margin:0 0 .75rem}
summary{cursor:pointer;padding:1rem 1.25rem;font-weight:600;list-style-position:inside}
details[open] summary{border-bottom:1px solid var(--borde)}
details p{padding:1rem 1.25rem 0;margin:0}
details p:last-child{padding-bottom:1rem}
.final{text-align:center}
.final .contenedor{max-width:42rem}

/* Páginas de texto */
.texto{max-width:44rem;margin:0 auto;padding:clamp(2rem,6vw,3.5rem) 1.25rem 4rem}
.texto h1{font-size:clamp(1.9rem,6vw,2.8rem)}
.texto h2{font-size:1.3rem;margin-top:2em;scroll-margin-top:1rem}
.texto ol,.texto ul{padding-left:1.4rem}
.texto li{margin-bottom:.5em}
.indice{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;padding:1rem 1.25rem;margin:1.5rem 0}
.indice summary{padding:0;border:0}
.indice ol{margin:.75rem 0 0;columns:1}
@media (min-width:700px){.indice ol{columns:2;column-gap:2.5rem}}
.indice li{break-inside:avoid;margin-bottom:.35rem}
.vigencia{color:var(--secundario);font-size:.95rem}
.aviso{background:var(--durazno);color:var(--tinta);border-radius:12px;padding:1rem 1.25rem;margin:1.5rem 0}
.aviso p{margin:0}

/* Pie */
.pie{border-top:1px solid var(--borde);padding:2.5rem 0 3rem;font-size:.95rem;color:var(--secundario)}
.pie .contenedor{display:grid;gap:1.5rem}
.pie ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}
.pie a{display:inline-block;padding:.35rem 0}
.pie p{margin:0}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.cabecera,.pie,.saltar{display:none}body{background:#fff;color:#000}}
.hero .contenedor>*{min-width:0}

/* Landing Tivelo: la página de inicio tiene una composición editorial propia. */
.hero-nuevo{position:relative;isolation:isolate;overflow:hidden;padding:clamp(4rem,9vw,7.5rem) 0 clamp(4rem,8vw,6.5rem);background:#f3f7ef}
.hero-nuevo::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(112deg,rgba(255,255,255,.6) 0 37%,transparent 37% 100%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,1fr);align-items:center;gap:clamp(2rem,7vw,7rem);position:relative}
.hero-copy{max-width:38rem;padding:1rem 0 1rem}
.sobre,.eyebrow{font:700 .78rem/1 var(--cuerpo);letter-spacing:.03em;color:var(--primario);margin:0 0 1.3rem}
.hero-copy h1{font-size:clamp(3.6rem,7.5vw,6.8rem);line-height:.88;letter-spacing:-.07em;max-width:8ch;margin-bottom:1.8rem}
.hero-copy h1 span{color:var(--primario)}
.hero-copy .lema{font-size:clamp(1.1rem,2vw,1.32rem);line-height:1.45;color:var(--secundario);max-width:31rem;margin-bottom:1.8rem}
.hero-actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-bottom:1.4rem}
.boton--primario{box-shadow:0 10px 20px rgba(31,122,90,.2);transform:translateY(0);transition:transform .2s,box-shadow .2s}
.boton--primario:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(31,122,90,.26);text-decoration:none}
.text-link{font-weight:700;text-decoration:none;color:var(--tinta);border-bottom:1px solid currentColor;padding-bottom:.15rem}
.text-link span{display:inline-block;margin-left:.25rem;transition:transform .2s}.text-link:hover span{transform:translate(2px,-2px)}
.nota{display:flex;align-items:center;gap:.55rem;font-size:.87rem;color:var(--secundario);margin:0}.punto-verde{width:.5rem;height:.5rem;border-radius:50%;background:var(--primario);box-shadow:0 0 0 .25rem var(--menta)}
.hero-stage{position:relative;min-height:31rem;max-width:31rem;margin-inline:auto;width:100%}
.hero-orbita{position:absolute;border-radius:50%;z-index:-1;pointer-events:none}.hero-orbita-a{width:18rem;height:18rem;background:#dff4ea;right:-7rem;top:-4rem}.hero-orbita-b{width:11rem;height:11rem;background:#ffe9d6;left:-7rem;bottom:-5rem}
.phone{position:absolute;border:8px solid #14281f;border-radius:2.2rem;background:#14281f;box-shadow:0 22px 45px rgba(20,40,31,.2);overflow:hidden}
.phone-front{width:17rem;right:2rem;top:1.3rem;z-index:2;transform:rotate(3deg)}.phone-back{width:14rem;left:0;bottom:1rem;z-index:1;transform:rotate(-8deg);opacity:.94}
.phone-bar{height:1.6rem;background:#14281f;color:#f8faf3;font:.6rem var(--cuerpo);display:flex;justify-content:space-between;align-items:center;padding:0 .7rem}.phone-bar i{width:2.2rem;height:.3rem;border-radius:1rem;background:#355849}
.phone-screen{min-height:28rem;background:#fbfaf6;color:#14281f;padding:1.2rem .9rem 1rem}.screen-kicker{font-size:.65rem;color:#5a6660;margin:0 0 .3rem}.screen-title{font:800 1rem/1.2 var(--titulo);margin:0 0 1rem}.screen-title b{color:#1f7a5a}.screen-balance{background:#dff4ea;border-radius:1rem;padding:.75rem .8rem;margin-bottom:.85rem}.screen-balance span,.screen-balance small{display:block;color:#496459;font-size:.62rem}.screen-balance strong{font:800 1.7rem var(--titulo);display:block;margin:.15rem 0}.screen-row{display:grid;grid-template-columns:1.7rem 1fr auto;gap:.5rem;align-items:center;border-top:1px solid #e4e2d8;padding:.8rem 0;font-size:.65rem}.screen-row span:nth-child(2) b,.screen-row span:nth-child(2) small{display:block}.screen-row small{color:#5a6660;font-size:.59rem;margin-top:.12rem}.screen-row>strong{font:800 .75rem var(--titulo)}.screen-icon{height:1.55rem;width:1.55rem;border-radius:.55rem;display:grid;place-items:center;font-weight:800}.screen-icon-mint{background:#dff4ea;color:#0b6b4a}.screen-icon-peach{background:#ffe9d6;color:#a3410b}.screen-footer{text-align:center;background:#ffe9d6;border-radius:2rem;color:#6b5a4e;font-size:.55rem;padding:.28rem;margin-top:.8rem}.phone-back-screen{height:22rem;background:#1f7a5a;color:#fbfaf6;padding:1.3rem;display:flex;flex-direction:column}.phone-back-screen span{font-size:.7rem;opacity:.75}.phone-back-screen b{font:800 3.2rem var(--titulo);margin-top:3rem}.phone-back-screen small{font-size:.7rem;opacity:.75}.mini-line{height:.5rem;border-radius:1rem;background:rgba(255,255,255,.25);margin-top:auto}.mini-line.short{width:72%;margin-top:.5rem}.stage-note{position:absolute;z-index:3;background:#fff;border:1px solid #e4e2d8;border-radius:1rem;padding:.75rem 1rem;box-shadow:0 8px 22px rgba(20,40,31,.12);color:#14281f}.stage-note strong{font:800 1.1rem var(--titulo);display:block}.stage-note span{font-size:.7rem;color:#5a6660;display:block}.stage-note-top{right:-1rem;top:3rem}.stage-note-bottom{left:-1.2rem;bottom:3.5rem;display:flex;align-items:center;gap:.55rem;line-height:1.15}.stage-note-bottom strong{font-size:.85rem}.check-dot{background:#dff4ea;color:#0b6b4a;width:1.65rem;height:1.65rem;border-radius:50%;display:grid;place-items:center;font-weight:800!important}
.proof-strip{padding:1.25rem 0;background:#14281f;color:#fbfaf6}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.proof-grid p{margin:0;display:flex;flex-direction:column;gap:.2rem}.proof-grid strong{font:700 1rem var(--titulo)}.proof-grid span{color:#b9c5be;font-size:.85rem}
.story-section{padding:clamp(5rem,10vw,9rem) 0}.story-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);gap:clamp(3rem,9vw,10rem);align-items:start}.story-intro h2,.feature-copy h2,.privacy-grid h2,.faq-grid h2,.install-inner h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:.95;letter-spacing:-.06em}.story-intro h2 em,.feature-copy h2 em,.faq-grid h2 em,.install-inner h2 em{color:var(--primario);font-style:normal}.story-intro>p:last-child{color:var(--secundario);max-width:30rem;font-size:1.1rem}.story-steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--borde)}.story-steps li{display:grid;grid-template-columns:3.5rem 1fr;gap:1rem;border-bottom:1px solid var(--borde);padding:1.5rem 0}.story-steps li>span{font:700 .78rem var(--cuerpo);color:var(--primario);padding-top:.25rem}.story-steps h3{font-size:1.35rem;margin:0 0 .25rem}.story-steps p{margin:0;color:var(--secundario)}
.feature-section{background:#f3f7ef;padding:clamp(4rem,9vw,8rem) 0}.feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(3rem,9vw,9rem);align-items:center}.feature-copy>p:not(.eyebrow){color:var(--secundario);font-size:1.08rem;max-width:31rem}.feature-visual{position:relative;min-height:26rem}.visual-window{position:absolute;left:5%;top:5%;width:min(100%,28rem);background:#fff;border:1px solid #e4e2d8;border-radius:1.2rem;padding:1rem;box-shadow:0 20px 45px rgba(20,40,31,.12);transform:rotate(-3deg)}.visual-window-head{display:flex;justify-content:space-between;font:800 1.1rem var(--titulo);padding:.25rem .2rem 1rem}.visual-window-head i{width:2rem;height:.4rem;border-radius:1rem;background:#dff4ea}.visual-total{background:#dff4ea;border-radius:.9rem;padding:1rem;margin-bottom:.8rem}.visual-total small,.visual-total span{display:block;color:#496459;font-size:.7rem}.visual-total strong{display:block;font:800 2.4rem var(--titulo);margin:.2rem 0}.visual-client{display:grid;grid-template-columns:2.2rem 1fr auto;gap:.65rem;align-items:center;padding:.8rem .2rem;border-top:1px solid #e4e2d8}.visual-client b,.visual-client small{display:block}.visual-client small{color:#5a6660;font-size:.68rem}.visual-client>strong{font:800 .85rem var(--titulo)}.avatar{width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;font:700 .8rem var(--titulo)}.avatar-a{background:#dff4ea;color:#0b6b4a}.avatar-b{background:#ffe9d6;color:#a3410b}.avatar-c{background:#e6e8df;color:#14281f}.visual-caption{position:absolute;bottom:0;right:5%;background:#ffe9d6;color:#6b5a4e;border-radius:2rem;padding:.35rem .75rem;font-size:.7rem}.check-list{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.75rem}.check-list li{display:flex;gap:.7rem;align-items:flex-start}.check-list li span{width:1.35rem;height:1.35rem;border-radius:50%;background:#dff4ea;color:#0b6b4a;display:grid;place-items:center;font-size:.75rem;font-weight:800;flex:none}
.privacy-section{padding:clamp(4rem,9vw,8rem) 0}.privacy-grid{display:grid;grid-template-columns:1fr 17rem;gap:4rem;align-items:center}.privacy-grid>div:first-child{max-width:40rem}.privacy-grid p:not(.eyebrow){color:var(--secundario);font-size:1.08rem}.privacy-seal{border:1px solid var(--borde);border-radius:50%;width:15rem;height:15rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;justify-self:end;background:#fff}.seal-mark{width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%;background:#dff4ea;color:#0b6b4a;font-weight:800;font-size:1.5rem;margin-bottom:.6rem}.privacy-seal strong{font:800 1.05rem var(--titulo)}.privacy-seal>span:last-child{font-size:.78rem;color:var(--secundario);line-height:1.55;margin-top:.45rem}
.faq-section{background:#f3f7ef;padding:clamp(4rem,9vw,8rem) 0}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem)}.faq-grid details{background:transparent;border-color:#cfd8cb;border-radius:0;border-width:1px 0 0;margin:0}.faq-grid details:last-of-type{border-bottom-width:1px}.faq-grid summary{padding:1.1rem 0}.faq-grid details[open] summary{border:0}.faq-grid details p{padding:0 0 1.1rem;color:var(--secundario)}.faq-grid>.text-link{display:inline-block;margin-top:1.5rem}
.install-section{background:#1f7a5a;color:#fbfaf6;padding:clamp(4rem,9vw,7rem) 0;position:relative;overflow:hidden}.install-section::after{content:"";position:absolute;width:30rem;height:30rem;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-10rem;top:-12rem;box-shadow:0 0 0 4rem rgba(255,255,255,.05),0 0 0 8rem rgba(255,255,255,.04)}.install-inner{display:flex;align-items:center;justify-content:space-between;gap:3rem;position:relative;z-index:1}.install-inner .eyebrow{color:#b8efd5}.install-inner h2 em{color:#ffe9d6}.install-inner p:not(.eyebrow){color:#d7f1e5;font-size:1.05rem}.install-cta{display:grid;gap:1.25rem;min-width:17rem}.play-badge{border:1px solid rgba(255,255,255,.45);border-radius:.7rem;padding:.7rem 1rem;display:flex;align-items:center;gap:.75rem;width:max-content}.play-badge small,.play-badge strong{display:block}.play-badge small{font-size:.55rem;letter-spacing:.04em}.play-badge strong{font:700 1.1rem var(--titulo)}.play-triangle{font-size:1.5rem;color:#ffe9d6}.text-link-light{color:#fbfaf6;border-color:rgba(255,255,255,.55);width:max-content}
@media (max-width:860px){.hero-grid,.feature-grid,.story-grid,.faq-grid{grid-template-columns:1fr}.hero-copy{max-width:35rem}.hero-stage{margin-top:1rem}.feature-visual{order:2}.privacy-grid{grid-template-columns:1fr}.privacy-seal{justify-self:start}.install-inner{display:grid}.install-cta{justify-items:start}}
@media (max-width:600px){.hero-nuevo{padding-top:3.5rem}.hero-copy h1{font-size:clamp(3.4rem,18vw,5.3rem)}.hero-stage{min-height:28rem;transform:scale(.9);transform-origin:top center;margin-bottom:-2.5rem}.phone-front{right:0}.phone-back{left:-1rem}.stage-note-top{right:-.3rem}.stage-note-bottom{left:0}.proof-grid{grid-template-columns:1fr;gap:1rem}.proof-grid p{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.story-steps li{grid-template-columns:2.8rem 1fr}.feature-visual{min-height:23rem}.visual-window{left:0;width:100%}.visual-caption{right:0}.privacy-seal{justify-self:center}.install-section::after{right:-18rem}.nav{gap:.7rem}.nav a{font-size:.9rem}}
@media (prefers-reduced-motion:reduce){.boton--primario,.text-link span{transition:none}}


/* Ajustes de contraste y legibilidad. */
.hero-nuevo,.feature-section,.faq-section{color:#14281F}
.hero-nuevo .lema,.story-intro>p:last-child,.feature-copy>p:not(.eyebrow),.privacy-grid p:not(.eyebrow),.faq-grid details p{color:#3F5148}
.hero-nuevo .nota,.proof-grid span,.stage-note span{color:#385147}
.privacy-seal{color:#14281F;background:#FFFFFF}
.faq-section{background:#EEF3EA}
.install-section{background:#155A43}
.install-section .install-inner p:not(.eyebrow){color:#E4F6ED}
@media (prefers-color-scheme:dark){
  .hero-nuevo,.feature-section,.faq-section{background:#17382B;color:#F7FBF4}
  .hero-nuevo::before{background:linear-gradient(112deg,rgba(20,40,31,.8) 0 37%,transparent 37% 100%)}
  .hero-nuevo .lema,.story-intro>p:last-child,.feature-copy>p:not(.eyebrow),.privacy-grid p:not(.eyebrow),.faq-grid details p{color:#C9D8CE}
  .hero-nuevo .nota,.proof-grid span,.stage-note span{color:#C9D8CE}
  .faq-section{background:#17382B}
  .privacy-seal{color:#14281F;background:#FFFFFF}
}