:root{color-scheme:light;font-family:Trebuchet MS,Verdana,sans-serif}*{box-sizing:border-box}body{margin:0;background:#fff;color:#1f1f1f;min-height:100vh}.pagina{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px 200px;position:relative}.contenedor{max-width:720px;width:min(92vw,720px);margin:0;background:#fff;border-radius:14px;padding:34px 36px 28px;box-shadow:0 18px 44px #0000001a;position:relative;z-index:2}h1{margin:0 0 8px;font-size:26px}p{margin:0 0 16px;color:#4a4a4a}label{display:block;font-weight:700;margin-bottom:6px}input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #c9c4b6;margin-bottom:14px;font-size:16px}input[readonly]{background:#f2f2f2;color:#5f5f5f}input:disabled{background:#ececec;color:#6d6d6d;cursor:not-allowed}button{width:100%;padding:12px 14px;border-radius:8px;border:none;background:#4169e1;color:#fff;font-size:16px;cursor:pointer}button:disabled{background:#4b5e6d;cursor:not-allowed}.estado{margin:8px 0 16px;padding:10px 12px;border-radius:8px;border:1px solid transparent;font-weight:600}.estado.info{background:#f1efe8;border-color:#e1dccb;color:#4a4a4a}.estado.ok{background:#e8f7ef;border-color:#064675;color:#064675}.estado.error{background:#fdecec;border-color:#f2a3a3;color:#7a1f1f}.nota{font-size:13px;color:#6a665b}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffe0;display:flex;align-items:center;justify-content:center;padding:24px 16px;z-index:5}.modal-contenido{width:min(92vw,520px);background:#fff;border-radius:14px;padding:28px 28px 24px;box-shadow:0 16px 38px #0000001f}.modal-contenido h2{margin:0 0 8px;font-size:22px}.modal-contenido p{margin-bottom:14px}.acciones-otp{display:grid;gap:10px;margin-top:8px}.decoracion{position:fixed;bottom:24px;width:170px;max-width:34vw;height:auto;pointer-events:none;z-index:0}.decoracion.izquierda{left:28px}.decoracion.derecha{right:28px}@media (max-width: 900px){.decoracion{width:130px;opacity:.85}}@media (max-width: 640px){.decoracion{display:none}.pagina{padding-bottom:40px}}@media (max-height: 700px){.pagina{align-items:flex-start;padding-top:24px}.modal{align-items:flex-start}}