@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";
:root{--c-gold:#f5a623;--c-gold-dark:#c4821c;--c-gold-light:#fde8c0;--c-night:#0d0d1a;--c-night-mid:#1a1a35;--c-night-soft:#252545;--c-accent:#7b61ff;--c-accent-glow:#7b61ff4d;--c-success:#22c55e;--c-danger:#ef4444;--c-warn:#f59e0b;--font-display:"Syne", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--sp-xs:.25rem;--sp-sm:.5rem;--sp-md:1rem;--sp-lg:1.5rem;--sp-xl:2rem;--sp-2xl:3rem;--r-sm:6px;--r-md:12px;--r-lg:20px;--r-xl:28px;--r-full:9999px;--shadow-card:0 4px 24px #0000002e;--shadow-glow:0 0 32px #7b61ff33;--shadow-gold:0 0 24px #f5a62340;--t-fast:.15s ease;--t-base:.25s ease;--t-slow:.4s ease}.concursos-root *{box-sizing:border-box;margin:0;padding:0}.concursos-root{font-family:var(--font-body);background:var(--c-night);color:#e8e8f0;min-height:100vh}.concursos-root h1,.concursos-root h2,.concursos-root h3,.concursos-root h4{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.1}.text-gold{color:var(--c-gold)}.text-accent{color:var(--c-accent)}.text-muted{color:#e8e8f080}.text-success{color:var(--c-success)}.text-danger{color:var(--c-danger)}.concursos-container{max-width:1280px;padding:0 var(--sp-lg);margin:0 auto}.concursos-grid{gap:var(--sp-lg);display:grid}.concursos-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.concursos-grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.concursos-grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:var(--c-night-mid);border-radius:var(--r-lg);transition:transform var(--t-base), box-shadow var(--t-base), border-color var(--t-base);border:1px solid #ffffff12;overflow:hidden}.card:hover{box-shadow:var(--shadow-card);border-color:#ffffff24;transform:translateY(-3px)}.card-gold{border-color:var(--c-gold-dark);box-shadow:var(--shadow-gold)}.card-accent{box-shadow:var(--shadow-glow);border-color:#7b61ff66}.card-body{padding:var(--sp-lg)}.card-image{aspect-ratio:16/9;object-fit:cover;width:100%}.btn{justify-content:center;align-items:center;gap:var(--sp-sm);font-family:var(--font-display);letter-spacing:.02em;border-radius:var(--r-full);cursor:pointer;transition:all var(--t-base);white-space:nowrap;border:none;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-gold{background:linear-gradient(135deg, var(--c-gold), var(--c-gold-dark));color:var(--c-night)}.btn-gold:hover{filter:brightness(1.1);transform:scale(1.02)}.btn-accent{background:var(--c-accent);color:#fff}.btn-accent:hover{filter:brightness(1.15);transform:scale(1.02)}.btn-outline{color:#e8e8f0;background:0 0;border:1px solid #fff3}.btn-outline:hover{background:#ffffff0f;border-color:#fff6}.btn-sm{padding:.4rem .9rem;font-size:.8rem}.btn-lg{padding:.875rem 2rem;font-size:1rem}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.badge{border-radius:var(--r-full);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-live{color:#fc8181;background:#ef444426;border:1px solid #ef44444d}.badge-live:before{content:"";background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite pulsar}.badge-proximo{color:var(--c-gold);background:#f5a6231f;border:1px solid #f5a6234d}.badge-activo{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e4d}.badge-cerrado{color:#e8e8f066;background:#ffffff0f;border:1px solid #ffffff1a}.form-group{gap:var(--sp-xs);flex-direction:column;display:flex}.form-label{color:#e8e8f099;letter-spacing:.04em;font-size:.8rem;font-weight:500}.form-input{border-radius:var(--r-md);color:#e8e8f0;font-family:var(--font-body);transition:border-color var(--t-fast), background var(--t-fast);background:#ffffff0d;border:1px solid #ffffff1a;outline:none;width:100%;padding:.6rem .9rem;font-size:.9rem}.form-input:focus{border-color:var(--c-accent);background:#7b61ff0f}.form-input::placeholder{color:#e8e8f04d}.countdown{gap:var(--sp-md);font-family:var(--font-display);display:flex}.countdown-unit{text-align:center;background:var(--c-night-soft);border-radius:var(--r-md);padding:var(--sp-sm) var(--sp-md);min-width:56px}.countdown-num{color:var(--c-gold);font-size:1.75rem;font-weight:700;line-height:1;display:block}.countdown-label{text-transform:uppercase;letter-spacing:.08em;color:#e8e8f066;margin-top:4px;font-size:.65rem;display:block}.progress-track{border-radius:var(--r-full);background:#ffffff12;height:6px;overflow:hidden}.progress-fill{border-radius:var(--r-full);background:linear-gradient(90deg, var(--c-accent), var(--c-gold));height:100%;transition:width var(--t-slow)}.step-indicator{align-items:center;gap:0;display:flex}.step-dot{width:32px;height:32px;font-size:.8rem;font-weight:700;font-family:var(--font-display);transition:all var(--t-base);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.step-dot.completado{background:var(--c-success);color:#fff}.step-dot.activo{background:var(--c-accent);color:#fff;box-shadow:0 0 16px var(--c-accent-glow)}.step-dot.pendiente{background:var(--c-night-soft);color:#e8e8f066;border:1px solid #ffffff1a}.step-line{background:#ffffff14;flex:1;height:2px;margin:0 -1px}.step-line.completada{background:var(--c-success)}.qr-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d0d1aeb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qr-frame{border:2px solid var(--c-gold);border-radius:var(--r-lg);width:260px;height:260px;position:relative}.qr-frame:before,.qr-frame:after{content:"";border-color:var(--c-accent);border-style:solid;width:24px;height:24px;position:absolute}.qr-frame:before{border-width:3px 0 0 3px;border-radius:8px 0 0;top:-2px;left:-2px}.qr-frame:after{border-width:0 3px 3px 0;border-radius:0 0 8px;bottom:-2px;right:-2px}@keyframes pulsar{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes flotar{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes brillar{0%,to{box-shadow:0 0 20px #f5a62333}50%{box-shadow:0 0 40px #f5a62380}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:.4s forwards slideUp}.animate-fade-in{animation:.3s forwards fadeIn}.animate-float{animation:3s ease-in-out infinite flotar}.animate-glow{animation:2s ease-in-out infinite brillar}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--sp-sm)}.gap-md{gap:var(--sp-md)}.gap-lg{gap:var(--sp-lg)}.w-full{width:100%}.text-center{text-align:center}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:768px){.concursos-grid-2,.concursos-grid-3,.concursos-grid-4{grid-template-columns:1fr}.concursos-container{padding:0 var(--sp-md)}.countdown-num{font-size:1.4rem}.countdown-unit{min-width:44px;padding:var(--sp-xs) var(--sp-sm)}}