:root{--color-fondo:#f5f3f6;--color-texto:#241a2e;--color-primario:#7a1f5b;--color-primario-oscuro:#591345;--color-borde:#d9cfe0;--color-error-fondo:#fdecea;--color-error-texto:#8a1f11;--color-error-borde:#f3c2bc}*{box-sizing:border-box}body{background:var(--color-fondo);color:var(--color-texto);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.tarjeta{border:1px solid var(--color-borde);background:#fff;border-radius:.75rem;width:100%;max-width:24rem;padding:2rem;box-shadow:0 1px 3px #00000014}.tarjeta h1{text-align:center;color:var(--color-primario-oscuro);margin:0 0 1.5rem;font-size:1.25rem}.campo{margin-bottom:1rem}.campo label{margin-bottom:.25rem;font-size:.875rem;font-weight:600;display:block}.campo input{border:1px solid var(--color-borde);border-radius:.5rem;width:100%;padding:.6rem .75rem;font-size:1rem}.campo input:focus{outline:2px solid var(--color-primario);outline-offset:1px}.boton-primario{background:var(--color-primario);color:#fff;cursor:pointer;border:none;border-radius:.5rem;width:100%;padding:.65rem .75rem;font-size:1rem;font-weight:600}.boton-primario:hover{background:var(--color-primario-oscuro)}.boton-primario:disabled{opacity:.6;cursor:not-allowed}.boton-secundario{color:var(--color-primario-oscuro);border:1px solid var(--color-primario-oscuro);cursor:pointer;background:0 0;border-radius:.5rem;padding:.5rem 1rem;font-size:.9rem}.mensaje-error{background:var(--color-error-fondo);color:var(--color-error-texto);border:1px solid var(--color-error-borde);border-radius:.5rem;margin-bottom:1rem;padding:.6rem .75rem;font-size:.875rem}.panel{border:1px solid var(--color-borde);background:#fff;border-radius:.75rem;width:100%;max-width:32rem;padding:2rem;box-shadow:0 1px 3px #00000014}.panel header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.panel h1{color:var(--color-primario-oscuro);margin:0;font-size:1.1rem}.etiqueta-rol{text-transform:uppercase;letter-spacing:.03em;background:var(--color-fondo);border:1px solid var(--color-borde);border-radius:999px;margin-top:.35rem;padding:.15rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.aviso-placeholder{color:#574a62;background:var(--color-fondo);border-radius:.5rem;margin-top:1rem;padding:.75rem;font-size:.875rem}