@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap";
:root{--color-bg:#0b0a10;--color-card:#13111c;--color-gold:#f1a81d;--color-gold-hover:#d49216;--color-text-main:#fff;--color-text-muted:#9ca3af;--color-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}.coming-soon-container{background-image:url(/images/fondo.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100vw;min-height:100vh;padding:48px 0;font-family:Space Grotesk,sans-serif;position:relative;overflow-x:hidden}.coming-soon-container:before{content:"";z-index:0;background:#0b0a10d9;width:100%;height:100%;position:absolute;top:0;left:0}.coming-main{z-index:1;grid-template-columns:1fr;align-items:center;gap:48px;width:95%;max-width:1200px;margin:0 auto;display:grid;position:relative}@media (min-width:1024px){.coming-main{grid-template-columns:repeat(12,1fr)}.info-column,.form-column{grid-column:span 6}}.main-title{text-transform:uppercase;background:linear-gradient(to right, #fff, var(--color-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:3.5rem;font-weight:700}.description{color:var(--color-text-muted);max-width:500px;font-size:1.1rem;line-height:1.6}.countdown-section{flex-direction:column;gap:12px;display:flex}.countdown-label{text-transform:uppercase;color:var(--color-gold);letter-spacing:.15em;font-size:.75rem;font-weight:700}.countdown-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-width:440px;margin-top:20px;display:grid}.time-box{background-color:var(--color-card);border:1px solid var(--color-border);text-align:center;border-radius:12px;padding:16px}.time-number{color:var(--color-text-main);font-size:2.25rem;font-weight:700}.time-label{color:#555e6b;text-transform:uppercase;margin-top:4px;font-size:.65rem}.form-column{background-color:var(--color-card);border:1px solid #ffffff0d;border-radius:20px;padding:32px}.form-title{color:#fff;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:24px;font-size:1.3rem;font-weight:700;display:flex}.form-indicator{background:var(--color-gold);border-radius:3px;width:8px;height:20px}.registration-form{flex-direction:column;gap:20px;width:100%;display:flex}.input-group-row{gap:20px;width:100%;display:flex}.input-group{flex-direction:column;flex:1;gap:8px;display:flex}.input-group label{color:var(--color-text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.input-group input,.input-group textarea,.input-group select{border:1px solid var(--color-border);color:#fff;box-sizing:border-box;background:#0006;border-radius:10px;width:100%;padding:16px;font-family:inherit;font-size:1rem}.submit-btn{background-color:var(--color-gold);color:#000;cursor:pointer;text-transform:uppercase;border:none;border-radius:8px;margin-top:10px;padding:16px;font-weight:700}.modal-overlay{z-index:9999;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;background:#13111c;border:2px solid #f1a81d;border-radius:20px;width:100%;max-width:400px;padding:40px}.modal-content h3{color:#f1a81d;margin-bottom:16px}.modal-content p{color:#fff;margin-bottom:24px}@media (max-width:767px){.coming-soon-container{padding:24px 16px}.main-title{font-size:2.2rem;line-height:1.1}.coming-main{gap:32px}.countdown-grid{gap:8px;margin-top:16px}.time-box{padding:10px 8px}.time-number{font-size:1.5rem}.input-group-row{flex-direction:column;gap:16px}.form-column{padding:20px}.modal-content{padding:24px}}
