/* =====================================================================
   ICC México — HOME 2026 (subdominio)
   El home queda EXACTAMENTE como el tema original; lo único que hacemos
   es dar un espaciado vertical uniforme y cómodo entre secciones.
   ===================================================================== */

/* Espaciado uniforme entre las secciones del home */
.flat-row.padding-small,
.flat-row.no-padding{
  padding-top: clamp(30px, 4.5vw, 56px) !important;
  padding-bottom: clamp(30px, 4.5vw, 56px) !important;
}

/* El separador quedaba con altura irregular; lo normalizamos a un respiro fijo */
.line-under{
  margin: 0 !important;
  height: clamp(6px, 1.5vw, 14px) !important;
  border: none !important;
}

/* ---------- Fecha como tarjetita/badge sobre la imagen (eventos y sesiones) ---------- */
.contenedor-eventos .event-item{ position: relative; }
.contenedor-eventos .event-thumbnail{ position: relative; }
.contenedor-eventos .date-block{
  position: absolute !important;
  top: 12px !important; left: 12px !important; right: auto !important; bottom: auto !important;
  z-index: 4;
  background: #000 !important;
  color: #fff !important;
  border-radius: 0 !important;      /* cuadradas */
  padding: 10px 10px !important;
  text-align: center;
  line-height: 1.05;
  width: 62px; height: 62px;         /* cuadradas */
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  box-shadow: 0 4px 14px rgba(0,0,0,.32);
}
.contenedor-eventos .date-block .day{
  font-family: "Libre Franklin", system-ui, sans-serif;
  font-size: 20px; font-weight: 800; color: #fff !important; display: block;
}
.contenedor-eventos .date-block .month{
  font-family: "Libre Franklin", system-ui, sans-serif;
  font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
  color: #fff !important; display: block; margin: 1px 0;
}
/* El tercer div (año) es .day pero más chico */
.contenedor-eventos .date-block .day:last-child{
  font-size: 11px; font-weight: 600; color: #fff !important; opacity: .9;
}
