:root{--rojo: #b80016;--rojo-osc: #b80016;--negro: #141414;--gg-verde: #8fb435;--gg-naranja: #db9736;--gg-gris: #7c7b80;--gris-claro: #f6f5f2;--borde: #e7e7e7;--texto: #1d1d1d;--texto-2: #6b6b6b;--ok: #1f9d57;--radio: 12px;--sombra: 0 10px 40px rgba(0, 0, 0, .1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--texto);background:#eceae5;line-height:1.6;-webkit-font-smoothing:antialiased}.page{max-width:820px;margin:24px auto;background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--sombra)}.topbar{background:var(--rojo);display:flex;align-items:center;justify-content:space-between;padding:14px 24px;flex-wrap:wrap;gap:12px}.brand{display:flex;align-items:center;gap:12px}.crest{width:80px;height:80px;border-radius:16px;background:transparent;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:var(--rojo);letter-spacing:-1px;overflow:hidden;flex:0 0 auto}.crest img{width:100%;height:100%;object-fit:contain;padding:7px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.741))}.brand b{color:#fff;font-size:17px;font-weight:700;letter-spacing:.2px}.alianza{display:flex;align-items:center;gap:10px}.alianza span{color:#fff;font-size:11px;opacity:.85;text-transform:uppercase;letter-spacing:.5px}.gg-logo{height:44px;display:block}.footer{background:var(--negro);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer .l{color:#8a8a8a;font-size:11px}.footer .r{display:flex;align-items:center;gap:10px}.footer .r span{color:#9a9a9a;font-size:11px}.footer .gg-logo{height:30px}.stepper{display:flex;align-items:center;height:5rem;padding:20px 28px 4px}.step{display:flex;align-items:center;gap:10px}.step:not(:last-child){flex:1}.step .num{width:28px;height:28px;border-radius:50%;background:#ececec;color:#9a9a9a;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:all .2s}.step .lbl{font-size:13px;color:#a0a0a0;font-weight:600;white-space:nowrap;transition:color .2s}.step.active .num{background:var(--rojo);color:#fff;box-shadow:0 0 0 4px #e2001a26}.step.active .lbl{color:var(--texto)}.step.done .num{background:var(--ok);color:#fff}.step.done .lbl{color:var(--texto-2)}.step .bar{height:3px;border-radius:3px;background:#ececec;flex:1;margin:0 12px}.step.done .bar{background:var(--ok)}.hero{background-color:var(--negro);background-image:linear-gradient(135deg,#b80016c7,#111111eb),url(/assets/banner.png);background-size:cover;background-position:center;color:#fff;text-align:center;padding:30px 24px 28px;position:relative}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--rojo)}.hero .kicker{display:inline-block;color:#fff;background:#e2001ae6;font-size:11px;letter-spacing:1.5px;font-weight:700;padding:5px 12px;border-radius:20px;margin-bottom:14px}.hero h1{font-size:26px;font-weight:800;line-height:1.2;margin:0 0 10px;letter-spacing:-.3px}.hero p{color:#c9c9c9;font-size:14.5px;max-width:480px;margin:0 auto}.hero .lema{font-style:italic;color:#e8e8e8}.pregunta{margin-bottom:20px}.pregunta .q-label{font-size:14.5px;font-weight:600;color:var(--texto);margin:0 0 11px}.q-opts{display:flex;gap:10px;flex-wrap:wrap}.q-opt{border:1.5px solid var(--borde);background:#fff;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;color:var(--texto);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.q-opt:hover{border-color:var(--gg-naranja)}.q-opt.sel{border-color:var(--gg-naranja);background:#fdf3e3;color:#9a6a12}.acciones{display:flex;align-items:center;justify-content:space-between;margin-top:26px;padding-top:18px;border-top:1px solid var(--borde)}.btn-sec{background:#fff;border:1.5px solid var(--borde);border-radius:9px;padding:11px 18px;font-size:14px;font-weight:600;color:var(--texto-2);cursor:pointer}.btn-sec:hover{border-color:var(--texto-2);color:var(--texto)}.btn-naranja{background:var(--gg-naranja);color:#fff;border:none;border-radius:9px;padding:12px 28px;font-size:15px;font-weight:700;cursor:pointer;transition:filter .15s}.btn-naranja:hover{filter:brightness(1.06)}.btn-naranja:disabled{background:#dcdcdc;cursor:not-allowed;filter:none}.acciones.uno{justify-content:flex-start}.q-opt.sm{padding:8px 14px;font-size:13.5px}.q-opt:disabled{background:#f3f3f3;color:#aaa;border-color:var(--borde);cursor:not-allowed}.q-opt:disabled:hover{border-color:var(--borde)}.q-field{margin:6px 0 14px}.q-field>label{display:block;font-size:13px;font-weight:600;color:var(--texto-2);margin:0 0 7px}.q-input{width:100%;max-width:280px;border:1.5px solid var(--borde);border-radius:9px;padding:10px 12px;font-size:14px;color:var(--texto);margin-top:8px}.q-input:focus{outline:none;border-color:var(--gg-naranja)}.q-checks{display:flex;flex-direction:column;gap:10px;margin:4px 0 16px}.q-check{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--texto);cursor:pointer}.q-check input{width:17px;height:17px;accent-color:var(--gg-naranja)}.medios{display:flex;flex-direction:column;gap:12px;margin-top:6px}.medio{display:flex;align-items:center;gap:12px;border:1.5px solid var(--borde);background:#fff;border-radius:12px;padding:14px 16px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.medio:hover{border-color:var(--gg-naranja);background:#fffaf2}.medio:disabled{opacity:.6;cursor:not-allowed}.medio .ic{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto}.medio .medio-txt{display:flex;flex-direction:column}.medio .medio-txt b{font-size:15px;color:var(--texto)}.medio .medio-txt small{font-size:12.5px;color:var(--texto-2)}.cv-drop{display:flex;align-items:center;justify-content:center;gap:10px;max-width:420px;margin:4px auto 14px;padding:16px 18px;border:2px dashed var(--borde);border-radius:12px;cursor:pointer;color:var(--texto-2);font-size:14px;transition:border-color .15s,background .15s}.cv-drop:hover{border-color:var(--gg-naranja);background:#fffaf2}.cv-drop .cv-ic{font-size:20px}.cv-drop .cv-txt{font-weight:600}.pregunta.aparece{animation:gg-aparece .35s ease both}@keyframes gg-aparece{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.pregunta.aparece{animation:none}}.body{padding:28px 28px 30px;min-height:300px}.body h2{font-size:18px;font-weight:700;color:var(--texto);margin:0 0 4px}.body .sub{font-size:13px;color:var(--texto-2);margin:0 0 22px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-size:11px;color:var(--texto-2);margin-bottom:7px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.field input,.field select{width:100%;height:46px;border:1.5px solid var(--borde);border-radius:10px;padding:0 13px;font-size:14.5px;background:#fff;transition:border .15s,box-shadow .15s}.field select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:36px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23999' d='M6 8 0 0h12z'/></svg>");background-repeat:no-repeat;background-position:right 13px center}.field input:focus,.field select:focus{outline:none;border-color:var(--rojo);box-shadow:0 0 0 3px #e2001a1f}.field input.invalid,.field select.invalid{border-color:var(--rojo);background-color:#fff7f7}.field input.valid,.field select.valid{border-color:var(--ok)}.hint{font-size:11.5px;margin-top:6px;min-height:15px;display:flex;align-items:center;gap:5px}.hint.err{color:var(--rojo)}.hint.ok{color:var(--ok)}.hint.idle{color:#9a9a9a}.hint.info{color:#9a6a12}.full{grid-column:1 / -1}.tel-wrap{position:relative;display:flex;gap:0}.cc-btn{display:flex;align-items:center;gap:7px;height:46px;border:1.5px solid var(--borde);border-right:none;border-radius:10px 0 0 10px;background:var(--gris-claro);padding:0 12px;cursor:pointer;font-size:14.5px;white-space:nowrap}.cc-btn:hover{background:#efeee9}.cc-btn img{width:23px;height:17px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #00000014}.cc-btn .code{font-weight:700;color:var(--texto)}.cc-btn .arr{color:#999;font-size:11px}.tel-wrap input{border-radius:0 10px 10px 0;flex:1}.cc-list{position:absolute;top:50px;left:0;z-index:20;width:270px;max-height:240px;overflow-y:auto;background:#fff;border:1px solid var(--borde);border-radius:10px;box-shadow:0 12px 30px #00000029}.cc-item{display:flex;align-items:center;gap:10px;padding:10px 13px;cursor:pointer;font-size:14px}.cc-item:hover{background:var(--gris-claro)}.cc-item img{width:23px;height:17px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #00000014}.cc-item .name{flex:1;color:var(--texto)}.cc-item .dial{color:#999;font-weight:700}.btn{width:100%;margin-top:24px;background:var(--rojo);color:#fff;border:none;border-radius:11px;padding:15px;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s,transform .05s,box-shadow .15s;box-shadow:0 6px 18px #e2001a40}.btn:hover{background:var(--rojo-osc)}.btn:active{transform:translateY(1px)}.btn:disabled{background:#d9d9d9;color:#fff;cursor:not-allowed;box-shadow:none}.btn.auto{width:auto;padding:14px 30px;margin:0}.disc{font-size:11.5px;color:#9a9a9a;text-align:center;margin-top:14px}.back{margin-top:20px;background:none;border:none;color:#999;font-size:13px;cursor:pointer;padding:6px 0;font-weight:600}.back:hover{color:var(--rojo)}.q h2{font-size:21px;font-weight:800;color:var(--texto);margin:6px 0 24px;line-height:1.3;letter-spacing:-.2px}.opts{display:flex;gap:14px;flex-wrap:wrap}.opts.col{flex-direction:column}.opt{flex:1;min-width:150px;background:#fff;border:2px solid var(--borde);border-radius:13px;padding:20px;font-size:16px;font-weight:600;color:var(--texto);cursor:pointer;text-align:left;transition:all .15s}.opt:hover{border-color:var(--rojo);background:#fff7f7;color:var(--rojo);transform:translateY(-1px);box-shadow:0 6px 16px #e2001a1a}.opts.col .opt{flex:none;width:100%}.otp-card{border:1.5px solid var(--borde);border-radius:13px;padding:18px 20px;margin-bottom:16px;background:#fff}.otp-card .cab{display:flex;align-items:center;gap:10px;margin-bottom:4px}.otp-card .cab .ic{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px}.otp-card .cab b{font-size:14.5px}.otp-card .dest{font-size:12.5px;color:var(--texto-2);margin:0 0 12px 42px}.otp-input{width:100%;height:50px;border:1.5px solid var(--borde);border-radius:10px;letter-spacing:10px;font-size:22px;text-align:center;font-weight:700;background:var(--gris-claro)}.otp-input:focus{outline:none;border-color:var(--rojo);background:#fff;box-shadow:0 0 0 3px #e2001a1f}.reenviar{background:none;border:none;color:var(--gg-naranja);font-size:12.5px;cursor:pointer;margin-top:10px;padding:0;font-weight:700}.reenviar:disabled{color:#bbb;cursor:not-allowed}.devnote{background:#fff8e6;border:1px solid #f1d98f;border-radius:10px;padding:11px 14px;font-size:12.5px;color:#7a5a00;margin-bottom:18px;text-align:center}.salas{display:flex;flex-direction:column;gap:11px;margin:8px 0 4px}.sala{display:flex;align-items:center;gap:13px;border:2px solid var(--borde);border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .15s}.sala:hover{border-color:var(--rojo)}.sala.sel{border-color:var(--rojo);background:#fff7f7}.sala.full{opacity:.5;cursor:not-allowed}.sala .pick{width:20px;height:20px;border-radius:50%;border:2px solid #ccc;flex:0 0 auto;transition:all .15s}.sala.sel .pick{border-color:var(--rojo);background:radial-gradient(var(--rojo) 0 5px,#fff 6px 20px)}.sala .info{flex:1}.sala .info b{font-size:15.5px;display:block}.sala .info span{font-size:12.5px;color:var(--texto-2)}.sala .cupos{font-size:12px;font-weight:700;color:var(--ok);background:#e9f7ef;padding:4px 10px;border-radius:20px}.sala.full .cupos{color:var(--rojo);background:#fdeaea}.result{text-align:center;padding:18px 0 8px}.result-icon{width:78px;height:78px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:38px;margin:0 auto 18px;background:#e9f7ef}.result-icon.cv{background:#fde7e7}.result-icon.wait{background:#fff4e0}.result h2{font-size:23px;font-weight:800;color:var(--texto);margin:0 0 12px;letter-spacing:-.2px}.result p{font-size:15px;color:var(--texto-2);max-width:470px;margin:0 auto 12px;line-height:1.6}.result .numero-oficial{display:inline-block;background:var(--gris-claro);border:1.5px dashed var(--gg-naranja);border-radius:10px;padding:10px 22px;font-size:18px;font-weight:800;color:var(--rojo);letter-spacing:.5px;margin:6px auto 14px}.result .cierre{font-style:italic;font-weight:600;color:var(--texto);margin-top:16px}.result .sala-asignada{display:inline-block;background:var(--gris-claro);border:1.5px solid var(--borde);border-radius:12px;padding:14px 26px;margin-bottom:24px}.result .sala-asignada b{font-size:19px;color:var(--rojo)}.result .sala-asignada span{display:block;font-size:13px;color:var(--texto-2);margin-top:2px}.step .num{position:relative;overflow:visible;background:transparent;border:none;box-shadow:none;color:#fff}.step .num .ball{position:absolute;inset:0;width:100%;height:100%;display:block}.step .num .digit{position:relative;z-index:1;font-size:11px;font-weight:800;line-height:1;color:#fff;text-shadow:0 1px 1.5px rgba(0,0,0,.8)}.step.active .num{background:transparent;border-radius:50%;box-shadow:0 0 0 4px #e2001a2e}.step.active .num .ball{animation:gg-spin 3.2s linear infinite;transform-origin:50% 50%}.step.done .num{background:var(--ok);border-radius:50%;color:#fff}.step .num.goal{overflow:visible;background:#f4f4f4;border-color:#cdcdcd;color:transparent}.step .num.goal:before{display:none}.num.goal .net{position:absolute;inset:4px 4px 1px;border:1.5px solid #9a9a9a;border-bottom:none;border-radius:3px 3px 0 0;background-image:repeating-linear-gradient(0deg,#c4c4c4 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#c4c4c4 0 1px,transparent 1px 4px)}.num.goal .gball{position:absolute;left:50%;bottom:3px;width:9px;height:9px;border-radius:50%;border:1px solid #1b1b1b;background:radial-gradient(circle at 50% 50%,#1b1b1b 0 1.6px,transparent 2px),#fff;transform:translate(-50%)}.step.active .num.goal{box-shadow:0 0 0 4px #e2001a26;border-color:var(--rojo)}.step.active .num.goal .gball{animation:gg-shoot 1.4s ease-in-out infinite}.step.done .num.goal{background:#eaf7ef;border-color:var(--ok)}.step.done .num.goal .net{border-color:var(--ok)}@keyframes gg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gg-shoot{0%,to{bottom:3px}50%{bottom:12px}}@media(prefers-reduced-motion:reduce){.step .num .ball,.num.goal .gball{animation:none}}.hook{margin:4px auto 22px;max-width:420px}.hook-title{font-size:13px;color:var(--texto-2);margin-bottom:12px}.hook-btns{display:flex;flex-direction:column;align-items:center;gap:12px}.hook .btn.auto{display:inline-block;text-decoration:none;text-align:center;margin:0}.hook-link{color:var(--rojo);font-weight:700;font-size:14px;text-decoration:none}.hook-link:hover{text-decoration:underline}.goal-anim{width:220px;height:150px;display:block;margin:0 auto 6px}.pasos{position:relative;display:flex;padding:22px 0 10px}.paso-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;z-index:1}.paso-col .n{width:30px;height:30px;border-radius:50%;background:#ececec;color:#9a9a9a;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .25s,color .25s}.paso-col.activo .n{background:var(--rojo);color:#fff;box-shadow:0 0 0 4px #e2001a26}.paso-col.hecho .n{background:var(--ok);color:#fff}.paso-col .t{font-size:12.5px;font-weight:600;color:#a0a0a0}.paso-col.activo .t{color:var(--texto)}.paso-col.hecho .t{color:var(--texto-2)}.paso-col .arco{width:34px;height:30px;display:flex;align-items:center;justify-content:center}.paso-col .arco img{width:100%;height:100%;object-fit:contain}.pasos .track,.pasos .track-fill{position:absolute;top:35px;height:4px;border-radius:3px;z-index:0}.pasos .track{left:16.66%;right:16.66%;background:#ececec}.pasos .track-fill{left:16.66%;width:0;background:var(--ok);transition:width .6s ease}.pasos.p2 .track-fill{width:33.33%}.pasos.p3 .track-fill{width:66.66%}.pasos .pelota{position:absolute;top:37px;width:26px;height:26px;margin-top:-13px;z-index:2;transition:left .9s cubic-bezier(.45,.05,.3,1);animation:gg-girar 1.1s linear infinite}.pasos .pelota img{width:100%;height:100%;display:block}.pasos.p1 .pelota{left:calc(16.66% - 13px)}.pasos.p2 .pelota{left:calc(50% - 13px)}.pasos.p3 .pelota{left:calc(83.33% - 13px)}@keyframes gg-girar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pasos .pelota{animation:none;transition:none}}@media(max-width:600px){.page{margin:0;border-radius:0}.grid{grid-template-columns:1fr}.hero h1{font-size:22px}.q h2{font-size:19px}.step .lbl{display:none}.step .bar{margin:0 8px}.body{padding:22px 18px 26px}}