/*
 * ============================================================================
 * AIFA - Estilos Específicos de Autobús y Paradas
 * ============================================================================
 * Este archivo consolida los estilos de:
 * - cust029paradas.blade.php
 * - cust042estilosautobus.blade.php
 *
 * USO: Solo para páginas de autobús/transporte:
 * - page048autobuscdmxyzmvm
 * - page049autobusdestinosforaneos
 * - page015aifabus
 * - page012realgranada
 * - page075transportelocalparadas
 *
 * Fecha de creación: 2024-12-11
 * ============================================================================
 */

/* ==========================================================================
   1. PANEL DE UBICACIONES
   ========================================================================== */

.locations-panel .locations__panel-header {
  border-bottom: 0px solid #eaeaea;
  margin-bottom: 0px;
}

/* ==========================================================================
   2. HOVER DE UBICACIÓN (Consolidado de mp-hover y custom-modal-hover)
   ========================================================================== */

/* Estilos base para hover de ubicación */
.location-hover,
.mp-hover-location,
.custom-modal-hover-location {
  display: flex;
  align-items: center;
  transition: transform 0.2s;
  cursor: pointer;
}

/* Iconos de ubicación */
.location-hover .location-icon,
.mp-hover-location .mp-icon-location,
.custom-modal-hover-location .custom-modal-icon-location {
  font-size: 24px;
  color: gray;
  transition: color 0.3s, transform 0.2s;
}

/* Texto de ubicación */
.location-hover .location-text,
.mp-hover-location .mp-text-location,
.custom-modal-hover-location .custom-modal-text-location {
  font-size: 1.05rem;
  color: gray;
  transition: color 0.3s, font-size 0.3s;
}

/* Hover - Iconos */
.location-hover:hover .location-icon,
.mp-hover-location:hover .mp-icon-location,
.custom-modal-hover-location:hover .custom-modal-icon-location {
  color: red;
  font-size: 28px;
  animation: vibrar 0.3s;
}

/* Hover - Texto */
.location-hover:hover .location-text,
.mp-hover-location:hover .mp-text-location,
.custom-modal-hover-location:hover .custom-modal-text-location {
  color: black;
  font-size: 1.3333rem;
}

/* ==========================================================================
   3. ANIMACIÓN DE VIBRACIÓN
   ========================================================================== */

@keyframes vibrar {
  0% { transform: translate(0); }
  20% { transform: translate(-2px, 0); }
  40% { transform: translate(2px, 0); }
  60% { transform: translate(-2px, 0); }
  80% { transform: translate(2px, 0); }
  100% { transform: translate(0); }
}

/* ==========================================================================
   4. HORARIOS DE TRANSPORTE
   ========================================================================== */

.horariostransporte {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

/* ==========================================================================
   5. CAROUSEL TABS
   ========================================================================== */

#carouselTabs .heading {
  display: none;
}

/* ==========================================================================
   6. ENLACES HOVER (Color primario)
   ========================================================================== */

.\32 a:hover {
  color: #017a61;
}