/* ===== Ventisca Festividades — estilos finales ===== */

/* Contenedor */
.vf-card{
  background: linear-gradient(180deg,#9c332b,#7a2622);
  color:#fff;
  border-radius:16px;
  padding:24px;
}

/* Lista sin viñetas ni márgenes */
.vf-list{ list-style:none !important; margin:0 !important; padding:0 !important; }
.vf-list > li{ list-style:none !important; margin:0 !important; }

/* Ítem: fecha a la izquierda, info a la derecha */
.vf-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:12px 0;
  border-top:1px solid rgba(255,255,255,.12);
}
.vf-item:first-child{ border-top:0; }

/* Bloque fecha */
.vf-date{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  flex:0 0 56px;
}
.vf-month{
  font-size:.8rem;
  letter-spacing:.08em;
  font-weight:600;
  opacity:.9;
  text-transform:uppercase;
}
.vf-day{
  font-size:26px;
  line-height:1;
  font-weight:800;
  margin:0;
}

/* Texto */
.vf-info{ flex:1 1 auto; min-width:0; }
.vf-range{ color:rgba(255,255,255,.9); margin-bottom:2px; }
.vf-name{ font-weight:700; letter-spacing:.05em; margin:0 0 2px 0; }
.vf-place{ color:rgba(255,255,255,.9); }

/* Responsivo */
@media (max-width:1024px){
  .vf-date{ flex-basis:52px; }
  .vf-day{ font-size:24px; }
}
@media (max-width:480px){
  .vf-item{ align-items:flex-start; gap:10px; }
  .vf-date{ flex-basis:46px; }
  .vf-day{ font-size:22px; }
  .vf-month{ font-size:.75rem; }
  .vf-range,.vf-place{ font-size:.9rem; }
}