:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#17324b;background:#f3f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.layout{max-width:760px;margin:0 auto;padding:64px 24px 72px}.header{margin-bottom:32px}.eyebrow{display:inline-block;color:#206a82;font-size:.78rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}h1{font-size:clamp(2rem,5vw,2.8rem);line-height:1.13;margin:0 0 14px;letter-spacing:-.035em}h2{font-size:1.18rem;margin:0}.header p{color:#526b7d;font-size:1.05rem;line-height:1.6;max-width:610px;margin:0}.card{background:#fff;border:1px solid #dce7ed;border-radius:18px;box-shadow:0 12px 36px #143b5610;padding:28px;margin-top:18px}.step{display:flex;align-items:center;gap:12px;margin-bottom:22px}.step span{display:grid;place-items:center;background:#d9edf2;color:#17627a;border-radius:50%;width:31px;height:31px;font-weight:700}.drop-zone{border:2px dashed #9fbcca;border-radius:14px;min-height:235px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#36768b;cursor:pointer;background:#f8fbfc;transition:.15s border-color,.15s background}.drop-zone:hover,.drop-zone.dragging,.drop-zone:focus-visible{border-color:#1785a2;background:#eef8fa;outline:0}.drop-zone strong{font-size:1.08rem;color:#17324b}.drop-zone>span:not(.select-label){font-size:.9rem;color:#6a8290}.select-label{background:#e0f0f5;border-radius:8px;padding:9px 17px;font-weight:700;color:#146c86}.help{color:#667f8d;font-size:.89rem;margin:14px 0 0}.selected{display:flex;gap:10px;align-items:center;background:#eef7f8;padding:12px 14px;border-radius:10px;margin-top:20px;overflow-wrap:anywhere}.selected span:nth-child(2){flex:1}.text-button{border:0;background:none;color:#096c8a;font:inherit;font-weight:700;cursor:pointer}.actions{display:flex;gap:12px;align-items:center;margin-top:24px}button{font:inherit}.primary{background:#117b98;color:white;border:1px solid #117b98;border-radius:9px;padding:12px 20px;font-weight:750;cursor:pointer}.primary:hover:not(:disabled){background:#096784}.primary:disabled{opacity:.48;cursor:not-allowed}.secondary{background:white;color:#245d71;border:1px solid #a6c1ca;border-radius:9px;padding:12px 20px;cursor:pointer}.status-card h2{margin:12px 0 8px}.status-card p{color:#597283;line-height:1.5}.status-card{text-align:center}.spinner{width:38px;height:38px;margin:auto;border:4px solid #d4edf3;border-top-color:#117b98;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-icon,.failure-icon{display:grid;place-items:center;margin:auto;border-radius:50%;width:42px;height:42px;font-size:1.5rem;font-weight:800}.success-icon{background:#def3e9;color:#17764f}.failure-icon{background:#fde8e6;color:#b64135}.stats{display:flex;justify-content:center;gap:18px;margin:20px auto 25px}.stats p{background:#f3f8fa;border-radius:10px;padding:15px;text-align:left;margin:0;min-width:185px}.stats strong{display:block;color:#17324b;font-size:1.5rem;margin-top:5px}.privacy-note{margin-top:27px;border-left:3px solid #8db3c0;padding:3px 0 3px 17px;color:#506a7b;line-height:1.55;font-size:.9rem}.privacy-note strong{color:#274c60}.privacy-note p{margin:5px 0}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:570px){.layout{padding:36px 16px 50px}.card{padding:20px}.stats{flex-direction:column;gap:8px}.stats p{min-width:0}.actions{flex-wrap:wrap}.primary{width:100%}}

/* Acceso y administración */
[hidden]{display:none!important}
.auth-card{max-width:480px;margin:8vh auto 0}
.auth-card p{color:#526b7d;line-height:1.5}
.auth-card form{display:grid;gap:12px;margin-top:25px}
.auth-card label,.admin-form label{font-weight:700}
.auth-card input,.admin-form input,.user-row input{width:100%;font:inherit;border:1px solid #9fbcca;border-radius:8px;padding:11px;background:#fff;color:#17324b}
.auth-card input:focus,.admin-form input:focus,.user-row input:focus{outline:2px solid #117b98;outline-offset:2px}
.form-error{color:#a33127!important}
.account-bar{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:22px}
.admin-form{display:grid;grid-template-columns:1fr 145px auto;gap:12px;align-items:end;margin-top:20px}
.admin-form label{display:grid;gap:7px}
.user-row{display:grid;grid-template-columns:minmax(160px,1fr) 130px auto auto;gap:9px;align-items:center;border-top:1px solid #dce7ed;padding:15px 0}
.user-row:first-child{margin-top:15px}
@media(max-width:720px){.admin-form,.user-row{grid-template-columns:1fr}.account-bar{flex-wrap:wrap}.account-bar .secondary{width:auto}}