/*TRADUCTOR*/
    .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 Y REDES SOCIALES*/
    .floating-icons {
      position: fixed;
      bottom: 20px;
      /* Más cerca del borde inferior */
      right: 20px;
      display: flex;
      flex-direction: column;
      /* Íconos arriba, WhatsApp abajo */
      align-items: center;
      gap: 15px;
      z-index: 9999;
      /* Asegura que esté por encima de otros elementos */
    }

    /* Íconos de redes sociales (más pequeños) */
    .social-icon {
      width: 40px;
      height: 40px;
      background-color: #fff;
      color: #e2671a;
      /* Ajusta el color según tu preferencia */
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      font-size: 20px;
      /* Ícono más pequeño */
      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;
      /* Verde de WhatsApp */
      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;
      /* Anclado desde abajo y a la derecha, cerca de los íconos */
      bottom: 80px;
      /* Suficiente espacio para no tapar el botón de WA */
      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;
      /* Oculto por defecto */
      z-index: 9999;
      /* Si el formulario es muy alto, habilita scroll interno */
      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;
    }

    /* Contenedor del código de país + número */
    .phone-field {
      display: flex;
      gap: 5px;
    }

    #phoneCode {
      width: 70px;
    }

    /* Botón “Iniciar Chat” */
    #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 principal (CARRUSEL)*/
    .hero-slider {
      /* Ajusta la altura según tus necesidades */
      position: relative;
      width: 100%;
      height: 100vh;
      
      /* Para que las imágenes no sobresalgan */
      overflow: hidden;
      
      /* Centra verticalmente el contenido de texto */
      display: flex;
      align-items: center;

      /* Ajusta la alineación horizontal */
      justify-content: flex-start;
      
      
      color: #ffffff;
    }

    /* Contenedor del slider */
    .hero-slider-container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
    }

    /* Cada slide */
    .hero-slider-slide {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      animation: opacity 1s ease-in-out;
    }


    .hero-slider-slide.active {
      opacity: 1;
      z-index: 1;
    }

    .hero-slider-slide:nth-child(1) {
      animation-delay: 0s;
    }

    .hero-slider-slide:nth-child(2) {
      animation-delay: 5s;
    }

    .hero-slider-slide:nth-child(3) {
      animation-delay: 10s;
    }

    /* Imágenes dentro de cada slide */
    .hero-slider-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      
      /* Ajusta para oscurecer/iluminar la imagen */
    }

    /* Animación para el slider */
    @keyframes fade {
      0% {
        opacity: 0;
      }

      5% {
        opacity: 1;
      }

      45% {
        opacity: 1;
      }

      50% {
        opacity: 0;
      }

      100% {
        opacity: 0;
      }
    }

    /* Flechas */
    .slider-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(255, 255, 255,0.1);
      color: rgb(156, 156, 156);
      border: none;
      font-size: 2.5rem;
      cursor: pointer;
      padding: 10px 15px;
      border-radius: 50%;
      z-index: 2;
      transition: background 0.3s ease;
    }
    .slider-btn:hover {
      background: rgba(255,255,255,0.6);
    }
    .slider-btn.prev { left: 20px; }
    .slider-btn.next { right: 20px; }

    /* Contenido superpuesto */
    .hero-slider-content {
      position: relative;
      /* Para que se muestre por encima del slider */
      z-index: 3;
      /* Más alto que el slider (z-index:0) */
      max-width: 600px;
      margin-left: 5%;
      text-align: left;
    }

    /* Estilos para tagline, h1, p y botón */
      /* Ajustes comunes si los deseas */
    
    /* Tagline */
    .hero-slider-content .tagline {
      font-size: 1.1rem;
      color: whitesmoke;
      margin-bottom: 0.5rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 300;
      text-shadow: 0 0 8px #00000086;
    }

    /* Título */
    .hero-slider-content h1 {
      font-size: 2.9rem;
      margin: 0.5rem 0 1rem;
      font-weight: bold;
      text-transform: uppercase;
      color: #e2671a;
      text-shadow: 0 0 8px #00000086;
    }

    /* Párrafo */
    .hero-slider-content p {
      font-size: 1.5rem;
      line-height: 1.5;
      margin-bottom: 1.5rem;
      max-width: 90%;
      text-shadow: 0 0 8px #000000;
      text-align: left;
    }

    /* Botón CTA */
    .btn-cta-slider {
      display: inline-block;
      background-color: #e2671a;
      color: #fff;
      padding: 0.75rem 1.5rem;
      text-decoration: none;
      font-weight: bold;
      border-radius: 4px;
      transition: background-color 0.3s ease;
      text-transform: uppercase;
    }

    .btn-cta-slider:hover {
      background-color: #e65c00;
    }

    /* Responsivo */
    @media (max-width: 768px) {
      .hero-slider {
        height: 60vh;
      }

      .hero-slider-content {
        align-items: center;
        max-width: 90%;
        text-align: center;
        /* Centrado en pantallas pequeñas (opcional) */
      }

      .hero-slider-content h1 {
        font-size: 2rem;
      }

      .hero-slider-content p {
        font-size: 0.95rem;
        text-align: center;
        text-align: justify;
      }

      .btn-cta-slider {
        padding: 0.6rem 1rem;
        font-size: 0.9rem;
      }
    }




    .features-section {
      background-color: #666666 !important;
      padding: 40px 0;
    }

    .features-container {
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      /* Espacio entre recuadros en escritorio */
      padding: 0 20px;
    }

    .feature-box {
      flex: 1 1 300px;
      background-color: #e2671a;
      color: #fff;
      text-align: center;
      padding: 20px;
      border-radius: 100px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
      transition: transform 0.3s ease;
    }

    .feature-box i {
      margin-bottom: 10px;
    }

    .feature-box:hover {
      transform: translateY(-5px);
    }

    .feature-icon {
      width: 48px;
      height: 48px;
      display: block;
      margin: 0 auto 10px auto;
    }

    /* Ajustes para pantallas <= 768px */
    @media (max-width: 768px) {
      .features-container {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        padding: 0;
      }

      .feature-box {
        display: inline-flex;        /* 👈 clave */
        flex-direction: column;
        align-items: center;
        justify-content: center;

        width: 80%;                 /* 👈 se adapta al contenido */
        height: auto;
        padding: 12px 22px;          /* solo lo necesario */
        border-radius: 999px;        /* pill perfecto */

        flex: none;                  /* 👈 evita estiramiento */
      }

      .feature-icon {
        width: 32px;
        height: 32px;
        margin: 0;
      }

      .feature-box p {
        margin: 0;
        font-size: 14px;
        line-height: 1.2;
        text-align: center;
      }
    }



        /* 
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: Arial, sans-serif; line-height: 1.6; } */


    /* Sección principal con overlay de fondo */
    .custom-section {
      position: relative;
      background-color: #494544;
      padding: 40px 0;
    }

    .background-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3);
      z-index: 1;
    }

    /* Contenedor central */
    .container {
      position: relative;
      z-index: 2;
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      padding: 0 20px;
    }

    /* Columnas principales */
    .left-column,
    .right-column {
      flex: 1 1 50%;
      padding: 20px;
      color: white;
    }

    .orange-text {
      color: #e2671a;
      /* Naranja */
    }

    /* Estructura interna de la columna izquierda */
    .inner-row {
      display: flex;
      flex-wrap: wrap;
    }

    .inner-column {
      flex: 1 1 50%;
      padding: 10px;
    }

    .inner-column img {
      width: 100%;
      height: auto;
      display: block;
      object-fit: cover;
      border-radius: 10px;
    }

    /* Animaciones */
    .fadeInUp,
    .fadeInDown,
    .fadeInLeft {
      opacity: 0;
      animation-fill-mode: forwards;
    }

    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(20px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes fadeInDown {
      from {
        opacity: 0;
        transform: translateY(-20px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes fadeInLeft {
      from {
        opacity: 0;
        transform: translateX(-20px);
      }

      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    .fadeInUp {
      animation: fadeInUp 1s ease-out forwards;
    }

    .fadeInDown {
      animation: fadeInDown 1s ease-out forwards;
    }

    .fadeInLeft {
      animation: fadeInLeft 1s ease-out forwards;
    }

    /* Icon-box de experiencia en naranja */
    .icon-box {
      margin-top: 10px;
      text-align: center;
    }

    .icon-box span,
    .icon-box p {
      color: #e2671a;
    }

    .icon-box span {
      font-size: 2rem;
      font-weight: bold;
      display: block;
    }

    .icon-box p {
      font-size: 1rem;
    }

    /* Contenido de la columna derecha */
    .right-column h2 {
      font-size: 2rem;
      margin-bottom: 10px;
      line-height: 1.2;
    }

    .right-column p {
      margin-bottom: 20px;
      font-size: 1rem;
      text-align: justify;
    }

    .button_galeria {
      display: inline-block;
      background: #e2671a;
      color: #fff;
      padding: 10px 20px;
      text-decoration: none;
      border-radius: 4px;
      font-weight: bold;
      margin-bottom: 20px;
      transition: background 0.3s;
    }

    .button_galeria:hover {
      background: #e55f00;
    }





    .button_experiencia {
      display: inline-block;
      background: #e2671a;
      color: #fff;
      padding: 10px 20px;
      text-decoration: none;
      border-radius: 4px;
      font-weight: bold;
      margin-bottom: 20px;
      transition: background 0.3s;
    }

    .button_experiencia:hover {
      background: #e55f00;
    }

    .contact-box {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }



    .contact-buttons {
      display: flex;
      /* Para colocar los botones en línea */
      flex-wrap: wrap;
      /* Permite que se ajusten si el espacio es reducido */
      gap: 10px;
      /* Espacio horizontal/vertical entre botones */
      margin-top: 20px;
      /* Separación respecto a elementos superiores */
    }

    .contact-buttons .button_galeria i {
      margin-right: 5px;
      /* Espacio entre el ícono y el texto */
    }




    /* Responsivo */
    @media (max-width: 768px) {
      .container {
        flex-direction: column;
      }

      .left-column,
      .right-column {
        flex: 1 1 100%;
      }

      .inner-row {
        flex-direction: column;
      }

      .inner-column {
        flex: 1 1 100%;
      }

      .contact-box {
        flex-direction: column;
      }

      .contact-item {
        flex: 1 1 100%;
      }
    }

    

    .logo-slogan-section {
    padding: 20px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: black; /* Cambia el fondo si quieres */
}

.logo-slogan-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.logo-img {
    width: 300px; /* Ajusta tamaño del logo */
    height: auto;
    margin-bottom: 20px;
}

.slogan-text {
    font-size: 2rem;
    font-weight: 700;
    color: #e2671a;
}



    /* Sección sin fondo de imagen, solo color gris */
    .why-choose-us {
      background-color: rgb(40, 40, 40);
      padding: 60px 20px;
      color: #fff;
      /* Texto blanco */
    }

    /* Contenedor interno para dos columnas */
    .why-choose-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 1200px;
      margin: 0 auto;
    }

    /* Lado Izquierdo: Texto */
    .why-choose-text {
      flex: 1;
      margin-right: 20px;
    }

    /* Lado Derecho: Imagen */
    .why-choose-image {
      flex: 1;
      text-align: right;
    }

    .why-choose-image img {
      max-width: 100%;
      height: auto;
    }

    /* Estilos para la lista de beneficios (puedes copiar los que ya tengas) */
    .benefits-list {
      list-style: none;
      padding: 0;
      margin: 20px 0 0;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px 40px;
    }

    .benefits-list li {
      position: relative;
      padding-left: 30px;
      margin-bottom: 10px;
    }

    .benefits-list li::before {
      content: "\f00c";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      color: #e2671a;
      position: absolute;
      left: 0;
      top: 0;
    }

    @media (max-width: 768px) {
      .why-choose-container {
        flex-direction: column;
      }

      .why-choose-text {
        margin-right: 0;
        margin-bottom: 20px;
      }

      .why-choose-image {
        text-align: center;
      }
    }





    





  
    /* Sección para el título */
    .section-title {
      background-color: #fff;
      /* Fondo blanco */
      padding: 30px 0;
      /* Espacio vertical */
      text-align: center;
      /* 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 */
    }





    /* Sección principal (con imagen de fondo + overlay café) 2*/
    .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: #fff;
    }

    .travesias-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(70, 40, 20, 0.667);
      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 {
      width: 220px;
      /* Ajusta el ancho para que quepan 4 en desktop */
      background: rgba(0, 0, 0, 0.5);
      /* Fondo negro semitransparente */
      border: 1px solid rgba(255, 255, 255, 0.3);
      /* Borde claro semitransparente */
      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: #e2671a;
      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: #e2671a;
      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: #e2671a;
      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;
    }

    /* Responsive <= 768px: 2 tarjetas por fila */
    @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;
      }
    }

    /* Responsive <= 480px: 1 tarjeta por fila */
    @media (max-width: 480px) {
      .travesia-card {
        width: 60%;
      }

      .travesia-card img {
        height: 100px;
      }
    }














    /* Sección contenedora con fondo gris */
    .stats-section {
      background-color: #4f4f4f;
      /* Color de fondo gris */
      padding: 20px 1px;
      /* Espaciado superior e inferior */

    }

    /* Contenedor de los recuadros */
    .stats-container {
      max-width: 1200px;
      margin: 0 auto;
      /* Centrar horizontalmente */
      display: flex;
      flex-wrap: wrap;
      /* Permite que se ajuste en dispositivos pequeños */
      gap: 20px;
      /* Espacio entre recuadros */
      justify-content: center;
      /* Alinear recuadros al centro */
    }

    /* Estilo para cada recuadro */
    .stat-box {
      background-color: #e2671a;
      /* Fondo naranja */
      color: #fff;
      /* Texto en blanco */
      flex: 1 1 200px;
      /* Se adaptan al ancho disponible, mínimo 200px */
      text-align: center;
      padding: 20px 10px;
      border-radius: 8px;
    }

    /* Número grande */
    .stat-box h2 {
      font-size: 2rem;
      margin: 0 0 10px 0;
      /* Espacio debajo del número */
    }

    /* Descripción */
    .stat-box p {
      margin: 0;
      font-size: 1rem;
      text-transform: uppercase;
      /* Opcional: Texto en mayúsculas */
      letter-spacing: 1px;
      /* Opcional: Espaciado entre letras */
    }

    /* Responsividad adicional (opcional) */
    @media (max-width: 768px) {
      .stat-box {
        flex: none;          /* 👈 evita que se estire */
        width: 90%;         /* 👈 se ajusta al contenido */
        min-width: 260px;    /* opcional: control visual */
        max-width: 90%;      /* evita que toque los bordes */
      }
    }


























    /* Sección contenedora con fondo gris */
    .features-section {
      background-color: #4f4f4f;
      /* Ajusta el color de fondo */
      padding: 40px 20px;
    }

    /* Contenedor de las columnas */
    .features-container {
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
      /* Centra las tarjetas */
    }

    /* Tarjeta individual */
    .feature-card {
      background-color: #fff;
      /* Fondo blanco */
      width: 250px;
      /* Ancho fijo o ajustable */
      padding: 20px;
      border-radius: 8px;
      box-sizing: border-box;
      color: #333;
      /* Color del texto */
    }

    /* Ícono en la parte superior */
    .feature-card i {
      font-size: 2rem;
      color: #e2671a;
      /* Color naranja */
      margin-bottom: 10px;
    }

    /* Título de la tarjeta */
    .feature-card h3 {
      font-size: 1.2rem;
      margin-bottom: 10px;
      color: #000;
      /* Ajusta el color si deseas */
    }

    /* Texto descriptivo */
    .feature-card p {
      font-size: 0.95rem;
      line-height: 1.5;
      margin: 0;
      text-align: justify
    }

    /* Ajustes responsivos para pantallas pequeñas */
    @media (max-width: 768px) {
      .feature-card {
        width: 100%;
      }

      .feature-card p {
        text-align: justify;
      }
    }






    /* Sección de partners */
    .partners-section {
      background-color: #333;
      /* Color gris oscuro */
      padding: 40px 20px;
      text-align: center;
    }

    .partners-title {
      background-color: #FFF;
      padding: 15px;
      font-size: 2rem;
      font-weight: bold;
      text-transform: uppercase;
      border-radius: 8px;
    }

    .partners-logos {
      background-color: #e3e3e3;
      padding: 30px 20px;
      display: flex;
      justify-content: center;
      gap: 100px;
      border-radius: 8px;
    }

    .partners-logos img {
      max-width: 100px;
      height: auto;
    }

    .logo-ek {
      max-width: 240px !important;
      height: auto;
    }

    .tecoff-logo {
      max-width: 220px !important;
      height: auto;
    }

    @media (max-width: 768px) {
      .partners-logos {
        flex-direction: column;   /* 👈 uno debajo del otro */
        align-items: center;      /* centrados */
        gap: 30px;                /* separación vertical */
      }

      .partners-logos img {
        max-width: 180px;         /* un poco más grandes en mobile */
      }

      .logo-ek {
        max-width: 220px !important;
      }

      .tecoff-logo {
        max-width: 200px !important;
      }
    }

    @media (min-width: 769px) and (max-width: 900px) {
      .partners-logos {
        flex-wrap: wrap;              /* 👈 clave */
        justify-content: center;
        gap: 40px;                    /* mucho menos agresivo */
      }

      .partners-logos img {
        max-width: 160px;
      }

      .logo-ek {
        max-width: 220px !important;
      }

      .tecoff-logo {
        max-width: 350px !important;
      }
    }





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

    /* Caja de contacto */
    .contact-box-down {
      background-color: #e2671a;
      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;
    }

    /* Responsividad */
    @media (max-width: 768px) {
      .contact-box-down {
        grid-template-columns: 1fr;
        text-align: center;
      }

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