/* s293a · /aceptar/ y /terminos/v2/ con la estetica de la web (paleta del logo: fondo #091629, celeste #1ed2de).
   Mismos selectores que s281a (el HTML no cambia; sin estilos en linea: CSP style-src 'self'). */
:root{
  --fondo:#091629; --hoja:#0e1f38; --tinta:#eaf1fa; --suave:#a9b8cd; --linea:#1d3254;
  --acento:#1ed2de; --acento-osc:#5fe0e8; --link:#5fb4ff; --azul:#226cef;
  --error:#ffb4ab; --ok:#7fe3b0; --nota:#13284a; --campo:#0a1a31;
  color-scheme: dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--tinta);
  font:16px/1.6 "Figtree",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
::selection{background:var(--azul);color:#fff}
.hoja{max-width:640px;margin:0 auto;padding:28px 16px 48px;background:var(--hoja);min-height:100vh}
.hoja-texto{max-width:760px}
@media (min-width:700px){ .hoja{margin:40px auto;min-height:0;border:1px solid var(--linea);border-radius:16px;padding:40px 44px 46px;box-shadow:0 24px 60px -24px rgb(0 0 0 / .6)} }
.marca{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acento)}
h1{margin:0 0 8px;font-family:"Bricolage Grotesque","Figtree",system-ui,sans-serif;font-size:26px;line-height:1.2;font-weight:700;letter-spacing:-.01em}
h2{margin:30px 0 8px;font-family:"Bricolage Grotesque","Figtree",system-ui,sans-serif;font-size:19px;line-height:1.3}
.sub{margin:0 0 22px;color:var(--suave)}
.sub strong{color:var(--tinta)}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:22px}
li{margin:0 0 6px}
a{color:var(--link);text-underline-offset:3px}
a:hover{color:var(--acento)}
a:focus-visible{outline:2px solid var(--acento);outline-offset:2px;border-radius:3px}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;color:var(--suave)}
.tabla{overflow-x:auto;margin:0 0 14px}
table{border-collapse:collapse;width:100%;font-size:14.5px}
th,td{border:1px solid var(--linea);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--nota)}
.constancia{margin-top:32px;padding-top:14px;border-top:1px solid var(--linea);font-size:13.5px;color:var(--suave)}
.hash{word-break:break-all}
[hidden]{display:none!important}

/* formulario de aceptacion */
.caja{border:1px solid var(--linea);border-radius:12px;padding:16px 16px 6px;margin:0 0 22px;background:var(--nota)}
.caja p{margin-bottom:10px}
.campo{margin:0 0 16px}
.campo label{display:block;font-weight:600;margin:0 0 6px}
.campo small{display:block;color:var(--suave);font-size:13px;margin-top:5px}
input[type=text],input[type=email]{width:100%;font:inherit;font-size:16px;padding:11px 12px;border:1px solid var(--linea);border-radius:10px;background:var(--campo);color:var(--tinta)}
input::placeholder{color:#6f819c}
input[type=text]:focus,input[type=email]:focus{outline:2px solid var(--acento);outline-offset:1px;border-color:var(--acento)}
.check{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;cursor:pointer}
.check input{width:20px;height:20px;margin:3px 0 0;flex:none;accent-color:var(--acento)}
.check.opcional span{color:var(--suave)}
button{font:inherit;font-weight:700;font-size:16px;width:100%;padding:13px 16px;border:0;border-radius:9999px;background:var(--acento);color:#091629;cursor:pointer;transition:background-color 200ms cubic-bezier(.16,1,.3,1)}
button:hover{background:var(--acento-osc)}
button:focus-visible{outline:2px solid var(--tinta);outline-offset:3px}
button:disabled{background:#2a4466;color:#8396b3;cursor:not-allowed}
.aviso{border-radius:12px;padding:13px 15px;margin:0 0 16px}
.aviso.error{background:#3a1620;color:var(--error);border:1px solid #6b2a36}
.aviso.ok{background:#0f3330;color:var(--ok);border:1px solid #1d5a4f}
.aviso.info{background:var(--nota);color:var(--tinta);border:1px solid var(--linea)}
.estado h1{font-size:23px}
.chico{font-size:13px;color:var(--suave)}
@media (prefers-reduced-motion: reduce){ button{transition:none} }