/* Tipografías alojadas en el propio sitio (licencia SIL OFL 1.1): ninguna petición a terceros */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/montserrat-500.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/montserrat-600.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/montserrat-700.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/montserrat-800.woff2") format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url("../fonts/source-serif-4-normal.woff2") format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url("../fonts/source-serif-4-italic.woff2") format("woff2")}

/* ==========================================================================
   ALPHA NOT CIBERSEGURIDAD — web corporativa
   Identidad: azul marino + cian Alpha + plata. Montserrat 800 (marca) y
   Source Serif 4 (texto). Aspecto único deliberado: no sigue el tema del visor.
   ========================================================================== */
:root{
  --navy-950:#040B17;
  --navy-900:#061427;
  --navy-800:#0A2038;
  --navy-700:#0E2C4B;
  --navy-600:#15406B;
  --marino:#123A78;
  --marino-luz:#3F79C8;
  --cian:#2ABCF2;
  --cian-base:#0B96E0;
  --cian-luz:#7FE0FF;
  --plata:#F2F6F8;
  --plata-sombra:#8B9CA9;
  --papel:#F2F5F9;
  --blanco:#FFFFFF;
  --tinta:#0A1A30;
  --tinta-suave:#43536A;
  --linea:#D3DCE7;
  --linea-navy:rgba(127,224,255,.16);
  --texto-navy:#C9D6E4;
  --display:"Montserrat","Avenir Next","Segoe UI",Arial,sans-serif;
  --texto:"Source Serif 4","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --gutter:clamp(16px,4vw,40px);
  --ancho:1180px;
  --cabecera:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--navy-900);color:var(--tinta);
  font-family:var(--texto);font-size:1.0625rem;line-height:1.65;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:2px solid var(--cian);outline-offset:3px;border-radius:2px}
h1,h2,h3{font-family:var(--display);font-weight:800;margin:0;text-wrap:balance;letter-spacing:-.012em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}

.wrap{width:100%;max-width:calc(var(--ancho) + 2*var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}

/* ---------- Cabecera ---------- */
.cab{
  position:sticky;top:env(safe-area-inset-top,0px);z-index:50;
  background:rgba(6,20,39,.92);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--linea-navy);
}
.cab__in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:var(--cabecera)}
.marca{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--plata);flex:none}
.marca img{width:37px;height:40px;flex:none}
.marca__txt{display:grid;gap:3px;font-family:var(--display);font-weight:800;text-transform:uppercase;line-height:1}
.marca__nom{font-size:1.02rem;letter-spacing:.2em;white-space:nowrap;margin-right:-.2em}
.marca__nom b{font-weight:800;color:#5FA2EE;margin-left:.55em}
.marca__desc i{font-style:normal}
.marca__desc{display:flex;justify-content:space-between;font-size:.56rem;color:var(--cian-luz)}
.nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,30px);font-family:var(--display);font-weight:600;font-size:.84rem}
.nav a{color:var(--texto-navy);text-decoration:none;padding-block:6px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.nav a:hover{color:var(--blanco);border-bottom-color:var(--cian)}
.nav a.nav__cta{
  color:var(--navy-950);background:linear-gradient(180deg,var(--cian-luz),var(--cian));
  padding:10px 18px;border:0;border-radius:3px;font-weight:700;
}
.nav a.nav__cta:hover{color:var(--navy-950);filter:brightness(1.08)}
.cab__menu{
  display:none;flex:none;width:44px;height:44px;border:1px solid var(--linea-navy);border-radius:3px;
  background:transparent;color:var(--plata);cursor:pointer;align-items:center;justify-content:center;
}
.cab__menu span,.cab__menu span::before,.cab__menu span::after{
  content:"";display:block;width:20px;height:2px;background:currentColor;position:relative;transition:transform .2s,opacity .2s
}
.cab__menu span::before{position:absolute;top:-6px}
.cab__menu span::after{position:absolute;top:6px}
.cab[data-abierto="true"] .cab__menu span{background:transparent}
.cab[data-abierto="true"] .cab__menu span::before{top:0;transform:rotate(45deg)}
.cab[data-abierto="true"] .cab__menu span::after{top:0;transform:rotate(-45deg)}

@media (max-width:940px){
  .cab__menu{display:flex}
  .nav{
    display:none;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--navy-900);border-bottom:1px solid var(--linea-navy);
    padding:8px var(--gutter) 20px;font-size:1rem;
  }
  .cab[data-abierto="true"] .nav{display:flex}
  .nav a{padding-block:14px;border-bottom:1px solid rgba(255,255,255,.07)}
  .nav a:hover{border-bottom-color:rgba(255,255,255,.07)}
  .nav a.nav__cta{margin-top:16px;text-align:center;padding-block:14px}
}

/* ---------- Piezas comunes ---------- */
.antetitulo{
  display:flex;align-items:center;gap:10px;
  font-family:var(--display);font-weight:700;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--cian-base);margin-bottom:18px;
}
.antetitulo::before{
  content:"";flex:none;width:15px;height:13px;background:currentColor;
  clip-path:polygon(50% 0,100% 100%,70% 100%,50% 48%,30% 100%,0 100%);
}
.banda{padding-block:clamp(64px,9vw,120px);scroll-margin-top:var(--cabecera)}
.banda--papel{background:var(--papel)}
.banda--blanco{background:var(--blanco)}
.banda--navy,.banda--hondo{color:var(--texto-navy)}
.banda--navy{
  background:
    linear-gradient(rgba(127,224,255,.035) 1px,transparent 1px) 0 0/44px 44px,
    linear-gradient(90deg,rgba(127,224,255,.035) 1px,transparent 1px) 0 0/44px 44px,
    radial-gradient(120% 140% at 50% 0%,var(--navy-700) 0%,var(--navy-900) 70%);
}
.banda--hondo{background:var(--navy-950)}
.banda--navy .antetitulo,.banda--hondo .antetitulo{color:var(--cian-luz)}
.banda--navy h2,.banda--hondo h2,.banda--navy h3,.banda--hondo h3{color:var(--plata)}
.titular{font-size:clamp(1.65rem,3.4vw,2.6rem);line-height:1.14;max-width:21em}
.entrada{font-size:clamp(1.08rem,1.5vw,1.22rem);line-height:1.6;max-width:40em;margin-top:22px;color:var(--tinta-suave)}
.banda--navy .entrada,.banda--hondo .entrada{color:var(--texto-navy)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--display);font-weight:700;font-size:.95rem;text-decoration:none;
  padding:15px 26px;border-radius:3px;border:1px solid transparent;cursor:pointer;transition:filter .2s,background .2s,border-color .2s;
}
.btn--pri{color:var(--navy-950);background:linear-gradient(180deg,var(--cian-luz),var(--cian))}
.btn--pri:hover{filter:brightness(1.08)}
.btn--sec{color:var(--plata);border-color:rgba(242,246,248,.35);background:transparent}
.btn--sec:hover{border-color:var(--cian-luz);background:rgba(127,224,255,.06)}

/* ---------- Portada ---------- */
.portada{
  position:relative;overflow:hidden;color:var(--texto-navy);
  background:
    linear-gradient(rgba(127,224,255,.04) 1px,transparent 1px) 0 0/44px 44px,
    linear-gradient(90deg,rgba(127,224,255,.04) 1px,transparent 1px) 0 0/44px 44px,
    radial-gradient(70% 90% at 74% 42%,#12385F 0%,var(--navy-800) 45%,var(--navy-950) 100%);
}
.portada__in{
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;
  gap:clamp(32px,5vw,72px);padding-block:clamp(52px,7.5vw,104px) clamp(44px,6vw,80px);
}
.portada .antetitulo{color:var(--cian-luz)}
.lema{font-size:clamp(1.9rem,4.5vw,3.35rem);line-height:1.06;color:var(--plata);letter-spacing:-.02em}
.lema span{display:block}
.lema__eco{
  background:linear-gradient(180deg,var(--cian-luz) 10%,var(--cian-base) 95%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  padding-bottom:.08em;
}
.portada__texto{font-size:clamp(1.08rem,1.45vw,1.24rem);line-height:1.6;max-width:33em;margin-top:26px}
.portada__acc{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.portada__logo{position:relative;justify-self:center;width:min(100%,400px)}
.portada__logo img{position:relative;z-index:1;width:100%;filter:drop-shadow(0 26px 40px rgba(0,0,0,.45))}
.portada__logo::before,.portada__logo::after{
  content:"";position:absolute;left:50%;top:38%;width:72%;aspect-ratio:1;border-radius:50%;
  transform:translate(-50%,-50%);pointer-events:none;
}
.portada__logo::before{background:radial-gradient(circle,rgba(42,188,242,.22),rgba(42,188,242,0) 68%);width:120%}
.portada__logo::after{border:1px solid rgba(127,224,255,.5);opacity:0;animation:pulso 7s ease-out 1.2s infinite}
@keyframes pulso{0%{opacity:.55;transform:translate(-50%,-50%) scale(.55)}60%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}

.datos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--linea-navy)}
.datos li{padding:26px clamp(12px,2.4vw,32px) 30px;border-left:1px solid var(--linea-navy);display:grid;gap:6px;align-content:start}
.datos li:first-child{border-left:0;padding-left:0}
.datos b{font-family:var(--display);font-weight:800;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1;color:var(--plata);font-variant-numeric:tabular-nums;white-space:nowrap}
.datos span{font-size:.95rem;line-height:1.45}
.datos small{font-family:var(--display);font-weight:600;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cian-luz)}

@media (max-width:860px){
  .portada__in{grid-template-columns:minmax(0,1fr)}
  .portada__logo{width:min(70%,280px);order:2}
  .datos{grid-template-columns:minmax(0,1fr)}
  .datos li{border-left:0;border-top:1px solid var(--linea-navy);padding:20px 0}
  .datos li:first-child{border-top:0}
}

/* ---------- Lo que custodia una notaría ---------- */
.custodia{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:clamp(40px,5vw,64px);border-top:2px solid var(--tinta)}
.custodia li{padding:26px 26px 6px 0;border-right:1px solid var(--linea);margin-right:26px}
.custodia li:last-child{border-right:0;margin-right:0;padding-right:0}
.custodia h3{font-size:1.18rem;color:var(--marino);margin-bottom:10px}
.custodia p{font-size:1rem;line-height:1.55;color:var(--tinta-suave)}
@media (max-width:900px){
  .custodia{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
  .custodia li{border-right:0;margin-right:0;padding-right:0;border-bottom:1px solid var(--linea);padding-bottom:22px}
}
@media (max-width:520px){.custodia{grid-template-columns:minmax(0,1fr)}}

/* ---------- La autopista y el garaje ---------- */
.alcance{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin-top:clamp(40px,5vw,60px);align-items:stretch}
.zona{padding:clamp(24px,3vw,38px);display:grid;gap:18px;align-content:start}
.zona--red{background:var(--papel);border:1px solid var(--linea);border-right:0}
.zona--not{background:var(--navy-900);color:var(--texto-navy);border:1px solid var(--navy-900);
  background-image:linear-gradient(rgba(127,224,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(127,224,255,.04) 1px,transparent 1px);background-size:36px 36px}
.zona__rot{font-family:var(--display);font-weight:700;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tinta-suave)}
.zona--not .zona__rot{color:var(--cian-luz)}
.zona h3{font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.2;color:var(--tinta)}
.zona--not h3{color:var(--plata)}
.zona ul{display:grid;gap:9px;font-size:1rem;line-height:1.45}
.zona li{display:grid;grid-template-columns:14px 1fr;gap:10px;align-items:baseline}
.zona li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--plata-sombra);transform:translateY(-1px)}
.zona--not li::before{background:var(--cian);border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%)}
.sello{
  justify-self:start;font-family:var(--display);font-weight:700;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;
  padding:8px 12px;border:1px solid currentColor;border-radius:2px;color:var(--marino);
}
.zona--not .sello{color:var(--cian-luz)}
.router{
  display:grid;place-items:center;width:54px;background:var(--navy-700);color:var(--plata);
  font-family:var(--display);font-weight:700;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;
}
.router span{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}
.cita{
  margin:clamp(40px,5vw,64px) 0 0;padding-left:clamp(18px,3vw,34px);border-left:3px solid var(--cian);
  font-style:italic;font-size:clamp(1.25rem,2.3vw,1.7rem);line-height:1.42;color:var(--tinta);max-width:32em;
}
.cita strong{font-style:normal;font-weight:600;color:var(--marino)}
@media (max-width:800px){
  .alcance{grid-template-columns:minmax(0,1fr)}
  .zona--red{border-right:1px solid var(--linea);border-bottom:0}
  .router{width:auto;height:44px}
  .router span{writing-mode:horizontal-tb;transform:none}
}

/* ---------- Cifras ---------- */
.cifras{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:0;margin-top:clamp(40px,5vw,64px);border-top:1px solid var(--linea-navy);border-bottom:1px solid var(--linea-navy)}
.cifras li{padding:30px clamp(14px,2.2vw,30px);border-left:1px solid var(--linea-navy);display:grid;gap:10px;align-content:start}
.cifras li:first-child{border-left:0;padding-left:0}
.cifras b{
  font-family:var(--display);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;
  font-size:clamp(1.9rem,3.3vw,2.7rem);
  background:linear-gradient(180deg,var(--plata) 15%,var(--plata-sombra) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
.cifras li:first-child b{font-size:clamp(2.5rem,5vw,4rem);background-image:linear-gradient(180deg,var(--cian-luz) 10%,var(--cian-base) 100%)}
.cifras span{font-size:.98rem;line-height:1.45}
.cifras em{font-style:normal;font-family:var(--display);font-weight:700;font-size:.78rem;letter-spacing:.06em;color:var(--cian-luz)}
.fuente{margin-top:18px;font-family:var(--display);font-weight:500;font-size:.76rem;letter-spacing:.04em;color:var(--plata-sombra)}
.remate{margin-top:clamp(32px,4vw,48px);font-size:clamp(1.1rem,1.6vw,1.28rem);line-height:1.55;max-width:38em;color:var(--plata)}
@media (max-width:900px){
  .cifras{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cifras li{border-left:0;padding-inline:0 16px;border-top:1px solid var(--linea-navy)}
  .cifras li:first-child{grid-column:1/-1;border-top:0}
}
@media (max-width:440px){.cifras{grid-template-columns:minmax(0,1fr)}}

/* ---------- Obligaciones ---------- */
.normas{margin-top:clamp(40px,5vw,60px);border-top:2px solid var(--tinta)}
.normas li{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:8px clamp(20px,4vw,56px);padding-block:24px;border-bottom:1px solid var(--linea)}
.normas h3{font-size:1.02rem;line-height:1.3;color:var(--marino)}
.normas h3 small{display:block;margin-top:5px;font-weight:600;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-suave)}
.normas p{max-width:42em;color:var(--tinta)}
.normas p b{font-weight:600}
@media (max-width:700px){.normas li{grid-template-columns:minmax(0,1fr)}}

/* ---------- Falsas seguridades ---------- */
.falsas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.5vw,48px);margin-top:clamp(40px,5vw,60px)}
.falsas li{position:relative;border-top:2px solid var(--tinta);padding-top:26px;display:grid;gap:12px;align-content:start}
.falsas h3{font-size:1.18rem;line-height:1.25;color:var(--tinta)}
.falsas p{color:var(--tinta-suave);font-size:1.02rem;line-height:1.6}
.falsas .aviso{position:absolute;top:-13px;left:0;line-height:1.2;font-family:var(--display);font-weight:700;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blanco);background:var(--marino);padding:5px 9px;border-radius:2px}
.falsas li.es-peor{border-top-color:var(--marino)}
@media (max-width:860px){.falsas{grid-template-columns:minmax(0,1fr)}}

.preguntas{margin-top:clamp(56px,7vw,88px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:start}
.preguntas h3{font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.18;color:var(--tinta)}
.preguntas__nota{margin-top:16px;color:var(--tinta-suave)}
.preguntas ol{counter-reset:q;border-top:1px solid var(--linea)}
.preguntas ol li{counter-increment:q;display:grid;grid-template-columns:2.6rem minmax(0,1fr);align-items:baseline;padding-block:17px;border-bottom:1px solid var(--linea);font-size:1.08rem;line-height:1.5}
.preguntas ol li::before{content:counter(q);font-family:var(--display);font-weight:800;font-size:1.3rem;color:var(--cian-base);font-variant-numeric:tabular-nums}
@media (max-width:860px){.preguntas{grid-template-columns:minmax(0,1fr)}}

/* ---------- Cómo trabajamos ---------- */
.pasos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin-top:clamp(40px,5vw,64px);counter-reset:paso}
.pasos li{counter-increment:paso;position:relative;padding-top:58px;display:grid;gap:10px;align-content:start}
.pasos li::before{
  content:counter(paso);position:absolute;top:0;left:0;width:40px;height:40px;display:grid;place-items:center;
  font-family:var(--display);font-weight:800;font-size:1rem;color:var(--blanco);background:var(--marino);border-radius:50%;
}
.pasos li::after{content:"";position:absolute;top:20px;left:52px;right:calc(-1 * clamp(20px,3vw,40px) + 12px);height:1px;background:var(--linea)}
.pasos li:last-child::after{display:none}
.pasos h3{font-size:1.22rem;color:var(--tinta)}
.pasos p{color:var(--tinta-suave);font-size:1.02rem;line-height:1.58}
.discrecion{margin-top:clamp(40px,5vw,60px);padding:clamp(22px,3vw,32px);background:var(--blanco);border:1px solid var(--linea);border-left:3px solid var(--cian);max-width:52em}
.discrecion p{color:var(--tinta)}
@media (max-width:900px){
  .pasos{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
  .pasos li::after{display:none}
}
@media (max-width:520px){.pasos{grid-template-columns:minmax(0,1fr)}}

/* ---------- Por qué Alpha Not ---------- */
.porque{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,88px);align-items:start}
.razones{display:grid;gap:0;border-top:1px solid var(--linea-navy)}
.razones li{padding-block:24px;border-bottom:1px solid var(--linea-navy);display:grid;grid-template-columns:22px minmax(0,1fr);gap:4px 14px}
.razones li::before{content:"";width:17px;height:15px;margin-top:5px;background:var(--cian);clip-path:polygon(50% 0,100% 100%,70% 100%,50% 48%,30% 100%,0 100%);grid-row:1/3}
.razones h3{font-size:1.12rem;color:var(--plata)}
.razones p{font-size:1.02rem;line-height:1.58}
@media (max-width:860px){.porque{grid-template-columns:minmax(0,1fr)}}

/* ---------- Contacto ---------- */
.contacto{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:start}
.contacto .titular{font-size:clamp(1.7rem,3.3vw,2.55rem)}
.contacto .titular span{display:block;color:var(--cian-luz)}
.vias{margin-top:34px;display:grid;gap:0;border-top:1px solid var(--linea-navy)}
.vias li{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:12px;padding-block:14px;border-bottom:1px solid var(--linea-navy);align-items:baseline}
.vias a{text-decoration:none}.vias a:hover{color:var(--cian-luz)}
.vias dt,.vias .k{font-family:var(--display);font-weight:700;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cian-luz)}
.pendiente{font-family:var(--display);font-weight:600;font-size:.82rem;color:var(--plata-sombra);border:1px dashed rgba(139,156,169,.6);padding:3px 9px;border-radius:2px;justify-self:start}
.form{background:var(--navy-800);border:1px solid var(--linea-navy);padding:clamp(22px,3vw,36px);display:grid;gap:16px}
.form__fila{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.campo{display:grid;gap:7px}
.campo label{font-family:var(--display);font-weight:600;font-size:.78rem;letter-spacing:.06em;color:var(--plata)}
.campo input,.campo select,.campo textarea{
  width:100%;font:inherit;font-family:var(--display);font-weight:500;font-size:.95rem;color:var(--plata);
  background:var(--navy-950);border:1px solid rgba(127,224,255,.22);border-radius:3px;padding:12px 13px;
}
.campo textarea{min-height:104px;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--cian);outline-offset:1px;border-color:transparent}
.acepto{display:grid;grid-template-columns:20px minmax(0,1fr);gap:11px;align-items:start;font-size:.93rem;line-height:1.45}
.acepto input{width:18px;height:18px;margin:3px 0 0;accent-color:var(--cian)}
.acepto a{color:var(--cian-luz)}
.form .btn{width:100%}
.form .btn[disabled]{opacity:.55;cursor:not-allowed;filter:none}
.form__pendiente{font-family:var(--display);font-weight:500;font-size:.82rem;line-height:1.45;color:var(--plata-sombra)}
.form__estado{font-family:var(--display);font-weight:600;font-size:.88rem;line-height:1.45;color:var(--cian-luz);border:1px solid var(--linea-navy);padding:12px 14px;border-radius:3px}
@media (max-width:860px){.contacto{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.form__fila{grid-template-columns:minmax(0,1fr)}.vias li{grid-template-columns:minmax(0,1fr);gap:4px}}

/* ---------- Pie ---------- */
.pie{background:var(--navy-950);color:var(--plata-sombra);border-top:1px solid var(--linea-navy);padding-block:44px 40px;font-size:.9rem;line-height:1.55}
.pie__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(24px,5vw,72px);align-items:start}
.pie .marca{margin-bottom:16px}
.pie__lema{font-style:italic;color:var(--texto-navy);font-size:1rem}
.pie__legal{display:grid;gap:12px}
.pie__legal p{max-width:48em}
.pie__linea{display:flex;flex-wrap:wrap;gap:6px 20px;font-family:var(--display);font-weight:600;font-size:.76rem;letter-spacing:.04em;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
@media (max-width:760px){.pie__in{grid-template-columns:minmax(0,1fr)}}
.pie__linea a{text-decoration:none;transition:color .2s}
.pie__linea a:hover{color:var(--cian-luz)}

/* ---------- Páginas legales ---------- */
.legal__doc{max-width:46em}
.legal h1{font-size:clamp(1.9rem,4.2vw,2.8rem);line-height:1.1;color:var(--tinta)}
.legal__fecha{font-family:var(--display);font-weight:600;font-size:.8rem;letter-spacing:.04em;color:var(--tinta-suave);margin-top:14px}
.legal h2{font-size:1.18rem;line-height:1.3;color:var(--tinta);margin-top:40px}
.legal p{margin-top:14px}
.legal ul{margin-top:12px;padding-left:1.3em;list-style:disc;display:grid;gap:6px}
.legal li::marker{color:var(--cian-base)}
.legal a:not(.btn){color:var(--marino)}
.legal code{font-size:.9em}
.legal [data-pendiente]{font-family:var(--display);font-weight:600;font-size:.88em;color:var(--marino);background:rgba(42,188,242,.16);padding:1px 6px;border-radius:2px}
.legal__volver{margin-top:44px}

/* ---------- Vídeo de Vimeo (16:9, responsive). Uso en VIDEOS.md ---------- */
.video{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--navy-950);border:1px solid var(--linea-navy);border-radius:3px}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---------- Entrada suave de la portada ---------- */
@media (prefers-reduced-motion:no-preference){
  .portada__in > div > *{animation:sube .7s cubic-bezier(.2,.7,.2,1) both}
  .portada__in > div > *:nth-child(2){animation-delay:.08s}
  .portada__in > div > *:nth-child(3){animation-delay:.16s}
  .portada__in > div > *:nth-child(4){animation-delay:.24s}
  .portada__logo{animation:sube .9s cubic-bezier(.2,.7,.2,1) .1s both}
  @keyframes sube{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .portada__logo::after{animation:none}
}