/* ============================================================
   THIS WEEK · capa propia sobre prototipo.css (gramática de la
   web raíz). Solo componentes de la edición: héroe claro, saltos
   de sección, cabeceras de día y líneas de cierre. La cabecera
   nace sólida (esta página no tiene héroe oscuro): superficie
   blanca translúcida y texto navy desde el primer píxel.
   ============================================================ */

@media (min-width: 761px){
  .site-header{ background: rgba(255,255,255,.96); backdrop-filter: blur(14px); box-shadow: 0 1px 0 var(--line); }
  .site-header .brand span, .site-header .main-nav a,
  .site-header .lang-switch a, .site-header .lang-switch i{ color: var(--navy); }
  .site-header .main-nav a:hover{ color: var(--cyan); }
}

/* Héroe de la edición (claro) */
.tw-hero{ padding-top: clamp(130px, 16vw, 190px); padding-bottom: clamp(56px, 7vw, 96px); }
.tw-hero h1{ font-size: clamp(3rem, 9vw, 7.5rem); }
.tw-hero .lead{ max-width: 880px; }
.tw-jumps{ display: flex; gap: 14px; flex-wrap: wrap; margin: 30px 0 0; }
.tw-jump{
  display: inline-block; background: var(--navy); color: #fff; text-decoration: none;
  font-size: .8rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase;
  padding: 15px 30px; border-radius: 999px;
}
.tw-jump.ghost{ background: transparent; color: var(--navy); border: 1.5px solid var(--navy); }
.tw-jump:hover{ background: var(--navy-deep); color: #fff; }
.tw-jump.ghost:hover{ background: var(--navy); }
.tw-edition{ margin: 26px 0 0; font-size: .78rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--ink-soft); }

/* Botón de entradas dentro del destacado: ancho contenido, como en la raíz */
.feature-in .btn-tickets{ width: min(340px, 100%); }
/* La regla .feature-event img de la raíz (pensada para el póster) también
   alcanza al logo del botón TICKETS y lo estira a todo el botón: se
   restaura aquí el tamaño del diseño del botón (logo 38 px a la esquina). */
.feature-event .btn-tickets img{
  inset: auto; left: 12px; top: 50%; transform: translateY(-50%);
  width: 38px; height: 38px; border-radius: 50%;
}

/* Esta superficie es la guía completa de la semana: su rejilla de eventos
   va en parrilla editorial visible (la raíz conserva su carril en el
   capítulo resumido; aquí manda la lista completa, sin scroll lateral). */
.events-grid{
  display: grid; gap: clamp(20px, 2.4vw, 34px); margin-top: 48px;
  grid-template-columns: 1fr; max-width: 1380px; margin-inline: auto;
  overflow-x: visible; padding-bottom: 0;
}
@media (min-width: 760px){ .events-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1240px){ .events-grid{ grid-template-columns: repeat(3, 1fr); } }
.events-grid .event-card{ flex: none; }

/* Cabeceras de día dentro de «The week ahead» */
.tw-day{
  margin: 46px 0 18px; padding-top: 26px; border-top: 1px solid var(--line);
  font-size: clamp(1.05rem, .95rem+.5vw, 1.35rem); letter-spacing: .02em;
}
#week-ahead .tw-day:first-of-type{ margin-top: 10px; }
.tw-tm-line{ border-bottom: 0; color: var(--cyan-text); font-size: .8rem; letter-spacing: .22em; text-transform: uppercase; }

/* Línea de asociación (cierre) */
.tw-assoc{ margin: 44px 0 0; max-width: 900px; font-size: .85rem; color: var(--ink-soft); }

/* Segunda fila fina del pie: curaduría y atribución de la Fundación */
.site-footer .fine.tw-fine{ margin-top: 0; border-top: 0; padding-top: 10px; }