/* ==========================================================================
   Brewhaus Sports Bar — página "Coming soon" con cuenta regresiva
   Se apoya en base.css, header.css (selector de idioma) y footer.css (.social).
   ========================================================================== */

.cs{min-height:100vh;background:var(--azul-profundo);color:var(--blanco-calido)}

/* Fondo con patrón deportivo, con desenfoque tenue y velo azul para que el texto se lea */
.cs__bg{position:fixed;inset:-12px;z-index:-1;background:url("../Imagenes/web/bg-coming-soon.jpg") center/cover no-repeat;filter:blur(2.5px)}
.cs__bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(7,27,73,.22) 0%,rgba(7,27,73,.72) 100%)}

.cs__main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:96px var(--gutter) 64px;text-align:center}
.cs__lang{position:absolute;top:24px;right:24px}
.cs .lang-switch__opt{color:var(--blanco-calido)}
html[lang^="en"] .cs .lang-switch__opt[data-lang="en"],html[lang^="es"] .cs .lang-switch__opt[data-lang="es"]{background:var(--acento);color:var(--azul-profundo)}
.cs .lang-switch:hover{border-color:var(--blanco-calido)}

.cs__logo{display:block;width:clamp(96px,14vw,140px);margin-bottom:28px;filter:drop-shadow(0 12px 30px rgba(3,10,32,.5))}
.cs__logo img{width:100%;height:auto}
.cs .eyebrow{margin-bottom:6px;color:var(--acento)}
.cs__titulo{font-size:clamp(64px,13vw,150px);line-height:.88;color:var(--blanco-calido)}
.cs__lead{max-width:520px;margin:18px auto 0;font-size:clamp(16px,2vw,19px);color:rgba(245,243,237,.9)}

/* Cuenta regresiva */
.cs__contador{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,2vw,20px);width:min(640px,100%);margin-top:40px}
.cs__unidad{padding:clamp(14px,3vw,26px) 8px;border:1px solid rgba(245,243,237,.22);border-radius:var(--radio-bloque);background:rgba(7,27,73,.55);backdrop-filter:blur(6px);box-shadow:0 18px 40px rgba(3,10,32,.35)}
.cs__unidad strong{display:block;font-family:var(--font-display);font-size:clamp(44px,9vw,84px);line-height:1;font-weight:800;font-variant-numeric:tabular-nums;color:var(--acento)}
.cs__unidad span{display:block;margin-top:6px;font-size:clamp(11px,1.6vw,13px);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(245,243,237,.85)}
.cs__listo{margin-top:40px;padding:24px 32px;border:1px solid rgba(237,155,51,.6);border-radius:var(--radio-bloque);background:rgba(7,27,73,.6)}
.cs__listo[hidden]{display:none}
.cs__listo-t{font-family:var(--font-display);font-size:clamp(40px,8vw,64px);line-height:1;font-weight:800;text-transform:uppercase;color:var(--acento)}
.cs__fecha{margin-top:18px;font-size:14px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(245,243,237,.85)}

.cs__cta{justify-content:center;margin-top:28px}
.cs__redes{margin-top:36px}
.cs__redes p{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(245,243,237,.75)}
.cs__redes .social{justify-content:center;margin-top:10px}

@media (max-width:767px){
  .cs__main{padding-top:88px}
  .cs__lang{top:16px;right:16px}
  .cs__contador{margin-top:32px}
}
@media (prefers-reduced-motion:reduce){.cs__bg{filter:blur(2.5px)}}
.cs__listo .btn{margin-top:16px}