/* ==========================================================================
   Portada (solo la carga paginas/inicio.html) · 5-nov-2026
   Seis arreglos de diseño. Va aparte para no tocar las otras 92 páginas.
   ========================================================================== */

/* --------------------------------------------------------------------------
   6 · Contraste del texto de lectura: 7:1 o más sobre el fondo casi negro.
   Antes: medio #b6b2c4 (9,7:1) y tenue #7d7a8a (4,8:1).
   Ahora: medio #c9c6d4 (12:1) y tenue #a9a6b6 (8,4:1).
   -------------------------------------------------------------------------- */
:root {
  --texto-medio: #c9c6d4;
  --texto-tenue: #a9a6b6;
}

/* El lugar y el tipo de fiesta de cada reseña iban en rosa a 6,7:1 */
.testimonio footer span,
.testimonio__meta,
.testimonio cite + span,
.testimonio small,
.testimonio figcaption span {
  color: var(--texto-medio);
}

/* --------------------------------------------------------------------------
   3 · Próximas fiestas: la más cercana en grande con su foto, y las demás
   en lista de texto al lado. Ya no son tres tarjetas iguales.
   -------------------------------------------------------------------------- */
#proximasFiestas {
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  grid-auto-rows: auto;
  gap: 0 clamp(2rem, 4vw, 3.5rem);
  align-items: start;
}

#proximasFiestas .evento:first-child {
  grid-row: span 2;
  min-height: clamp(440px, 52vw, 600px);
}
#proximasFiestas .evento:first-child h3 { font-size: clamp(2rem, 4vw, 3.2rem); }
#proximasFiestas .evento:first-child p  { font-size: 1.05rem; max-width: 46ch; color: var(--texto); }

/* Las demás: renglones con raya fina, sin foto */
#proximasFiestas .evento:not(:first-child) {
  min-height: 0;
  padding: 1.6rem 0;
  border: 0;
  border-bottom: 1px solid var(--borde);
  border-radius: 0;
  background: none;
  justify-content: flex-start;
}
#proximasFiestas .evento:not(:first-child):nth-child(2) { border-top: 1px solid var(--borde); }
#proximasFiestas .evento:not(:first-child):hover {
  transform: none;
  box-shadow: none;
  border-color: var(--borde);
}
#proximasFiestas .evento:not(:first-child) .evento__fondo { display: none; }
#proximasFiestas .evento:not(:first-child) .evento__fecha {
  position: static;
  justify-self: start;
  align-self: flex-start;
  margin-bottom: .9rem;
}
#proximasFiestas .evento:not(:first-child) h3,
#proximasFiestas .evento:not(:first-child) p { text-shadow: none; }
#proximasFiestas .evento:not(:first-child) p { color: var(--texto-medio); }

@media (max-width: 820px) {
  #proximasFiestas { grid-template-columns: 1fr; }
  #proximasFiestas .evento:first-child { grid-row: auto; margin-bottom: 1rem; }
}

/* --------------------------------------------------------------------------
   2 y 4 · Lo que llevamos hecho: una frase grande en vez de la tira de cifras
   con franja roja.
   -------------------------------------------------------------------------- */
.seccion--trayectoria {
  background: var(--fondo);
  border-block: 1px solid var(--borde);
}
.trayectoria {
  margin: 0;
  max-width: 26ch;
  font-family: var(--display);
  font-size: clamp(1.75rem, 4.2vw, 3.4rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.02em;
  color: var(--texto);
}
.trayectoria__fuente {
  margin: 1.4rem 0 0;
  font-size: .9rem;
  color: var(--texto-tenue);
}

/* --------------------------------------------------------------------------
   Repaso 5-nov (tarde)
   -------------------------------------------------------------------------- */

/* Placas de residencias y universidades: fuera el filo rojo de arriba. El
   nombre en grande y el tipo en pequeño ya ordenan el muro. */
.marca::before,
.marca:hover::before { display: none; }

/* Asterisco de campo obligatorio: el rojo vivo daba 4,8:1. Este rosa da 8:1. */
.campo label span { color: #ff8a97; }