@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}

/* .tema-claro forces the light palette in the app mockups (phone, sale, notices). */
:root,.tema-claro{
  --fondo:#FBFAF6;--tinta:#14281F;--primario:#1F7A5A;--acento:#1F7A5A;
  --menta:#DFF4EA;--menta-texto:#0B6B4A;--durazno:#FFE9D6;--durazno-texto:#7A3208;--durazno-borde:#E3B08A;
  --secundario:#5A6660;--peligro:#B3361F;--borde:#E6E8DF;--borde-fuerte:#D5DACB;--superficie:#fff;--suave:#F3F5EE;
  --bloque:#14281F;--bloque-texto:#FBFAF6;--bloque-sec:#B9CBC1;--bloque-borde:#2F473C;--bloque-acento:#7FD8B4;
  --enlace:#1F7A5A;--boton:#1F7A5A;--boton-texto:#fff;--cabecera:rgba(251,250,246,.92);
  --sombra:0 1px 2px rgba(20,40,31,.06),0 10px 24px rgba(20,40,31,.08);
  --sombra-aviso:0 1px 2px rgba(20,40,31,.08),0 12px 28px rgba(20,40,31,.14);
}
:root{
  --titulo:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;
  --cuerpo:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --radio:16px;--ancho:75rem;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{
    --fondo:#14281F;--tinta:#FBFAF6;--acento:#7FD6B2;
    --menta:#1D4535;--menta-texto:#A8E6CB;--durazno:#4A3524;--durazno-texto:#FFD3B0;--durazno-borde:#8A5A3A;
    --secundario:#B9C5BE;--borde:#2A4438;--borde-fuerte:#3A5247;--superficie:#1B3328;--suave:#1F3A2E;
    --bloque:#0D1C15;--bloque-borde:#2A4438;
    --enlace:#7FD6B2;--boton:#7FD6B2;--boton-texto:#0E1F17;--cabecera:rgba(20,40,31,.92);
    --sombra:0 1px 2px rgba(0,0,0,.3),0 10px 24px rgba(0,0,0,.3);
    --sombra-aviso:0 1px 2px rgba(0,0,0,.3),0 12px 28px rgba(0,0,0,.35);
  }
}
.tema-claro{color:var(--tinta);color-scheme:light}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5.5rem}
body{margin:0;background:var(--fondo);color:var(--tinta);font:400 1.0625rem/1.65 var(--cuerpo);overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto}
svg{flex:none}
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}
button{font:inherit}
.num{font-variant-numeric:tabular-nums}
.marco{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 1.5rem}
.saltar{position:absolute;left:-999px;top:0;background:var(--boton);color:var(--boton-texto);padding:.6rem 1rem;z-index:30;border-radius:0 0 8px 0}
.saltar:focus{left:0}

.cabecera{position:sticky;top:0;z-index:20;background:var(--cabecera);border-bottom:1px solid var(--borde);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cabecera-marco{display:flex;align-items:center;justify-content:space-between;gap:1rem 1.5rem;padding-top:.875rem;padding-bottom:.875rem}
.logo{flex:none;display:inline-flex;align-items:center;line-height:0;min-height:44px}
.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 -9px}}
.nav{display:flex;align-items:center;gap:.25rem 1.75rem;flex-wrap:wrap;justify-content:flex-end;font-size:.9375rem;font-weight:600}
.nav a{color:var(--tinta);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.nav a:hover,.nav a[aria-current]{color:var(--enlace);text-decoration:underline}
.nav .nav-cta{background:var(--boton);color:var(--boton-texto);padding:.75rem 1.25rem;border-radius:14px}
.nav .nav-cta:hover{color:var(--boton-texto);text-decoration:none;filter:brightness(1.08)}
@media (max-width:52rem){.nav .nav-seccion{display:none}}
@media (max-width:30rem){.nav{gap:.25rem 1.25rem}.nav-cta[href*="index.html"]{display:none}} /* en las páginas de texto */

.boton-play{display:inline-flex;align-items:center;gap:.875rem;min-height:60px;padding:.75rem 1.375rem .75rem 1.125rem;border:0;border-radius:16px;background:#14281F;color:#FBFAF6;text-align:left;cursor:not-allowed}
.boton-play svg{color:#DFF4EA}
.boton-play span{display:flex;flex-direction:column;line-height:1.15}
.boton-play small{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#B9CBC1}
.boton-play strong{font-size:1.1875rem;font-weight:700}
.boton-play-grande{min-height:64px;padding:.875rem 1.625rem .875rem 1.25rem;border-radius:18px}
.boton-play-grande svg{width:28px;height:28px}
.boton-play-grande strong{font-size:1.25rem}
@media (prefers-color-scheme:dark){.hero .boton-play{box-shadow:inset 0 0 0 1px var(--borde-fuerte)}}
.boton-borde{display:inline-flex;align-items:center;gap:.625rem;min-height:60px;padding:.75rem 1.125rem;border:1.5px solid var(--borde-fuerte);border-radius:16px;color:var(--tinta);font-weight:700;font-size:1rem;text-decoration:none}
.boton-borde:hover{border-color:var(--tinta)}
.enlace-flecha{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font-weight:700;font-size:1rem}

.antetitulo{margin:0;font-size:.875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acento)}
.titular{margin:0;font:800 clamp(3.25rem,8.4vw,7rem)/.92 var(--titulo);letter-spacing:-.045em}
.acento{color:var(--acento)}
.h-seccion{margin:0;font:800 clamp(2.375rem,5vw,4rem)/1 var(--titulo);letter-spacing:-.035em}
.h-grande{margin:0;font:800 clamp(2.5rem,5.4vw,4.5rem)/.98 var(--titulo);letter-spacing:-.04em}
.encabezado{display:flex;flex-direction:column;gap:1rem;max-width:45rem}
.encabezado-doble{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem}
.encabezado-doble .encabezado{max-width:42.5rem}
.encabezado-nota{margin:0;max-width:22.5rem;font-size:1.125rem;line-height:1.55;color:var(--secundario)}
.pila{display:flex;flex-direction:column;gap:3.5rem}

.hero{position:relative;overflow:hidden}
.hero-marco{display:flex;flex-wrap:wrap;align-items:center;gap:3.5rem;padding-top:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(3rem,7vw,6rem)}
.hero-texto{flex:1 1 30rem;min-width:0;display:flex;flex-direction:column;gap:1.75rem}
.pastilla{margin:0;align-self:flex-start;display:inline-flex;align-items:center;gap:.625rem;background:var(--menta);color:var(--menta-texto);font-size:.875rem;font-weight:700;padding:.5rem .875rem .5rem .625rem;border-radius:999px}
.pastilla-check{width:22px;height:22px;border-radius:50%;background:#1F7A5A;color:#fff;display:inline-flex;align-items:center;justify-content:center}
.hero-lema{margin:0;max-width:32.5rem;font-size:clamp(1.125rem,1.6vw,1.3125rem);line-height:1.5;color:var(--secundario)}
.hero-acciones{display:flex;flex-wrap:wrap;gap:.875rem;align-items:center}
.hero-puntos{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.625rem 1.5rem;font-size:.9375rem;font-weight:600}
.hero-puntos li{display:flex;align-items:center;gap:.5rem}
.hero-puntos svg{color:var(--acento)}

/* Phone composition: everything in em to scale with the available width */
.hero-visual{flex:1 1 27.5rem;min-width:0;container-type:inline-size;display:flex;justify-content:center}
.compo{position:relative;font-size:clamp(14px,calc(100cqw / 28.75),16px);width:min(28.75em,100%);height:43.75em;line-height:1.3}
.circulo{position:absolute;border-radius:50%}
.circulo-menta{left:50%;top:50%;width:32.5em;height:32.5em;margin:-16.25em 0 0 -16.25em;background:var(--menta)}
.circulo-durazno{right:-.625em;top:2.5em;width:7.5em;height:7.5em;background:var(--durazno)}
.circulo-verde{left:0;bottom:4.375em;width:4em;height:4em;background:#1F7A5A}
.telefono{position:absolute;left:50%;top:.625em;margin:0 0 0 -10em;width:20em;height:41.25em;background:#14281F;border-radius:3em;padding:.625em;box-shadow:0 40px 80px rgba(20,40,31,.28),0 8px 20px rgba(20,40,31,.18)}
@media (prefers-color-scheme:dark){.telefono{box-shadow:0 0 0 1px #3A5247,0 40px 80px rgba(0,0,0,.45)}}
.pantalla{width:100%;height:100%;background:var(--fondo);border-radius:2.4375em;overflow:hidden;position:relative;display:flex;flex-direction:column}
.pantalla-isla{height:1.875em;display:flex;justify-content:center;align-items:center}
.pantalla-isla span{width:5.25em;height:1.375em;border-radius:999px;background:#14281F}
.pantalla-cab{padding:.625em 1.25em 0;display:flex;justify-content:space-between;align-items:center;gap:.5em}
.pantalla-tit{font:800 1.625em var(--titulo)}
.etiqueta-ejemplo{display:inline-block;font-size:.6875rem;font-weight:700;line-height:1.3;background:var(--durazno);color:var(--durazno-texto);padding:.25rem .5rem;border-radius:8px}
.compo .etiqueta-ejemplo{font-size:.6875em;padding:.36em .73em;border-radius:.73em}
.pantalla-saldo{margin:.875em 1em 0;background:var(--menta);border-radius:1.25em;padding:1em 1.125em;display:flex;flex-direction:column;gap:.25em;color:var(--menta-texto)}
.pantalla-saldo span{font-size:.75em}
.pantalla-saldo span:first-child{font-weight:600}
.pantalla-saldo b{font:800 2.5em/1.05 var(--titulo);letter-spacing:-.02em;color:var(--tinta)}
.pantalla-tasa{margin:.625em 1em 0;display:flex;justify-content:space-between;align-items:center;gap:.75em;font-size:.6875em;color:var(--secundario);padding:.73em 1.1em;border:1px solid var(--borde);border-radius:1.1em}
.pantalla-tasa b{color:var(--tinta)}
.pantalla-sub{margin:1.27em 1.82em .36em;font-size:.6875em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--secundario)}
.pantalla-lista{list-style:none;margin:0;padding:0 1.25em}
.pantalla-lista li{display:flex;align-items:center;gap:.75em;padding:.625em 0;border-bottom:1px solid var(--borde)}
.pantalla-lista li:last-child{border-bottom:0}
.pantalla-lista b{font-size:.875em}
.avatar{width:2.57em;height:2.57em;border-radius:50%;font-weight:700;font-size:.875em;display:flex;align-items:center;justify-content:center;flex:none}
.avatar.menta{background:var(--menta);color:var(--menta-texto)}
.avatar.durazno{background:var(--durazno);color:var(--durazno-texto)}
.avatar.gris{background:var(--borde);color:var(--tinta)}
.cliente-dato{flex:1;min-width:0;display:flex;flex-direction:column}
.cliente-dato small{font-size:.6875em;color:var(--secundario)}
.pantalla-fab{position:absolute;right:1em;bottom:4.875em;background:#1F7A5A;color:#fff;border-radius:1.125em;padding:.875em 1.125em;font-size:.8125em;font-weight:700;display:flex;align-items:center;gap:.5em;box-shadow:0 8px 18px rgba(31,122,90,.35)}
.pantalla-fab svg{width:1.23em;height:1.23em}
.pantalla-nav{position:absolute;left:0;right:0;bottom:0;height:4em;background:var(--superficie);border-top:1px solid var(--borde);display:flex;justify-content:space-around;align-items:center;font-size:.625em;font-weight:600;color:var(--secundario)}
.pantalla-nav>span{display:flex;flex-direction:column;align-items:center;gap:.3em}
.pantalla-nav svg{width:2em;height:2em}
.pantalla-nav .activo{color:#1F7A5A}
.pantalla-nav-ico{background:var(--menta);border-radius:999px;padding:.2em 1.4em;display:flex}
.aviso-flotante{position:absolute;display:flex;align-items:center;gap:.75em;border-radius:1.125em;padding:.75em 1em .75em .75em;box-shadow:var(--sombra-aviso)}
.aviso-flotante>span:last-child{display:flex;flex-direction:column}
.aviso-flotante b{font-size:.875em}
.aviso-flotante small{font-size:.75em}
.aviso-ico{width:2.375em;height:2.375em;border-radius:.75em;display:flex;align-items:center;justify-content:center;flex:none}
.aviso-ico svg{width:1.25em;height:1.25em}
.aviso-abono{left:-.5em;top:9.375em;background:#fff}
.aviso-abono .aviso-ico{background:var(--menta);color:var(--menta-texto)}
.aviso-abono small{color:var(--secundario)}
.aviso-recordatorio{right:-1em;top:22.5em;background:#14281F;color:#FBFAF6;box-shadow:0 12px 28px rgba(20,40,31,.25)}
@media (prefers-color-scheme:dark){.aviso-recordatorio{box-shadow:0 0 0 1px #3A5247,0 12px 28px rgba(0,0,0,.4)}}
.aviso-recordatorio .aviso-ico{background:#1F7A5A;color:#fff}
.aviso-recordatorio small{color:#B9CBC1}
.aviso-sinred{left:.875em;bottom:9.375em;background:var(--durazno);color:var(--durazno-texto);border-radius:.875em;padding:.625em .875em;gap:.625em;font-size:.8125em;font-weight:700;box-shadow:0 8px 20px rgba(20,40,31,.10)}
.aviso-sinred svg{width:1.38em;height:1.38em}
/* Phone width: notices stick to the edge so they do not overflow the screen */
@container (max-width:30rem){
  .aviso-abono{left:0}
  .aviso-recordatorio{right:0}
  .aviso-sinred{left:0}
  .circulo-durazno{right:0}
}

.franja{background:var(--bloque);color:var(--bloque-texto)}
.franja-lista{list-style:none;margin:0 auto;padding-top:2.25rem;padding-bottom:2.25rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13.75rem),1fr));gap:1.5rem 2.5rem}
.franja-lista li{display:flex;flex-direction:column;gap:.375rem}
.franja-lista b{font:800 1.625rem/1.15 var(--titulo);letter-spacing:-.01em}
.franja-lista span{font-size:.9375rem;color:var(--bloque-sec)}

.beneficios{padding:clamp(4rem,10vw,7.5rem) 0 2.5rem}
.bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18.75rem),1fr));gap:1.25rem}
.caja{min-width:0;border-radius:28px;padding:clamp(1.5rem,4vw,2.25rem);display:flex;flex-direction:column;gap:.875rem}
.caja h3{margin:0;font:800 1.625rem/1.15 var(--titulo);letter-spacing:-.02em}
.caja .caja-tit-grande{font-size:1.875rem;line-height:1.1}
.caja p{margin:0;font-size:1rem;line-height:1.55;color:var(--secundario)}
.caja-texto{display:flex;flex-direction:column;gap:.875rem}
.caja-ico{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center}
.ico-verde{background:#1F7A5A;color:#fff}
.ico-menta{background:var(--menta);color:var(--menta-texto)}
.ico-blanco{background:var(--superficie);color:var(--durazno-texto)}
.ico-blanco-tinta{background:var(--superficie);color:var(--tinta)}
.caja-ancha{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:2rem;align-items:center}
.caja-ancha .caja-texto{flex:1 1 16.25rem;min-width:0}
.caja-ancha p{font-size:1.0625rem}
.caja-menta{background:var(--menta)}
.caja-menta p{color:var(--menta-texto)}
.caja-tinta{background:var(--bloque);color:var(--bloque-texto);justify-content:space-between}
.caja-tinta p{font-size:1.0625rem;color:var(--bloque-sec)}
.caja-pie{align-self:flex-start;font-size:.8125rem;font-weight:700;color:#DFF4EA;border:1px solid #3A5247;padding:.5rem .75rem;border-radius:999px}
.caja-blanca{background:var(--superficie);border:1px solid var(--borde)}
.caja-durazno{background:var(--durazno)}
.caja-durazno p{color:var(--durazno-texto)}
.caja-suave{background:var(--suave)}
@media (prefers-color-scheme:dark){.caja-tinta,.caja-suave{border:1px solid var(--bloque-borde)}}
.venta{flex:1 1 17.5rem;min-width:0;background:var(--superficie);border-radius:20px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--sombra);font-size:.875rem}
.venta-cab{display:flex;justify-content:space-between;align-items:center;gap:.75rem}
.venta-cab b{font:700 1.125rem var(--titulo)}
.venta-cliente{display:flex;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;background:var(--suave);border-radius:12px}
.venta-cliente span,.venta-total span{color:var(--secundario)}
.venta-linea{display:flex;align-items:center;gap:.75rem}
.venta-linea>span:first-child{flex:1;min-width:0}
.cantidad{display:flex;align-items:center;gap:.5rem}
.cantidad-btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--borde-fuerte);display:flex;align-items:center;justify-content:center}
.venta-precio{width:3.625rem;text-align:right}
.venta-total{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;border-top:1px solid var(--borde);padding-top:.75rem}
.venta-total b{font:800 1.75rem var(--titulo)}
.venta-guardar{background:#1F7A5A;color:#fff;text-align:center;font-weight:700;font-size:.9375rem;padding:.8125rem;border-radius:14px}
.movimientos{margin:.375rem 0 0;display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}
.movimientos div,.pago div{display:flex;justify-content:space-between;gap:.75rem}
.movimientos dt{color:var(--secundario)}
.movimientos dd,.pago dd{margin:0;font-weight:700}
.movimientos .abono dt,.movimientos .abono dd{color:var(--menta-texto)}
@media (prefers-color-scheme:dark){.movimientos .abono dt,.movimientos .abono dd{color:var(--acento)}}
.movimientos .saldo{border-top:1px solid var(--borde);padding-top:.5rem;font-size:.9375rem}
.movimientos .saldo dt{color:var(--tinta);font-weight:700}
.burbuja{margin-top:.375rem;align-self:flex-start;max-width:17.5rem;background:var(--superficie);border-radius:16px 16px 16px 4px;padding:.75rem .875rem;font-size:.875rem;line-height:1.5;color:var(--tinta);box-shadow:0 4px 12px rgba(122,50,8,.08)}
.pago{margin:.375rem 0 0;border:1px solid var(--borde-fuerte);border-radius:16px;overflow:hidden;font-size:.875rem}
.pago div{padding:.625rem .875rem;border-bottom:1px solid var(--borde)}
.pago dt{color:var(--secundario)}
.pago .pago-monto{background:var(--suave);border-bottom:0}
.caja .pago-nota{font-size:.8125rem;line-height:1.5}
.pago-nota .etiqueta-ejemplo{margin-right:.25rem}

.como{padding:clamp(4rem,9vw,6.25rem) 0}
.pasos{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));border-top:2px solid var(--tinta)}
.pasos li{padding:1.75rem 1.75rem .5rem 0;display:flex;flex-direction:column;gap:.75rem}
.paso-num{font:800 4.5rem/1 var(--titulo);color:var(--acento);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.pasos h3{margin:0;font-size:1.5rem;font-weight:800}
.pasos p{margin:0;font-size:1rem;line-height:1.55;color:var(--secundario)}

.privado{position:relative;overflow:hidden;background:var(--bloque);color:var(--bloque-texto);border-radius:36px;padding:clamp(2rem,6vw,5rem);display:flex;flex-wrap:wrap;gap:3.5rem;align-items:center}
@media (prefers-color-scheme:dark){.privado{border:1px solid var(--bloque-borde)}}
.privado-ojo{position:absolute;right:-140px;bottom:-180px;width:560px;height:560px;max-width:none;color:#DFF4EA;opacity:.09}
.privado-texto{flex:1 1 26.25rem;min-width:0;display:flex;flex-direction:column;gap:1.25rem;position:relative}
.privado .antetitulo{color:var(--bloque-acento)}
.privado-lema{margin:0;max-width:31.25rem;font-size:1.1875rem;line-height:1.55;color:var(--bloque-sec)}
.privado .enlace-flecha{color:#DFF4EA}
.privado .enlace-flecha:hover{color:#fff}
.privado :focus-visible{outline-color:#7FD8B4}
.privado-lista{flex:1 1 23.75rem;min-width:0;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10.625rem),1fr));gap:.875rem;position:relative}
.privado-lista li{background:rgba(251,250,246,.06);border:1px solid var(--bloque-borde);border-radius:22px;padding:1.375rem;display:flex;flex-direction:column;gap:.625rem}
.privado-lista svg{color:var(--bloque-acento)}
.privado-lista b{font-size:1.0625rem}
.privado-lista span{font-size:.875rem;line-height:1.5;color:var(--bloque-sec)}

.quien{padding:clamp(4rem,10vw,7.5rem) 0 clamp(3.5rem,8vw,6.25rem)}
.quien-marco{display:flex;flex-wrap:wrap;gap:3.5rem;align-items:center}
.quien-foto{flex:1 1 26.25rem;min-width:0;display:block}
.quien-foto img{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;border-radius:32px;box-shadow:0 1px 2px rgba(20,40,31,.06),0 20px 48px rgba(20,40,31,.14)}
.quien-texto{flex:1 1 27.5rem;min-width:0;display:flex;flex-direction:column;gap:1.375rem}
.quien .h-seccion{font-size:clamp(2.375rem,5vw,3.75rem)}
.quien .encabezado-nota{max-width:none}
.chips{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.625rem}
.chips li{padding:.625rem 1rem;border-radius:999px;background:var(--superficie);border:1px solid var(--borde-fuerte);font-size:.9375rem;font-weight:600}
.chips .chip-tuyo{background:var(--menta);border-color:var(--menta);color:var(--menta-texto);font-weight:700}

.preguntas{padding:2.5rem 0 clamp(4rem,10vw,7.5rem)}
.preguntas-marco{display:flex;flex-wrap:wrap;gap:3.5rem}
.preguntas-cab{flex:1 1 20rem;min-width:0}
.h-faq{font-size:clamp(2.375rem,4.6vw,3.5rem)}
.faq{flex:2 1 35rem;min-width:0;border-top:1px solid var(--borde-fuerte)}
.faq details{border:0;border-bottom:1px solid var(--borde-fuerte);border-radius:0;background:none;margin:0}
.faq summary{list-style:none;cursor:pointer;min-height:44px;padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem;font:700 1.3125rem/1.25 var(--titulo);border:0}
.faq summary::-webkit-details-marker{display:none}
.faq summary:focus-visible{outline-offset:2px}
.faq details[open] summary{border:0}
.faq-ico{flex:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--menta);color:var(--menta-texto);transition:transform .2s ease,background-color .2s ease}
.faq details[open] .faq-ico{background:var(--tinta);color:var(--fondo);transform:rotate(45deg)}
.faq details p{margin:0;padding:0 3.5rem 1.5rem 0;font-size:1.0625rem;line-height:1.6;color:var(--secundario)}
.faq details p:last-child{padding-bottom:1.5rem}
@media (max-width:30rem){.faq summary{font-size:1.125rem}.faq details p{padding-right:0}}

.descargar{padding:0 0 clamp(4rem,9vw,6.25rem)}
.final{position:relative;overflow:hidden;background:#1F7A5A;color:#fff;border-radius:36px;padding:clamp(3rem,7vw,6rem) clamp(1.75rem,6vw,5rem);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2.5rem}
.final-c1{right:-80px;top:-80px;width:280px;height:280px;background:#DFF4EA;opacity:.14}
.final-c2{right:200px;bottom:-60px;width:140px;height:140px;background:#FFE9D6;opacity:.18}
.final-texto{flex:1 1 32.5rem;min-width:0;display:flex;flex-direction:column;gap:1.25rem;position:relative}
.final .h-grande{font-size:clamp(2.625rem,6vw,5rem);line-height:.96}
.final-texto p{margin:0;max-width:32.5rem;font-size:1.1875rem;line-height:1.5;color:#E4F3EC}
.final-acciones{display:flex;flex-direction:column;gap:.875rem;align-items:flex-start;position:relative}
.final-aviso{color:#fff;font-weight:700;font-size:.9375rem;min-height:44px;display:inline-flex;align-items:center}
.final-aviso:hover{color:#fff}
.final :focus-visible{outline-color:#fff}

/* Inner pages: legal documents, help, data deletion and 404 */
.boton{display:inline-flex;align-items:center;gap:.625rem;min-height:56px;padding:.75rem 1.25rem;border-radius:16px;background:var(--boton);color:var(--boton-texto);font-weight:700;font-size:1rem;text-decoration:none}
.boton:hover{filter:brightness(1.08)}
.pag-cab,.error{position:relative;overflow:hidden;border-bottom:1px solid var(--borde)}
.pag-cab-marco,.error-marco{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;padding-top:clamp(2.5rem,7vw,5rem);padding-bottom:clamp(2.5rem,6vw,4rem)}
.pag-c1{right:-6rem;top:-7rem;width:22rem;height:22rem;background:var(--menta)}
.pag-c2{right:13rem;top:9rem;width:4.5rem;height:4.5rem;background:var(--durazno)}
@media (max-width:52rem){.pag-c1{right:-12rem;top:-13rem;opacity:.7}.pag-c2{display:none}}
.pag-titulo{margin:0;max-width:18ch;font:800 clamp(2.375rem,6vw,4.25rem)/1 var(--titulo);letter-spacing:-.035em}
.pag-lema{margin:0;max-width:36rem;font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.55;color:var(--secundario)}
.pag-vigencia{margin:.25rem 0 0;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:16px;background:var(--superficie);border:1px solid var(--borde-fuerte);font-size:.875rem;font-weight:600}
.pag-vigencia svg{color:var(--acento)}
.pag-seccion{padding-top:clamp(3rem,7vw,5rem);padding-bottom:clamp(3rem,7vw,5rem)}
.pag-final{padding-bottom:clamp(4rem,9vw,6.25rem)}

.doc-marco{display:grid;grid-template-columns:minmax(0,1fr);padding-top:clamp(2rem,5vw,3.5rem);padding-bottom:clamp(4rem,9vw,6.25rem)}
.doc-principal{min-width:0;display:flex;flex-direction:column;gap:3rem}
.doc-lateral{display:none}
@media (min-width:64rem){
  .doc-marco{grid-template-columns:15.5rem minmax(0,44rem);column-gap:clamp(3rem,6vw,6rem);justify-content:center;align-items:start}
  .doc-lateral{display:block;position:sticky;top:6.5rem;max-height:calc(100vh - 8rem);overflow-y:auto;padding:0 .25rem .5rem}
  .indice-movil{display:none}
}
.indice ol{list-style:none;margin:0;padding:0}
.indice a{display:flex;gap:.75rem;align-items:baseline;min-height:44px;padding:.625rem 0;color:var(--secundario);text-decoration:none;font-size:.9375rem;line-height:1.35;border-top:1px solid var(--borde)}
.indice li:first-child a{border-top:0}
.indice a:hover{color:var(--tinta)}
.indice a:hover span:last-child{text-decoration:underline}
.indice-num{flex:none;min-width:1.5rem;font:800 .875rem var(--titulo);color:var(--acento)}
.indice-tit{margin:0 0 .5rem;font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acento)}
.indice-movil{background:var(--superficie);border:1px solid var(--borde);border-radius:20px}
.indice-movil summary{list-style:none;cursor:pointer;min-height:44px;padding:.75rem 1rem .75rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;font:700 1.125rem var(--titulo)}
.indice-movil summary::-webkit-details-marker{display:none}
.indice-movil[open] .faq-ico{background:var(--tinta);color:var(--fondo);transform:rotate(45deg)}
.indice-movil nav{padding:0 1.25rem .5rem;border-top:1px solid var(--borde)}

.doc-texto{max-width:40rem;font-size:1.0625rem;line-height:1.75}
.doc-texto>p:first-child{font-size:clamp(1.0625rem,2.4vw,1.1875rem);line-height:1.65}
.doc-texto p{margin:0 0 1.15em}
.doc-texto strong{font-weight:700}
.doc-texto h2{margin:3rem 0 1rem;padding-top:2rem;border-top:1px solid var(--borde);font:800 clamp(1.375rem,3vw,1.75rem)/1.2 var(--titulo);letter-spacing:-.02em}
.doc-texto h3{margin:2rem 0 .75rem;font:700 1.25rem/1.3 var(--titulo)}
.h-num{display:block;margin-bottom:.5rem;font:700 .8125rem/1.3 var(--cuerpo);letter-spacing:.1em;text-transform:uppercase;color:var(--acento)}
.doc-texto ul,.doc-texto ol{margin:0 0 1.25em;padding-left:1.5rem}
.doc-texto li{margin-bottom:.6em;padding-left:.25rem}
.doc-texto li::marker{color:var(--acento);font-weight:700}
.doc-texto code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;padding:.1em .35em;border-radius:6px;background:var(--menta);color:var(--tinta)}
.doc-texto a,.etapa-texto a{font-weight:600;text-decoration-thickness:1px}
.doc-texto table{width:100%;margin:0 0 1.5em;border-collapse:collapse;font-size:.9375rem;line-height:1.5;display:block;overflow-x:auto}
.doc-texto th,.doc-texto td{padding:.75rem .875rem;border-bottom:1px solid var(--borde);text-align:left;vertical-align:top}
.doc-texto th{background:var(--suave);font-weight:700}

.documentos{border:1px solid var(--borde);border-radius:28px;background:var(--superficie);padding:clamp(1.25rem,4vw,2rem)}
.documentos-tit{margin:0 0 1rem;font:800 1.375rem var(--titulo);letter-spacing:-.01em}
.documentos ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}
.documentos li{display:flex}
.documentos a{flex:1;display:flex;align-items:center;gap:.75rem;min-height:56px;padding:.75rem 1rem;border:1px solid var(--borde-fuerte);border-radius:16px;color:var(--tinta);font-weight:700;text-decoration:none}
.documentos a svg{color:var(--acento)}
.documentos a:hover{border-color:var(--tinta)}
.documentos a[aria-current]{background:var(--menta);border-color:var(--menta);color:var(--menta-texto)}
.documentos a[aria-current] svg{color:inherit}
.documentos a span{flex:1;min-width:0}
@media (max-width:36rem){.documentos ul{grid-template-columns:1fr}}

.contacto{position:relative;overflow:hidden;background:var(--bloque);color:var(--bloque-texto);border-radius:28px;padding:clamp(1.375rem,5vw,3rem);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem 2.5rem}
@media (prefers-color-scheme:dark){.contacto{border:1px solid var(--bloque-borde)}}
.contacto-texto{flex:1 1 22rem;min-width:0;max-width:44rem}
.contacto h2{margin:0 0 .75rem;font:800 clamp(1.75rem,4vw,2.5rem)/1.05 var(--titulo);letter-spacing:-.03em}
.contacto p{margin:0 0 .875em;font-size:1.0625rem;line-height:1.6;color:var(--bloque-sec)}
.contacto p:last-child{margin-bottom:0}
.contacto strong{color:var(--bloque-texto)}
.contacto a:not(.boton){color:var(--bloque-acento)}
.contacto .boton{background:var(--bloque-acento);color:#0E1F17;max-width:100%}
.contacto .boton span{overflow-wrap:anywhere}
@media (max-width:30rem){.contacto .boton{padding:.75rem 1rem;font-size:.9375rem;gap:.5rem}}
.contacto :focus-visible{outline-color:var(--bloque-acento)}

.etapas{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:clamp(2.5rem,6vw,4rem)}
.etapa{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem 3rem;border-top:2px solid var(--tinta);padding-top:1.75rem}
@media (min-width:52rem){.etapa{grid-template-columns:minmax(0,22rem) minmax(0,40rem)}}
.etapa h2{margin:0;display:flex;flex-direction:column;gap:.75rem;font:800 clamp(1.5rem,3vw,2rem)/1.1 var(--titulo);letter-spacing:-.02em}
.etapa-texto{min-width:0;font-size:1.0625rem;line-height:1.7}
.etapa-texto>p{margin:0 0 1em}
.etapa-texto>:last-child{margin-bottom:0}
.lista-pasos{margin:0 0 1.25em;padding:0;list-style:none;counter-reset:paso;display:flex;flex-direction:column;gap:.875rem}
.lista-pasos li{counter-increment:paso;position:relative;padding-left:3rem;min-height:2.25rem}
.lista-pasos li::before{content:counter(paso);position:absolute;left:0;top:-.1rem;width:2.125rem;height:2.125rem;border-radius:50%;background:var(--menta);color:var(--menta-texto);font:800 1rem/2.125rem var(--titulo);text-align:center}
.aviso{display:flex;gap:.875rem;align-items:flex-start;background:var(--durazno);color:var(--durazno-texto);border-radius:20px;padding:1.125rem 1.25rem;margin:0 0 1em;font-weight:600}
.aviso p{margin:0}

.error-marco{padding-top:clamp(4rem,12vw,8rem);padding-bottom:clamp(4rem,12vw,8rem)}
.error-acciones{display:flex;flex-wrap:wrap;gap:.875rem;margin-top:.5rem}

.pie{background:#14281F;color:#DCE6E0;border-top:1px solid #2A4438}
.pie-marco{padding-top:4rem;padding-bottom:2.5rem;display:flex;flex-direction:column;gap:2.5rem}
.pie-arriba{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2.5rem}
.pie-marca{display:flex;flex-direction:column;gap:.875rem;max-width:22.5rem}
.pie-marca img{width:148px;height:auto;margin:-9.5px}
.pie-marca p{margin:0;font:700 1.375rem var(--titulo);color:#FBFAF6}
.pie nav{flex:0 1 32.5rem}
.pie ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11.875rem),1fr));gap:0 2.5rem;font-size:.9375rem}
.pie a{color:#DCE6E0;text-decoration:none;min-height:44px;display:flex;align-items:center}
.pie a:hover{color:#fff;text-decoration:underline}
.pie :focus-visible{outline-color:#7FD8B4}
.pie-legal{border-top:1px solid #2F473C;padding-top:2.5rem;display:flex;flex-direction:column;gap:.5rem;font-size:.8125rem;line-height:1.6;color:#B9CBC1}
.pie-legal p{margin:0}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
@media print{
  .cabecera,.pie,.saltar,.circulo,.doc-lateral,.indice-movil,.documentos,.contacto,.error-acciones{display:none!important}
  :root{--tinta:#000;--secundario:#333;--acento:#000;--enlace:#000;--borde:#bbb}
  body{background:#fff;color:#000;font-size:11pt;line-height:1.5}
  .pag-cab,.error{border-bottom:1px solid #000}
  .pag-cab-marco{padding:0 0 1rem;gap:.5rem}
  .pag-titulo{font-size:22pt}
  .pag-vigencia{border:0;padding:0;background:none}
  .doc-marco{display:block;padding:1rem 0 0}
  .marco{padding:0;max-width:none}
  .doc-texto{max-width:none;font-size:11pt;line-height:1.5}
  .doc-texto>p:first-child{font-size:11pt}
  .doc-texto h2{margin-top:1.25rem;padding-top:0;border:0;font-size:13pt;break-after:avoid}
  .doc-texto p,.doc-texto li{orphans:3;widows:3}
  a{color:#000}
  .doc-texto a[href^="http"]::after,.etapa-texto a[href^="http"]::after{content:" (" attr(href) ")";font-weight:400}
  .faq details>*{display:block}
  .aviso,.lista-pasos li::before{border:1px solid #000;background:none;color:#000}
}