:root{--color-marca: #1d4ed8;--color-fondo: #ffffff;--color-texto: #1f2937;--color-bien: #166534;--color-atencion: #92400e;--color-error: #b91c1c;--tamano-chico: .875rem;--tamano-cuerpo: 1rem;--tamano-titulo-1: 1.75rem;--tamano-titulo-2: 1.375rem;--tamano-titulo-3: 1.125rem;--espacio-1: 4px;--espacio-2: 8px;--espacio-3: 16px;--espacio-4: 24px;--espacio-5: 32px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;font-size:var(--tamano-cuerpo);line-height:1.5;color:var(--color-texto);background:var(--color-fondo)}h1{font-size:var(--tamano-titulo-1)}h2{font-size:var(--tamano-titulo-2)}h3{font-size:var(--tamano-titulo-3)}:focus-visible{outline:3px solid var(--color-marca);outline-offset:2px}button{font:inherit;cursor:pointer;min-height:44px;min-width:44px;padding:var(--espacio-2) var(--espacio-3);color:var(--color-fondo);background:var(--color-marca);border:0;border-radius:var(--espacio-2)}.pagina{display:grid;gap:var(--espacio-3);max-width:60ch;margin:0 auto;padding:var(--espacio-3)}.pagina-ancha{max-width:120ch}.campo{display:grid;gap:var(--espacio-1)}.campo label{font-size:var(--tamano-chico);font-weight:700}.campo input,.campo select{font:inherit;min-height:44px;padding:var(--espacio-2);color:var(--color-texto);background:var(--color-fondo);border:2px solid var(--color-texto);border-radius:var(--espacio-2)}.campo .numero{font-size:var(--tamano-titulo-2);font-family:ui-monospace,Consolas,monospace;letter-spacing:var(--espacio-2)}.campo .error-campo{margin:0;font-size:var(--tamano-chico);font-weight:700;color:var(--color-error)}.campo .ayuda-campo{margin:0;font-size:var(--tamano-chico)}.aviso{margin:0;padding:var(--espacio-3);border:2px solid var(--color-texto);border-radius:var(--espacio-2)}.aviso.bien{color:var(--color-bien);border-color:var(--color-bien)}.aviso.atencion{color:var(--color-atencion);border-color:var(--color-atencion)}.aviso.mal{color:var(--color-error);border-color:var(--color-error);font-weight:700}.acciones{display:flex;flex-wrap:wrap;gap:var(--espacio-2)}button.secundario{color:var(--color-marca);background:var(--color-fondo);border:2px solid var(--color-marca)}button.peligro{background:var(--color-error)}button:disabled{opacity:.6;cursor:not-allowed}.formulario{display:grid;gap:var(--espacio-3)}.tarjeta{display:grid;gap:var(--espacio-3);padding:var(--espacio-3);border:2px solid var(--color-texto);border-radius:var(--espacio-2)}.check{display:flex;align-items:center;gap:var(--espacio-2)}.check input{width:24px;height:24px}