/* El Beduino · agenda */

.agenda-intro { padding-block: clamp(28px, 6vw, 72px) clamp(28px, 5vw, 56px); }
.agenda-intro-rejilla { display: grid; gap: 24px; }
.agenda-intro-texto { display: grid; gap: 12px; justify-items: start; }
.agenda-titulo { font-size: clamp(2.2rem, 1.4rem + 4vw, 3.6rem); }
.agenda-bajada { max-width: 52ch; font-size: clamp(1.125rem, 1.05rem + .4vw, 1.3rem); line-height: 1.5; }
.agenda-bajada .esq { min-width: 16rem; }
.agenda-principio { font-family: var(--f-mono); font-size: .875rem; color: var(--suave); }
@media (min-width: 880px) {
  .agenda-intro-rejilla { grid-template-columns: minmax(0, 1.4fr) minmax(300px, 1fr); align-items: end; gap: 56px; }
}

/* ---------- la semana ---------- */
.agenda-semana { padding-block: 24px 48px; }
.agenda-semana .seccion-titulo { margin-bottom: 20px; }
.dias { list-style: none; display: grid; gap: 12px; }
.dia {
  position: relative;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 18px 18px 20px;
  border: 1px solid var(--linea);
  border-radius: var(--radio);
  background: var(--papel);
}
.dia[data-hoy] { border-color: var(--curcuma); box-shadow: inset 4px 0 0 var(--curcuma); }
.dia-cabeza { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.dia-tipo { margin-left: auto; }
.dia-evento { font-size: 1.4rem; }
.dia-hora { font-family: var(--f-mono); font-size: .9375rem; font-variant-numeric: tabular-nums; }
.dia-que { color: var(--suave); }
.dia-datos {
  display: grid;
  gap: 6px;
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px dashed var(--linea);
  font-size: .9375rem;
}
.dia-datos div { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: 10px; }
.dia-datos dt {
  padding-top: 3px;
  font-family: var(--f-mono);
  font-size: .75rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--suave);
}
.dia-datos dd { font-family: var(--f-mono); font-size: .875rem; }
.dia[data-ancla] {
  --tinta: var(--noche-tinta);
  --suave: var(--noche-suave);
  --linea: var(--noche-linea);
  --fondo: var(--noche-fondo);
  --curcuma: #D2A74C;
  --brasa: #D98A69;
  --mar: #63B6B1;
  --foco: #63B6B1;
  border-color: transparent;
  background: var(--noche-fondo);
  color: var(--noche-tinta);
}
.dia-ancla {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--f-mono);
  font-size: .75rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--curcuma);
}
.dia-ancla .rombo { --acento: var(--brasa); }
.agenda-vacia { color: var(--suave); }
@media (min-width: 720px) {
  .dias { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- próximas fechas ---------- */
.agenda-fechas { padding-block: 8px 48px; }
.fechas { list-style: none; display: grid; gap: 12px; margin-top: 20px; }
.fecha {
  display: grid;
  gap: 6px;
  padding: 18px;
  border: 1px solid var(--linea);
  border-radius: var(--radio);
  background: var(--papel);
}
.fecha-dia { font-family: var(--f-titulo); font-weight: 800; font-size: 1.15rem; line-height: 1.2; color: var(--brasa); }
.fecha-nombre { font-size: 1.3rem; }
.fecha-artista { font-style: italic; }
.fecha-datos { font-family: var(--f-mono); font-size: .875rem; color: var(--suave); }
.fecha-que { color: var(--suave); }
@media (min-width: 720px) {
  .fecha { grid-template-columns: 13rem minmax(0, 1fr); column-gap: 28px; }
  .fecha-dia { grid-row: 1 / span 4; }
}

/* ---------- cierre ---------- */
.agenda-cierre { padding-block: 8px 72px; }
.agenda-cierre-caja {
  display: grid;
  justify-items: start;
  gap: 12px;
  padding: 24px;
  border: 1px solid var(--linea);
  border-radius: var(--radio);
}
.agenda-cierre-titulo { font-size: 1.5rem; }
.agenda-cierre-caja p { color: var(--suave); }