/* Horario Moderno para sección de sedes */
.horario-modern {
  background: linear-gradient(120deg, #e3f0ff 0%, #f8fdff 100%);
  border-radius: 1.5rem;
  box-shadow: 0 4px 24px 0 rgba(31, 38, 135, 0.10);
  padding: 0.8rem 1.5rem; /* Reducimos más el padding vertical */
  margin-bottom: 1rem;
  max-width: 650px; /* Hacemos la tarjeta aún más ancha */
  margin-left: auto;
  margin-right: auto;
  animation: horario-fadein 1.1s cubic-bezier(.4,2,.6,1);
  position: relative;
}

@keyframes horario-fadein {
  from { opacity: 0; transform: translateY(30px) scale(0.97); }
  to { opacity: 1; transform: none; }
}

.horario-modern-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: #1a365d;
  margin-bottom: 0.4rem; /* Reducimos más el margen inferior del título */
  letter-spacing: 0.5px;
}

.horario-modern-title i {
  font-size: 1.7rem;
  color: #42a5f5;
  filter: drop-shadow(0 2px 8px #90caf9cc);
}

.horario-modern-dia {
  font-size: 1.1rem;
  font-weight: 600;
  color: #263238;
  margin-bottom: 0.1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.horario-modern-hora {
  font-size: 1.1rem;
  color: #1976d2;
  font-weight: 500;
  margin-bottom: 0.4rem; /* Ajustamos el margen inferior */
  margin-left: 1.7rem;
}

.horario-modern-extra {
  font-size: 1rem;
  color: #388e3c;
  font-weight: 500;
  margin-top: 0.4rem; /* Reducimos el margen superior */
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.horario-modern-extra i {
  color: #388e3c;
}

/* Responsive adjustments for horario-modern */
@media (max-width: 768px) {
  .horario-modern {
    max-width: 100%;
    padding: 0.6rem 1rem;
    margin-bottom: 0.8rem;
  }
  
  .horario-modern-title {
    font-size: 1.2rem;
    gap: 0.5rem;
  }
  
  .horario-modern-dia {
    font-size: 0.95rem;
  }
  
  .horario-modern-hora {
    font-size: 0.95rem;
    margin-left: 1.5rem;
  }
}

@media (max-width: 480px) {
  .horario-modern {
    padding: 0.5rem 0.8rem;
  }
  
  .horario-modern-title {
    font-size: 1.1rem;
    gap: 0.4rem;
  }
  
  .horario-modern-title i {
    font-size: 1.4rem;
  }
  
  .horario-modern-dia,
  .horario-modern-hora {
    font-size: 0.9rem;
  }
  
  .horario-modern-extra {
    font-size: 0.85rem;
  }
}