:root{--color-fondo:#fff;--color-texto:#1a1a1a;--color-primario:#1f4fd8;--color-error:#b42318;--color-exito:#067647;--espacio:4px;--radio:8px;color:var(--color-texto);background:var(--color-fondo);font-family:system-ui,sans-serif;font-size:16px;line-height:1.5}body{background:var(--color-fondo);margin:0}.pantalla{max-width:420px;padding:calc(var(--espacio) * 6);gap:calc(var(--espacio) * 4);flex-direction:column;margin:0 auto;display:flex}h1{margin:0;font-size:20px}h1:focus{outline:none}button{font:inherit;border-radius:var(--radio);border:2px solid var(--color-primario);cursor:pointer;width:100%;min-height:44px;transition:background-color .15s}button.primario{background:var(--color-primario);color:#fff}button.secundario{color:var(--color-primario);background:0 0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--color-primario);outline-offset:2px}fieldset{border-radius:var(--radio);padding:calc(var(--espacio) * 3);gap:calc(var(--espacio) * 2);border:1px solid #c4c4c4;flex-direction:column;display:flex}input[type=text]{font:inherit;padding:calc(var(--espacio) * 2);border-radius:var(--radio);border:1px solid #6b6b6b}.consentimiento{gap:calc(var(--espacio) * 2);grid-template-columns:auto 1fr;align-items:start;display:grid}.consentimiento details{grid-column:1/-1}.texto-legal{white-space:pre-wrap;max-height:240px;font-size:14px;overflow:auto}.error{color:var(--color-error)}a{color:var(--color-primario)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}