.language-selector {
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 1000;
}

#languageButton {
  background-color: #000000;
  color: white;
  border: none;
  padding: 1px 15px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
  font-weight: bold;
}

/* Lista de opciones ocultas por defecto */
#languageOptions {
  list-style: none;
  margin: 0;
  padding: 0;
  background: white;
  border: 1px solid #ddd;
  border-radius: 5px;
  position: absolute;
  bottom: 40px;
  left: 0;
  display: none;
}

#languageOptions li {
  padding: 10px;
  cursor: pointer;
  text-align: center;
}

#languageOptions li:hover {
  background: #f1f1f1;
}

/* Mostrar opciones al hacer clic */
#languageOptions.hidden {
  display: none;
}

#languageOptions.visible {
  display: block;
}
  


/* Contenedor flotante para íconos y botón de WhatsApp */
.floating-icons {
  position: fixed;
  bottom: 20px;         
  right: 20px;
  display: flex;
  flex-direction: column;  
  align-items: center;
  gap: 15px;
  z-index: 9999;       
}

/* Íconos de redes sociales (más pequeños) */
.social-icon {
  width: 40px;
  height: 40px;
  background-color: #fff;
  color: #f86a0f; 
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 20px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* Botón de WhatsApp (ligeramente más grande que los íconos) */
.whatsapp-button {
  width: 45px;
  height: 45px;
  background-color: #25d366; 
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 24px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* Formulario flotante de WhatsApp */
.whatsapp-form {
  position: fixed;
  bottom: 80px;    
  right: 20px;
  width: 300px;
  background-color: #fff;
  color: #333;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  display: none;   
  z-index: 9999;
  max-height: 70vh;
  overflow-y: auto;
}

.whatsapp-form h4 {
  margin: 0 0 10px 0;
  font-size: 18px;
}

.whatsapp-form p {
  margin: 0 0 10px 0;
  font-size: 14px;
}

.whatsapp-form label {
  display: block;
  margin-top: 10px;
  font-weight: bold;
  font-size: 14px;
}

.whatsapp-form input,
.whatsapp-form select,
.whatsapp-form textarea {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 8px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.phone-field {
  display: flex;
  gap: 5px;
}

#phoneCode {
  width: 70px;
}

#startChatButton {
  background-color: #25d366;
  color: #fff;
  border: none;
  padding: 10px;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
}

#startChatButton:hover {
  background-color: #20c659;
}





/* Sección para el título */
.section-title {
  background-color: #fff;      /* Fondo blanco */
  padding: 30px 0;            /* Espacio vertical */
  text-align: center;   
  margin-top: 5%;      /* Centrar texto */
}
.section-title h2 {
  font-size: 2rem;           /* Ajusta el tamaño */
  font-weight: bold;
  color: #333;               /* Color del texto */
  margin: 0;                 /* Eliminar márgenes por defecto */
  text-transform: uppercase; /* Texto en mayúsculas */
  letter-spacing: 2px;       /* Separación de letras opcional */
}

@media (min-width: 769px) and (max-width: 900px) {
  .section-title {   
    margin-top: 80px;
  }
}

@media (max-width: 768px) {
  

  .section-title { 
    margin-top: 15%;
    margin-left: -4%;
  }
}








/* Sección principal (con imagen de fondo + overlay café) */
.travesias-section {
    position: relative;
    background: url("https://app.explor-k.com/CDN/tecoffoverland/patron_tematico_TECOFF.webp") no-repeat center center;
    background-size: cover;
    padding: 60px 0;
    color: #ffffff;
  }
.travesias-overlay {
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(70, 40, 20, 0.274);
  z-index: 1;
}

/* Contenedor que agrupa todas las tarjetas */
.travesias-container {
  position: relative;
  z-index: 2; 
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center; 
  padding: 0 20px;
}
  
/* Tarjeta con fondo semitransparente */
.travesia-card {
  flex: 0 0 220px;          /* ancho fijo real */
  max-width: 220px;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  overflow: hidden;
  text-align: left;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
}


/* Imagen superior */
.travesia-card img {
  width: 80%;
  height: 170px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  margin-top: 8%;
}


/* Contenido de la tarjeta */
.card-content {
  padding: 10px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Título y texto en blanco */
.card-content h3 {
  font-size: 1rem;
  margin: 0 0 8px;
  color: #d3c495;
  text-transform: uppercase;
  line-height: 1.2;
  /* text-align: center; */
  margin-left: 6%;
}

/* Font Awesome link en tu <head> (ver arriba) */

.card-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.card-content ul li {
  position: relative;
  padding-left: 25px; /* Deja espacio para el icono a la izquierda */
  margin-bottom: 5px;
  color: #fff; /* Texto blanco */
  font-size: 0.8rem;
  line-height: 1.4;
}

.card-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}



      
/* Icono de calendario: se muestra antes del texto */
.icon-calendar::before {
  display: inline-block;
  content: "\f133"; /* Código para fa-calendar (solid) */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #FF6700;
  font-size: 1rem;
  margin-right: 0.5rem;
}

/* Icono de ruta (mapita): se muestra antes del texto */
.icon-route::before {
  display: inline-block;
  content: "\f3c5"; /* Código para fa-location-dot (solid) */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #FF6700;
  font-size: 1rem;
  margin-right: 0.5rem;
}
  
.icon-todo::before {
  /* content: "" ya está arriba */
  background-image: url("data:image/png;base64,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");
  background-size: contain;
  background-repeat: no-repeat;
}

.icon-acelerator::before{
  background-image: url("data:image/png;base64,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");
  background-size: contain;
  background-repeat: no-repeat;
}
  
/* Botón */
.btn_mas_info_trevesias {
  display: inline-block;
  background: #FF6700;
  color: #fff;
  padding: 6px 12px;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
  text-align: center;
  transition: background 0.3s ease;
  font-size: 0.85rem;
}
.btn:hover {
  background: #e55f00;
}

@media (max-width: 768px) {

  .card-content {
    align-items: stretch; /* evita centrado forzado */
  }

  .card-content ul {
    text-align: left;
    margin-left: 6%;       /* mismo margen visual que el título */
  }

  .card-content ul li {
    text-align: left;
    padding-left: 25px;    /* mantiene icono alineado */
  }

  .card-content ul li::before {
    left: 0;
    top: 2px;
  }

  .travesia-card {
    max-width: 220px;
  }
}




/* Sección de contacto */
.contact-section-down {
  display: flex;
  justify-content: center;
  background-color: #000;
  padding: 50px 20px;
}

/* Caja de contacto */
.contact-box-down {
  background-color: #FF6700;
  width: 100%;
  max-width: 900px;
  padding: 20px 40px;
  border-radius: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 20px;
}

/* Estilo del título */
.contact-left-down h3 {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  color: #fff;
}

/* Estilo de la sección derecha (WhatsApp) */
.contact-right-down {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.contact-item-down {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: white; /* TODO el texto en blanco */
  font-weight: bold;
}

/* Números y descripción en blanco */
.contact-number-down,
.contact-text-down {
  color: white;
}

/* Icono de WhatsApp */
.contact-item-down i {
  font-size: 1.5rem;
  color: white;
  background-color: green;
  border-radius: 50%;
  padding: 8px;
}



  
/* ----- Responsive ----- */
@media (max-width: 768px) {
  .hero {
    height: 60vh; /* Un poco menos alto en móvil */
  }
  .hero-content {
    margin-left: 10px;
    max-width: 90%;
    text-align: center; /* Centrado en pantallas pequeñas (opcional) */
  }
  .hero-content h1 {
    font-size: 2rem;
  }
  .hero-content p {
    font-size: 0.95rem;
  }
  .btn-cta {
    padding: 0.6rem 1rem;
    font-size: 0.9rem;
  }
}




@media (max-width: 768px) {

  .modal-content iframe {
    height: 250px;
  }

  .contact-box-down {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .contact-right-down {
    align-items: center;
  }
}