/* Asegura que el contenedor padre ocupe todo el alto */
.locales-map {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 500px; 
}

/* Ocultar todos los mapas por defecto */
.map-item {
  width: 100%;
  min-height: 550px;
  z-index: 0;
  opacity: 0;
  position: absolute;
}

/* Mostrar solo el mapa activo */
.map-item.active {
  display: block;
  opacity: 1;
  animation: fadeIn 0.5s ease;
  z-index: 1;
}

/* Ajuste para que el iframe o contenido ocupe todo el espacio */
.map-item iframe, 
.map-item .map-placeholder {
  width: 100%;
  height: 100%;
  border-radius: 20px; /* Mantener bordes redondeados */
  border: none;
}

.locales-wrapper {
  color: var( --e-global-color-primary ); /* Azul marino */
}

.locales-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 50% texto, 50% mapa */
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
}

/* --- Columna Izquierda --- */
.main-title {
	font-family: "Canela", Sans-serif;
	font-size: 50px;
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 30px;
  font-weight: 400;
  letter-spacing: 1px;
}

/* Navegación de Países */
.country-tabs {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.tab-link {
	font-family: "Canela", Sans-serif;
  background: transparent !important;
  border: none !important;
  font-size: 14px;
  color: var( --e-global-color-primary ); /* Azul más claro inactivo */
	opacity: 0.5;
  cursor: pointer;
  text-transform: uppercase;
  padding: 0;
}

.tab-link.active, .tab-link:hover {
  opacity: 1;
	border-radius: 0;
	border-bottom: solid 1px var( --e-global-color-primary ) !important; /* Línea inferior para activo */
	box-shadow: none !important;
}

.arrow {
  font-size: 0.8rem;
  margin-left: 2px;
}

/* Lista de Locales */
.locales-list {
  display: none; /* Ocultos por defecto */
}

.locales-list.active {
  display: block; /* Solo visible el activo */
  animation: fadeIn 0.5s ease;
}

.local-item {
  border-bottom: 2px solid var(--e-global-color-primary); /* Línea divisoria sutil */
  padding-bottom: 20px;
  margin-bottom: 25px;
}

.local-item:last-child {
  border-bottom: none;
}

.local-name {
	font-family: "Canela", Sans-serif;
  font-size: 30px;
  font-weight: 400;
	text-transform: uppercase;
  margin-bottom: 15px;
  margin-top: 0;
}

.local-details {
	font-family: "Balneario", Sans-serif;
	font-weight: 400;
  list-style: none;
  padding: 0;
  margin: 0;
}

.local-details li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: 0.95rem;
  line-height: 1.5;

	a {
		color: var( --e-global-color-primary );
		text-decoration: none;
	}
}

.icon-placeholder {
  margin-right: 12px;
  min-width: 20px;
  /* Aquí puedes ajustar el tamaño si usas SVGs o FontAwesome */
}

/* --- Columna Derecha (Mapa) --- */
.locales-map {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 550px; /* Altura mínima para asegurar visibilidad */
}

.map-placeholder {
  width: 100%;
  height: 100%;
  background-color: #e0e0e0; /* Color gris placeholder */
  border-radius: 20px; /* Bordes redondeados como en la imagen */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-weight: bold;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Animación simple */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Responsive para móbiles */
@media (max-width: 768px) {
  .locales-container {
    grid-template-columns: 1fr; /* Una sola columna */
  }
}