/* El <li> sigue siendo horizontal: icono | textos */
.topbar__date .horarios {
  display: flex;
  align-items: center;
}

/* Dentro de este div, los horarios se apilan en columna */
.topbar__date .horarios-text {
  display: flex;
  flex-direction: column;   /* uno debajo del otro */
  line-height: 1.3;
}

/* (Opcional) separa un poco el texto del icono */
.topbar__date .horarios-text span {
  margin-left: 5px;
}

.icon-size{
    font-size: 20px !important;
}

.social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 18px;
  text-decoration: none;
  background: #f5f5f5; /* fondo neutro */
  transition: all 0.25s ease;
}

/* ✅ Color oficial Facebook */
.social-links a[href*="facebook"] i {
  color: #1877F2;
}

/* ✅ Color oficial Instagram (degradado real) */
.social-links a[href*="instagram"] {
  background: radial-gradient(
    circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285AEB 90%
  );
}

.social-links a[href*="instagram"] i {
  color: #fff;
}

/* ✅ Efecto hover elegante */
.social-links a:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.2);
}