/*
 * Página de Próximamente de Nalt. Solo variables de tlq-sitio-tokens.css (sin colores sueltos).
 * Pensada primero para celular; botones y zonas táctiles de al menos 48 px.
 */

body.tlq-proximamente { margin: 0; background: var(--nalt-negro); color: var(--color-texto); font-family: var(--nalt-fuente); }
.tlq-proximamente .tlq-pie, .tlq-proximamente .tlq-barra, .tlq-proximamente .tlq-barra-hueco, .tlq-proximamente #wpadminbar { display: none !important; }
html:has(body.tlq-proximamente) { margin-top: 0 !important; }

.tlq-prox { background: var(--color-fondo); }
.tlq-prox h1, .tlq-prox h2, .tlq-prox h3 { font-family: var(--nalt-fuente-titulo); margin: 0; }

.tlq-prox__hero {
  position: relative;
  padding: var(--nalt-espacio-6) var(--nalt-espacio-4) calc(var(--nalt-espacio-6) + 15px);
  background:
    radial-gradient(circle at 15% 20%, var(--nalt-jade-oscuro) 0, transparent 38%),
    radial-gradient(circle at 85% 80%, var(--nalt-naranja-texto) 0, transparent 34%),
    var(--nalt-negro);
  color: var(--color-acento-2-texto);
  text-align: center;
}
.tlq-prox__hero::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 15px;
  background: var(--nalt-naranja);
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 97.5% 100%, 92.5% 0%, 87.5% 100%, 82.5% 0%, 77.5% 100%, 72.5% 0%, 67.5% 100%, 62.5% 0%, 57.5% 100%, 52.5% 0%, 47.5% 100%, 42.5% 0%, 37.5% 100%, 32.5% 0%, 27.5% 100%, 22.5% 0%, 17.5% 100%, 12.5% 0%, 7.5% 100%, 2.5% 0%, 0 100%);
}
.tlq-prox__saludo { margin: 0 0 var(--nalt-espacio-3); font-size: var(--nalt-texto-sm); font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--nalt-jade-sobre-oscuro); }
.tlq-prox__hero h1 { max-width: 14ch; margin: 0 auto var(--nalt-espacio-4); font-size: clamp(2.25rem, 1.4rem + 4.5vw, 4.5rem); font-weight: 800; line-height: 1.02; color: var(--nalt-naranja); text-wrap: balance; }
.tlq-prox__lead { max-width: 620px; margin: 0 auto var(--nalt-espacio-5); font-size: var(--nalt-texto-lg); line-height: 1.45; }
.tlq-prox__abrimos { margin: 0 0 var(--nalt-espacio-3); font-family: var(--nalt-fuente-titulo); font-size: var(--nalt-texto-lg); font-weight: 700; color: var(--nalt-dorado); }
.tlq-prox__abrimos strong { color: var(--color-acento-2-texto); }
.tlq-prox__reloj { display: flex; justify-content: center; gap: var(--nalt-espacio-3); margin: 0 0 var(--nalt-espacio-4); }
.tlq-prox__reloj div { min-width: 76px; padding: var(--nalt-espacio-3); background: var(--nalt-negro-suave); border: 1px solid var(--color-borde-oscuro, var(--nalt-negro-suave)); border-radius: var(--nalt-radio-lg); }
.tlq-prox__reloj span { display: block; font-family: var(--nalt-fuente-titulo); font-size: var(--nalt-texto-xxl); font-weight: 800; line-height: 1; color: var(--nalt-naranja); font-variant-numeric: tabular-nums; }
.tlq-prox__reloj small { display: block; margin-top: var(--nalt-espacio-1); font-size: var(--nalt-texto-xs); text-transform: uppercase; letter-spacing: .08em; }
.tlq-prox__aviso { display: inline-block; margin: 0 0 var(--nalt-espacio-4); padding: var(--nalt-espacio-2) var(--nalt-espacio-4); background: var(--nalt-jade-claro); border-radius: var(--nalt-radio-pill); color: var(--nalt-jade-oscuro); font-size: var(--nalt-texto-sm); font-weight: 700; }
.tlq-prox__boton {
  display: flex; align-items: center; justify-content: center;
  width: fit-content; min-height: var(--nalt-boton-alto); margin: var(--nalt-espacio-4) auto 0; padding: 0 var(--nalt-espacio-6);
  background: var(--nalt-naranja); border-radius: var(--nalt-radio-md);
  color: var(--nalt-negro); font-weight: 800; text-decoration: none;
  transition: transform 150ms var(--nalt-ease-out), filter 150ms var(--nalt-ease-out);
}
.tlq-prox__boton:active { transform: scale(.97); }
@media (hover: hover) and (pointer: fine) { .tlq-prox__boton:hover { filter: brightness(1.08); } }

.tlq-prox__seccion { max-width: 1100px; margin: 0 auto; padding: var(--nalt-espacio-6) var(--nalt-espacio-4); }
.tlq-prox__seccion > h2 { margin-bottom: var(--nalt-espacio-4); font-size: var(--nalt-texto-xl); font-weight: 800; color: var(--color-texto); }
.tlq-prox__seccion p { line-height: 1.55; }
.tlq-prox__rejilla { display: grid; grid-template-columns: 1fr; gap: var(--nalt-espacio-4); }
.tlq-prox__tarjeta { padding: var(--nalt-espacio-4); background: var(--color-fondo-tarjeta); border: 1px solid var(--color-borde); border-top: 6px solid var(--nalt-naranja); border-radius: var(--nalt-radio-lg); box-shadow: var(--nalt-sombra-tarjeta); }
.tlq-prox__tarjeta:nth-child(3n+2) { border-top-color: var(--nalt-jade); }
.tlq-prox__tarjeta:nth-child(3n) { border-top-color: var(--nalt-negro); }
.tlq-prox__tarjeta h3 { margin-bottom: var(--nalt-espacio-2); font-size: var(--nalt-texto-lg); font-weight: 800; }
.tlq-prox__tarjeta p { margin: 0; font-size: var(--nalt-texto-sm); }

.tlq-prox__seccion--oscura { max-width: none; background: var(--nalt-negro); color: var(--color-acento-2-texto); }
.tlq-prox__seccion--oscura > h2 { color: var(--nalt-naranja); max-width: 1100px; margin-left: auto; margin-right: auto; }
.tlq-prox__pasos { max-width: 1100px; margin: 0 auto; padding: 0; list-style: none; counter-reset: paso; display: grid; gap: var(--nalt-espacio-3); }
.tlq-prox__pasos li { counter-increment: paso; display: flex; align-items: center; gap: var(--nalt-espacio-4); padding: var(--nalt-espacio-3) var(--nalt-espacio-4); background: var(--nalt-negro-suave); border: 1px solid var(--color-borde-oscuro, var(--nalt-negro-suave)); border-radius: var(--nalt-radio-lg); font-size: var(--nalt-texto-base); }
.tlq-prox__pasos li::before { content: counter(paso); flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--nalt-radio-pill); background: var(--nalt-naranja); color: var(--nalt-negro); font-family: var(--nalt-fuente-titulo); font-weight: 800; }

.tlq-prox__correo { display: inline-flex; align-items: center; min-height: 48px; font-weight: 800; color: var(--nalt-jade-oscuro); }
.tlq-prox__faq { margin-bottom: var(--nalt-espacio-3); background: var(--color-fondo-tarjeta); border: 1px solid var(--color-borde); border-radius: var(--nalt-radio-lg); }
.tlq-prox__faq summary { display: flex; align-items: center; min-height: 56px; padding: 0 var(--nalt-espacio-4); font-weight: 700; cursor: pointer; }
.tlq-prox__faq summary:focus-visible, .tlq-prox a:focus-visible { outline: 3px solid var(--nalt-jade); outline-offset: 2px; }
.tlq-prox__faq p { margin: 0; padding: 0 var(--nalt-espacio-4) var(--nalt-espacio-4); font-size: var(--nalt-texto-sm); }

.tlq-prox__pie { padding: var(--nalt-espacio-5) var(--nalt-espacio-4); background: var(--nalt-negro); color: var(--color-texto-tenue); text-align: center; font-size: var(--nalt-texto-xs); }
.tlq-prox__pie p { margin: 0 0 var(--nalt-espacio-2); }
.tlq-prox__pie a { color: var(--color-acento-2-texto); }

@media (min-width: 768px) {
  .tlq-prox__hero { padding: calc(var(--nalt-espacio-6) * 2) var(--nalt-espacio-5) calc(var(--nalt-espacio-6) * 2); }
  .tlq-prox__rejilla { grid-template-columns: repeat(2, 1fr); }
  .tlq-prox__seccion { padding: calc(var(--nalt-espacio-6) * 1.5) var(--nalt-espacio-5); }
  .tlq-prox__pasos { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .tlq-prox__rejilla { grid-template-columns: repeat(3, 1fr); }
  .tlq-prox__pasos { grid-template-columns: repeat(4, 1fr); }
  .tlq-prox__pasos li { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) { .tlq-prox__boton { transition: none; } }