@font-face{font-family:"Montserrat";font-weight:900;font-display:swap;src:url("fonts/montserrat_black.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-weight:400;font-display:swap;src:url("fonts/montserrat_regular.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-weight:300;font-display:swap;src:url("fonts/poppins_light.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-weight:400;font-display:swap;src:url("fonts/poppins_regular.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-weight:600;font-display:swap;src:url("fonts/poppins_semibold.woff2") format("woff2")}

:root{
  --carbon:#1a1a1a; --gris:#6b6b6b; --arena:#d4c09a; --marfil:#f3f1ed; --blanco:#fff;
  --linea-oscura:rgba(243,241,237,.16); --linea-clara:rgba(26,26,26,.16);
  --ancho:1120px; --borde:2px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font:400 1.0625rem/1.65 "Poppins",system-ui,sans-serif;color:var(--carbon);background:var(--marfil)}
img,svg{max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--arena);outline-offset:3px}
.iso{fill:currentColor}
.contenedor{width:min(var(--ancho),100% - 2.5rem);margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Tipografia de marca */
.titular{font-family:"Montserrat",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.01em;line-height:1.04;margin:0}
.etiqueta{font:300 .8rem/1.4 "Poppins",sans-serif;letter-spacing:.32em;text-transform:uppercase;margin:0}
.marca{font:400 1.35rem/1 "Montserrat",sans-serif;letter-spacing:.42em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:.9rem;white-space:nowrap}
.marca>svg{height:2.1rem;width:auto}
.lambda{display:inline-block;width:.72em;height:.74em;vertical-align:baseline;margin-right:.42em}

/* Secciones */
.seccion{padding:clamp(4rem,9vw,7.5rem) 0}
.oscura{background:var(--carbon);color:var(--marfil)}
.clara{background:var(--marfil);color:var(--carbon)}
.blanca{background:var(--blanco);color:var(--carbon)}
.seccion h2{font-size:clamp(1.5rem,6.2vw,3rem);max-width:18ch}
.seccion .intro{max-width:56ch;font-size:1.1rem;margin:1.2rem 0 0}
.oscura .intro{color:rgba(243,241,237,.82)}

/* Cabecera */
.cabecera{background:var(--carbon);color:var(--marfil);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--linea-oscura)}
.cabecera .contenedor{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.4rem}
.cabecera nav{display:flex;gap:1.6rem;font-size:.92rem}
.cabecera nav a{text-decoration:none;padding:.4rem 0;border-bottom:1px solid transparent}
.cabecera nav a:hover{border-bottom-color:var(--arena)}
@media (max-width:640px){.cabecera nav a.opcional{display:none}.cabecera nav{gap:1.1rem;font-size:.88rem}.marca{letter-spacing:.3em;font-size:1.1rem}.marca>svg{height:1.8rem}}

/* Hero */
.hero{padding:clamp(3.5rem,8vw,6.5rem) 0 clamp(4rem,8vw,7rem);overflow:hidden}
.hero .contenedor{display:grid;grid-template-columns:1.5fr .7fr;gap:3rem;align-items:center}
.hero h1{font-size:clamp(1.5rem,7vw,3.3rem);margin:1.4rem 0 0}
.hero .contenedor>*{min-width:0}
.hero h1 .arena{color:var(--arena)}
.hero p.sub{font-size:1.2rem;max-width:46ch;margin:1.8rem 0 0;color:rgba(243,241,237,.88)}
.acciones{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2.2rem}
.boton{display:inline-flex;align-items:center;min-height:3.3rem;padding:0 1.6rem;font:600 .98rem/1 "Poppins",sans-serif;text-decoration:none;border-radius:var(--borde);border:1.5px solid currentColor;transition:background .15s,color .15s}
.boton.principal{background:var(--marfil);color:var(--carbon);border-color:var(--marfil)}
.boton.principal:hover{background:var(--arena);border-color:var(--arena)}
.boton.secundario:hover{background:rgba(243,241,237,.1)}
.clara .boton.principal,.blanca .boton.principal{background:var(--carbon);color:var(--marfil);border-color:var(--carbon)}
.clara .boton.principal:hover{background:var(--gris);border-color:var(--gris)}
.estado{margin:1.4rem 0 0;font-size:.9rem;color:rgba(243,241,237,.7);display:flex;align-items:center;gap:.7rem}
.estado::before{content:"";width:.6rem;height:.6rem;background:var(--arena);flex:none}
.figura{color:var(--marfil);justify-self:center;width:100%;max-width:440px}
.figura svg{width:100%;height:auto;display:block}
.figura .guia{stroke:var(--gris);stroke-width:.7;stroke-dasharray:3 3;fill:none}
.figura .apice{stroke:var(--arena);stroke-width:.9;fill:none}
@media (max-width:860px){.hero .contenedor{grid-template-columns:1fr}.figura{max-width:300px;order:-1;justify-self:start}}

/* Cifras */
.cifras{background:var(--marfil);border-bottom:1px solid var(--linea-clara)}
.cifras ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.cifras li{padding:2rem 1.4rem;border-left:1px solid var(--linea-clara)}
.cifras li:first-child{border-left:0;padding-left:0}
.cifras b{display:block;font:900 clamp(2rem,4.5vw,3.2rem)/1 "Montserrat",sans-serif}
.cifras span{display:block;margin-top:.5rem;font-size:.92rem;color:#4a4a4a}
@media (max-width:760px){.cifras ul{grid-template-columns:1fr 1fr}.cifras li:nth-child(3){border-left:0;padding-left:0}.cifras li{border-top:1px solid var(--linea-clara)}.cifras li:nth-child(-n+2){border-top:0}}

/* Funciones */
.rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:3rem;border-top:1px solid var(--linea-clara)}
.rejilla article{padding:2rem 2rem 2.2rem 0;border-bottom:1px solid var(--linea-clara)}
.rejilla article:not(:nth-child(3n+1)){padding-left:2rem;border-left:1px solid var(--linea-clara)}
.rejilla h3{font:900 1.05rem/1.25 "Montserrat",sans-serif;text-transform:uppercase;letter-spacing:.03em;margin:0 0 .7rem;display:flex;gap:.7rem;align-items:flex-start}
.rejilla h3::before{content:"";width:.7rem;height:.7rem;background:var(--arena);margin-top:.28rem;flex:none}
.rejilla p{margin:0;color:#3b3b3b;font-size:.98rem}
@media (max-width:900px){.rejilla{grid-template-columns:1fr 1fr}.rejilla article{padding:1.8rem 1.4rem 2rem 0!important;border-left:0!important}.rejilla article:nth-child(even){padding-left:1.4rem!important;border-left:1px solid var(--linea-clara)!important}}
@media (max-width:560px){.rejilla{grid-template-columns:1fr}.rejilla article,.rejilla article:nth-child(even){padding:1.6rem 0!important;border-left:0!important}}

/* Seguridad */
.hechos{margin:3rem 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 4rem}
.hechos li{padding:1.5rem 0;border-top:1px dashed rgba(243,241,237,.28);display:grid;grid-template-columns:2.2rem 1fr;gap:.2rem}
.hechos li::before{content:"";width:.7rem;height:.7rem;background:var(--arena);margin-top:.5rem}
.hechos strong{display:block;font:600 1.05rem/1.4 "Poppins",sans-serif}
.hechos span{display:block;color:rgba(243,241,237,.78);font-size:.97rem}
@media (max-width:760px){.hechos{grid-template-columns:1fr}}
.nota-seg{margin-top:2.4rem;max-width:62ch;font-size:.95rem;color:rgba(243,241,237,.7);border-left:3px solid var(--arena);padding-left:1rem}

/* FAQ */
.faq{margin-top:2.6rem;max-width:760px}
.faq details{border-top:1px solid var(--linea-clara);padding:1.15rem 0}
.faq details:last-child{border-bottom:1px solid var(--linea-clara)}
.faq summary{cursor:pointer;font:600 1.05rem/1.45 "Poppins",sans-serif;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 1.5rem/1 "Montserrat",sans-serif;color:var(--gris)}
.faq details[open] summary::after{content:"\2212"}
.faq p{margin:.8rem 0 0;color:#3b3b3b;max-width:62ch}

/* Probar */
.probar .contenedor{display:grid;grid-template-columns:1.1fr .9fr;gap:3.5rem;align-items:start}
.pasos{margin:0;padding:0;list-style:none;counter-reset:p;border-top:1px solid var(--linea-oscura)}
.pasos li{counter-increment:p;padding:1.2rem 0 1.2rem 3.2rem;border-bottom:1px solid var(--linea-oscura);position:relative;color:rgba(243,241,237,.9)}
.pasos li::before{content:counter(p);position:absolute;left:0;top:1.05rem;font:900 1.6rem/1 "Montserrat",sans-serif;color:var(--arena)}
@media (max-width:860px){.probar .contenedor{grid-template-columns:1fr}}

/* Pie */
.pie{background:var(--carbon);color:rgba(243,241,237,.78);border-top:1px solid var(--linea-oscura);padding:3rem 0 2.5rem;font-size:.92rem}
.pie .contenedor{display:flex;flex-wrap:wrap;gap:2rem 4rem;justify-content:space-between}
.pie a{text-decoration:none;border-bottom:1px solid rgba(243,241,237,.3)}
.pie a:hover{border-bottom-color:var(--arena);color:var(--marfil)}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.pie .marca{color:var(--marfil);margin-bottom:1rem;border:0}
.pie .marca:hover{border:0}
.legal{width:100%;border-top:1px solid var(--linea-oscura);padding-top:1.4rem;font-size:.85rem;color:rgba(243,241,237,.6)}

/* Documento (politica) */
.documento{background:var(--blanco);padding:clamp(2.5rem,6vw,5rem) 0 5rem}
.documento .contenedor{max-width:800px}
.documento h1{font:900 clamp(1.8rem,4vw,2.6rem)/1.1 "Montserrat",sans-serif;text-transform:uppercase;margin:0 0 1.4rem}
.documento h2{font:900 1.2rem/1.3 "Montserrat",sans-serif;text-transform:uppercase;margin:3rem 0 .8rem;padding-bottom:.6rem;border-bottom:2px solid var(--arena)}
.documento h3{font:600 1.05rem/1.4 "Poppins",sans-serif;margin:1.8rem 0 .5rem}
.documento p,.documento li{max-width:68ch}
.documento hr{border:0;border-top:1px solid var(--linea-clara);margin:2rem 0}
.documento .tabla{overflow-x:auto;margin:1.2rem 0}
.documento table{border-collapse:collapse;width:100%;font-size:.92rem;min-width:560px}
.documento th,.documento td{border:1px solid #cfcfcf;padding:.7rem .8rem;text-align:left;vertical-align:top}
.documento th{background:var(--marfil)}
.documento code{background:var(--marfil);padding:.1rem .35rem}