/* Estilos para la sección de eventos del footer */
section.footer {
    background-color: transparent !important;
}

section.footer .auto-container {
    background-color: transparent !important;
}

/* Desktop: asegurar que no haya solapamiento */
@media (min-width: 769px) {
    section.footer {
        position: relative;
        z-index: 1;
        background-color: transparent !important;
    }

    section.footer .auto-container {
        background-color: transparent !important;
    }
}

/* Estilos responsive para móviles */
@media (max-width: 768px) {
    .titulo-footer-proximos-eventos {
        font-size: 18px !important;
        text-align: center;
    }

    .proximos-event-footer {
        height: auto !important;
        min-height: 20vh !important;
    }
}

@media (max-width: 480px) {
    .titulo-footer-proximos-eventos {
        font-size: 16px !important;
    }

    .proximos-event-footer {
        min-height: 15vh !important;
    }
}

/* Responsive para la sección "Sé libre, Explora" */
@media (max-width: 768px) {
    /* Contenedor del buscador más ancho en móvil */
    #buscador {
        width: 85vw !important;
        left: 7.5vw !important;
        right: 7.5vw !important;
        height: auto !important;
        min-height: 7vh !important;
    }

    /* Barra de búsqueda más ancha en móvil */
    .search-box {
        width: 100% !important;
        max-width: 100% !important;
    }

    .search-input {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        padding: 15px 20px !important;
        font-size: 16px !important;
        height: 50px !important;
    }

    .form-group {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Stack layout vertically in mobile */
    .sec-2-mapa .row {
        flex-direction: column !important;
    }

    .sec-2-mapa .col-lg-6 {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 3vh !important;
        overflow: visible !important;
    }

    /* Carousel container */
    .sec-2-mapa .slider-sec2 {
        margin: 0 auto !important;
        width: 100% !important;
        height: auto !important;
        margin-top: 5vh !important;
        max-width: 100% !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    /* Allow owl-stage-outer to show overflow */
    .sec-2-mapa .slider-sec2 .owl-stage-outer {
        overflow: visible !important;
    }

    .sec-2-mapa .slider-sec2 .owl-stage {
        display: flex !important;
        align-items: center !important;
    }

    /* Make cards slightly transparent on sides to show peek effect */
    .sec-2-mapa .slider-sec2 .owl-item:not(.active) .card {
        opacity: 0.6 !important;
        transform: scale(0.9) !important;
        transition: all 0.3s ease !important;
    }

    .sec-2-mapa .slider-sec2 .owl-item.active .card {
        opacity: 1 !important;
        transform: scale(1) !important;
    }

    /* Parent container must allow overflow */
    .sec-2-mapa .d-flex[style*="background-image"] {
        background-size: cover !important;
        height: auto !important;
        min-height: 60vh !important;
        padding: 2vh 0 !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
    }

    /* Carousel cards - estos estilos ya no son necesarios, se manejan inline */
    .sec-2-mapa .slider-sec2 .card {
        height: auto !important;
        max-width: 100% !important;
    }

    /* Navigation arrows for carousel */
    .owl-prev-slider-sec2,
    .owl-next-slider-sec2 {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 30px !important;
        height: 30px !important;
    }

    .owl-prev-slider-sec2 {
        left: 5px !important;
    }

    .owl-next-slider-sec2 {
        right: 5px !important;
    }

    /* Video button below carousel */
    .sec-2-mapa .d-flex.pointer[style*="margin-top: 1.5vh"] {
        width: 90% !important;
        margin: 2vh auto 0 auto !important;
        justify-content: center !important;
    }

    .sec-2-mapa .d-flex.pointer img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 60px !important;
    }

    /* SVG Map container */
    .sec-2-mapa .container.col-lg-6 {
        padding: 0 15px !important;
    }

    .sec-2-mapa .content {
        background-position: center !important;
    }

    /* SVG map responsive */
    .sec-2-mapa .svg-container {
        width: 100% !important;
        max-width: 600px !important;
        margin: 0 auto !important;
        padding: 2vh 0 !important;
    }

    .sec-2-mapa .svg-container svg {
        width: 100% !important;
        height: auto !important;
        margin-top: 0 !important;
    }

    #regionCuadroInfo {
        margin-left: 0 !important;
        margin-top: 2vh !important;
        width: 90% !important;
        max-width: 400px !important;
        height: auto !important;
        position: relative !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #regionCuadroInfo svg {
        width: 100% !important;
        height: auto !important;
    }

    /* Navigation arrows (back/next region) */
    #back-region,
    #next-region {
        width: 40px !important;
        height: auto !important;
        top: 10vh !important;
    }

    #back-region {
        left: 5px !important;
    }

    #next-region {
        right: 5px !important;
    }

    #back-region img,
    #next-region img {
        width: 100% !important;
        height: auto !important;
    }

    /* Contacta un guía button */
    .sec-2-mapa a[data-bs-target="#modalGuias"] {
        margin-top: 2vh !important;
        margin-left: 0 !important;
        margin-bottom: 2vh !important;
        position: relative !important;
        z-index: 10 !important;
    }

    .sec-2-mapa a[data-bs-target="#modalGuias"] img {
        width: auto !important;
        height: auto !important;
        max-width: 200px !important;
        max-height: 50px !important;
    }
}

@media (max-width: 480px) {
    /* Smaller adjustments for very small screens */
    .sec-2-mapa .d-flex[style*="background-image"] {
        min-height: 50vh !important;
        overflow: visible !important;
    }

    .sec-2-mapa .slider-sec2 {
        width: 100% !important;
        margin-top: 3vh !important;
        overflow: visible !important;
    }

    .sec-2-mapa .slider-sec2 .owl-stage-outer {
        overflow: visible !important;
    }

    .sec-2-mapa .slider-sec2 .card-img-top {
        height: 200px !important;
    }

    .sec-2-mapa .slider-sec2 .card-title {
        font-size: 13px !important;
    }

    .owl-prev-slider-sec2,
    .owl-next-slider-sec2 {
        width: 25px !important;
        height: 25px !important;
    }

    #regionCuadroInfo {
        width: 95% !important;
    }
}
     /* Estilos responsive para el footer */
 footer.footer {
     position: relative;
     z-index: 10 !important;
     background-color: #BF328C !important;
 }

.footer-responsive-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 3vh 0 0 0;
}

.footer-col-1 {
    width: 20%;
    padding: 0 10px;
}

/* Asegurar que el texto de copyright esté visible en desktop */
@media (min-width: 769px) {
    .footer-col-1 p {
        position: relative;
        z-index: 20 !important;
        background-color: transparent !important;
    }
}

.footer-col-2, .footer-col-3, .footer-col-4 {
    width: 20%;
    padding: 0 10px;
}

.footer-col-5 {
    width: 20%;
    padding: 0 10px;
}

/* Tablets y pantallas medianas */
@media (max-width: 1024px) {
    .footer-col-1, .footer-col-2, .footer-col-3, .footer-col-4, .footer-col-5 {
        width: 50%;
        margin-bottom: 3vh;
    }

    .footer-col-1 img, .footer-col-5 img {
        max-width: 100%;
        height: auto !important;
        width: auto !important;
    }

    /* Control específico para logo del footer en tablets */
    .footer-col-1 .footer-logo img {
        width: 150px !important;
        height: auto !important;
        max-width: 150px !important;
    }

    /* Control específico para iconos de apps iOS y Android en tablets */
    .footer-col-1 img[src*="icono_apple"],
    .footer-col-1 img[src*="icono_android"] {
        height: 32px !important;
        width: 32px !important;
        max-width: 32px !important;
    }

    .footer-col-1 img[src*="subtitulo_ios_app"],
    .footer-col-1 img[src*="subtitulo_android_app"] {
        height: 23px !important;
        width: auto !important;
        max-width: 89px !important;
    }

    .footer-col-1 img[src*="titulo_descar_app"] {
        height: 23px !important;
        width: auto !important;
        max-width: 177px !important;
    }

    .footer-col-1 img[src*="select_pais"] {
        height: auto !important;
        width: 120px !important;
        max-width: 120px !important;
    }

    /* Control para logo contacta guía en tablets */
    .footer-col-5 img[src*="logo_contacta_guia"] {
        height: auto !important;
        width: 120px !important;
        max-width: 120px !important;
    }

    /* Control para subtitulo siguenos en tablets */
    .footer-col-5 img[src*="subtitulo_siguenos"] {
        height: 24px !important;
        width: auto !important;
        max-width: 144px !important;
    }

    .footer-col-1 {
        order: 1;
    }

    .footer-col-2 {
        order: 3;
    }

    .footer-col-3 {
        order: 4;
    }

    .footer-col-4 {
        order: 5;
    }

    .footer-col-5 {
        order: 2;
    }
}

/* Móviles */
@media (max-width: 768px) {
    /* Sección "Planifica tu próximo viaje" */
    .promo-one.plani-viaje {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .promo-one.plani-viaje .sec-title img {
        height: auto !important;
        width: 80% !important;
        max-width: 300px;
    }

    /* Contenedor de botones */
    .promo-one.plani-viaje .auto-container.row[style*="margin-left"] {
        margin-left: 0 !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 10px;
        padding: 0 10px;
    }

    /* Botones Top Ciudades, Top Gastronomía, etc. */
    .btn_planifica {
        width: calc(50% - 5px) !important;
        min-width: 140px !important;
        height: 50px !important;
        font-size: 14px !important;
        margin-right: 0 !important;
        white-space: nowrap;
        padding: 0 5px !important;
    }

    /* Contenedor de carruseles */
    .promo-one.plani-viaje .col-lg-12[style*="margin-left"] {
        margin-left: 0 !important;
        width: 100% !important;
        padding: 0 15px;
    }

    /* Botones de navegación del carrusel (flechas) - Ocultar en móvil */
    .carrusel-tops .owl-prev,
    .carrusel-tops .owl-next,
    .carrusel-tops .owl-nav,
    .owl-carousel .owl-prev,
    .owl-carousel .owl-next,
    .owl-carousel .owl-nav {
        display: none !important;
    }

    /* Ocultar dots de navegación en móvil */
    .carrusel-tops .owl-dots,
    .owl-carousel .owl-dots {
        display: none !important;
    }

    /* Eliminar padding/margin extra del carrusel */
    .owl-carousel .owl-stage-outer {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Permitir navegación táctil en carruseles */
    .owl-carousel {
        touch-action: pan-y pinch-zoom !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Carrusel de planifica viaje - ajustes finales */
    .carrusel-tops {
        height: auto !important;
        min-height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .carrusel-tops .owl-stage-outer,
    .carrusel-tops .owl-stage {
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .carrusel-tops .owl-item {
        height: auto !important;
        padding: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Eliminar cualquier padding/margin del contenedor padre */
    .promo-one.plani-viaje .col-lg-12 {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Sobrescribir el margin-bottom: 4vh del contenedor */
    .promo-one.plani-viaje .col-lg-12[style*="margin-bottom"] {
        margin-bottom: 0 !important;
        margin-top: 2vh !important;
    }

    /* Contenedor row también */
    .promo-one.plani-viaje .row.auto-container {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Forzar que no haya espacio después de las navegaciones ocultas */
    .carrusel-tops .owl-nav,
    .carrusel-tops .owl-dots {
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
    }

    /* Imágenes del carrusel - Evitar que se aplasten */
    .carrusel-tops .card-img-top,
    .carrusel-tops img[style*="height: 26vh"] {
        height: auto !important;
        width: 100% !important;
        aspect-ratio: 4/3 !important;
        object-fit: cover !important;
    }

    /* Sobrescribir CUALQUIER elemento con height en vh dentro del carrusel */
    .carrusel-tops [style*="height"][style*="vh"],
    .carrusel-tops div[style*="34.976vh"],
    .carrusel-tops *[style*="vh"] {
        height: auto !important;
    }

    /* Sobrescribir width en vw también */
    .carrusel-tops [style*="width"][style*="vw"],
    .carrusel-tops div[style*="18.525vw"] {
        width: 100% !important;
    }

    /* Cards del carrusel */
    .carrusel-tops .card {
        width: 100% !important;
        height: auto !important;
    }

    .carrusel-tops .gallery-block_two {
        margin: 0 !important;
        height: auto !important;
        width: 100% !important;
    }

    /* Elementos internos de las cards */
    .carrusel-tops .gallery-block_two > div,
    .carrusel-tops .card > div {
        height: auto !important;
        width: 100% !important;
    }

    /* Textos de las tarjetas del carrusel */
    .carrusel-tops .hotel-block_one-heading {
        font-size: 14px !important;
    }

    .carrusel-tops .hotel-block_one-heading img[src*="ubicacion"] {
        height: 16px !important;
        width: 16px !important;
    }

    .carrusel-tops .titulo-destinos-hover {
        font-size: 16px !important;
    }

    .carrusel-tops .gallery-block_two-text-two {
        font-size: 13px !important;
    }

    /* Sección de iconos (Preguntas Frecuentes, Mis Favoritos, Transporte) */
    .d-flex.align-items-center.justify-content-between.flex-wrap[style*="border-bottom"] {
        height: auto !important;
        padding: 2vh 0 !important;
        justify-content: center !important;
        gap: 3vh;
    }

    .icono-container, .icono-container-2 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .icono-container img, .icono-container-2 img {
        height: 50px !important;
        width: auto !important;
    }

    /* Carrusel de transporte en móvil */
    .carousel[style*="15.659vw"] {
        width: 200px !important;
        max-width: 200px !important;
    }

    .carousel-image {
        height: 50px !important;
    }

    /* Iconos de favoritos en las tarjetas */
    .heart-icon.cor-hover {
        width: 35px !important;
        height: 35px !important;
        top: 10px !important;
        right: 10px !important;
    }

    .footer-col-1, .footer-col-2, .footer-col-3, .footer-col-4, .footer-col-5 {
        width: 100%;
        margin-bottom: 4vh;
        text-align: center;
        position: relative !important;
        z-index: 1 !important;
    }

    .footer-col-1 {
        background: transparent !important;
    }

    .footer-col-1 p {
        margin-left: 0 !important;
        font-size: 12px !important;
        color: white !important;
        position: relative !important;
        z-index: 10 !important;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
        background: transparent !important;
    }

    .footer-col-1 .footer-logo img {
        width: 150px !important;
        height: auto !important;
    }

    .footer-col-1 > div img {
        max-width: 100%;
        height: auto !important;
        width: auto !important;
    }

    /* Control específico para iconos de apps iOS y Android - 15% más grandes */
    .footer-col-1 img[src*="icono_apple"],
    .footer-col-1 img[src*="icono_android"] {
        height: 32px !important;
        width: 32px !important;
        max-width: 32px !important;
    }

    .footer-col-1 img[src*="subtitulo_ios_app"],
    .footer-col-1 img[src*="subtitulo_android_app"] {
        height: 23px !important;
        width: auto !important;
        max-width: 89px !important;
    }

    .footer-col-1 img[src*="titulo_descar_app"] {
        height: 23px !important;
        width: auto !important;
        max-width: 177px !important;
    }

    .footer-col-1 img[src*="select_pais"] {
        height: auto !important;
        width: 120px !important;
        max-width: 120px !important;
    }

    /* Control para logo contacta guía en móvil - 20% más grande */
    .footer-col-5 img[src*="logo_contacta_guia"] {
        height: auto !important;
        width: 120px !important;
        max-width: 120px !important;
    }

    /* Control para subtitulo siguenos en móvil - 20% más grande */
    .footer-col-5 img[src*="subtitulo_siguenos"] {
        height: 24px !important;
        width: auto !important;
        max-width: 144px !important;
    }

    .tituloFooter img {
        max-width: 200px;
        height: auto !important;
    }

    .footer-social_box {
        justify-content: center !important;
        gap: 10px;
    }

    .footer-social_box a img {
        height: 40px !important;
        width: 40px !important;
    }
}

/* Móviles pequeños */
@media (max-width: 480px) {
    /* Botones de planifica viaje en móviles pequeños */
    .btn_planifica {
        width: 100% !important;
        margin-bottom: 8px;
        font-size: 13px !important;
        height: 45px !important;
    }

    .promo-one.plani-viaje .sec-title img {
        width: 90% !important;
        max-width: 250px;
    }

    /* Imágenes del carrusel en móviles pequeños */
    .carrusel-tops .card-img-top,
    .carrusel-tops img[style*="height: 26vh"] {
        aspect-ratio: 3/2 !important;
    }

    /* Textos más pequeños en móviles pequeños */
    .carrusel-tops .hotel-block_one-heading {
        font-size: 12px !important;
    }

    .carrusel-tops .titulo-destinos-hover {
        font-size: 14px !important;
    }

    .carrusel-tops .gallery-block_two-text-two {
        font-size: 11px !important;
    }

    /* Sección de iconos más pequeña */
    .icono-container img, .icono-container-2 img {
        height: 40px !important;
    }

    .carousel[style*="15.659vw"] {
        width: 150px !important;
        max-width: 150px !important;
    }

    .carousel-image {
        height: 40px !important;
    }

    /* Iconos de favoritos más pequeños */
    .heart-icon.cor-hover {
        width: 30px !important;
        height: 30px !important;
    }

    .footer-col-1 .footer-logo img {
        width: 120px !important;
    }

    .footer-col-1 p {
        font-size: 10px !important;
        color: white !important;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
        background: transparent !important;
        z-index: 10 !important;
    }

    .tituloFooter img {
        max-width: 150px;
    }

    .footer-col-5 button {
        width: 60px !important;
        height: 60px !important;
        font-size: 14px !important;
    }

    /* Iconos en móviles pequeños - 15% más grandes */
    .footer-col-1 img[src*="icono_apple"],
    .footer-col-1 img[src*="icono_android"] {
        height: 26px !important;
        width: 26px !important;
        max-width: 26px !important;
    }

    .footer-col-1 img[src*="subtitulo_ios_app"],
    .footer-col-1 img[src*="subtitulo_android_app"] {
        height: 20px !important;
        max-width: 76px !important;
    }

    .footer-col-1 img[src*="titulo_descar_app"] {
        height: 20px !important;
        max-width: 152px !important;
    }

    .footer-col-1 img[src*="select_pais"] {
        width: 100px !important;
        max-width: 100px !important;
    }

    /* Logo contacta guía en móviles pequeños - 20% más grande */
    .footer-col-5 img[src*="logo_contacta_guia"] {
        height: auto !important;
        width: 96px !important;
        max-width: 96px !important;
    }

    /* Subtitulo siguenos en móviles pequeños - 20% más grande */
    .footer-col-5 img[src*="subtitulo_siguenos"] {
        height: 22px !important;
        width: auto !important;
        max-width: 120px !important;
    }
}



/* Estilos para la sección de eventos del footer */
section.footer {
    background-color: transparent !important;
}

section.footer .auto-container {
    background-color: transparent !important;
}

/* Desktop: asegurar que no haya solapamiento */
@media (min-width: 769px) {
    section.footer {
        position: relative;
        z-index: 1;
        background-color: transparent !important;
    }

    section.footer .auto-container {
        background-color: transparent !important;
    }
}

/* Estilos responsive para móviles */
@media (max-width: 768px) {
    .titulo-footer-proximos-eventos {
        font-size: 18px !important;
        text-align: center;
    }

    .proximos-event-footer {
        height: auto !important;
        min-height: 20vh !important;
    }
}

@media (max-width: 480px) {
    .titulo-footer-proximos-eventos {
        font-size: 16px !important;
    }

    .proximos-event-footer {
        min-height: 15vh !important;
    }
}

/* Responsive para la sección "Sé libre, Explora" */
@media (max-width: 768px) {
    /* Contenedor del buscador más ancho en móvil */
    #buscador {
        width: 85vw !important;
        left: 7.5vw !important;
        right: 7.5vw !important;
        height: auto !important;
        min-height: 7vh !important;
    }

    /* Barra de búsqueda más ancha en móvil */
    .search-box {
        width: 100% !important;
        max-width: 100% !important;
    }

    .search-input {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        padding: 15px 20px !important;
        font-size: 16px !important;
        height: 50px !important;
    }

    .form-group {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Stack layout vertically in mobile */
    .sec-2-mapa .row {
        flex-direction: column !important;
    }

    .sec-2-mapa .col-lg-6 {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 3vh !important;
        overflow: visible !important;
    }

    /* Carousel container */
    .sec-2-mapa .slider-sec2 {
        margin: 0 auto !important;
        width: 100% !important;
        height: auto !important;
        margin-top: 5vh !important;
        max-width: 100% !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    /* Allow owl-stage-outer to show overflow */
    .sec-2-mapa .slider-sec2 .owl-stage-outer {
        overflow: visible !important;
    }

    .sec-2-mapa .slider-sec2 .owl-stage {
        display: flex !important;
        align-items: center !important;
    }

    /* Make cards slightly transparent on sides to show peek effect */
    .sec-2-mapa .slider-sec2 .owl-item:not(.active) .card {
        opacity: 0.6 !important;
        transform: scale(0.9) !important;
        transition: all 0.3s ease !important;
    }

    .sec-2-mapa .slider-sec2 .owl-item.active .card {
        opacity: 1 !important;
        transform: scale(1) !important;
    }

    /* Parent container must allow overflow */
    .sec-2-mapa .d-flex[style*="background-image"] {
        background-size: cover !important;
        height: auto !important;
        min-height: 60vh !important;
        padding: 2vh 0 !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
    }

    /* Carousel cards - estos estilos ya no son necesarios, se manejan inline */
    .sec-2-mapa .slider-sec2 .card {
        height: auto !important;
        max-width: 100% !important;
    }

    /* Navigation arrows for carousel */
    .owl-prev-slider-sec2,
    .owl-next-slider-sec2 {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 30px !important;
        height: 30px !important;
    }

    .owl-prev-slider-sec2 {
        left: 5px !important;
    }

    .owl-next-slider-sec2 {
        right: 5px !important;
    }

    /* Video button below carousel */
    .sec-2-mapa .d-flex.pointer[style*="margin-top: 1.5vh"] {
        width: 90% !important;
        margin: 2vh auto 0 auto !important;
        justify-content: center !important;
    }

    .sec-2-mapa .d-flex.pointer img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 60px !important;
    }

    /* SVG Map container */
    .sec-2-mapa .container.col-lg-6 {
        padding: 0 15px !important;
    }

    .sec-2-mapa .content {
        background-position: center !important;
    }

    /* SVG map responsive */
    .sec-2-mapa .svg-container {
        width: 100% !important;
        max-width: 600px !important;
        margin: 0 auto !important;
        padding: 2vh 0 !important;
    }

    .sec-2-mapa .svg-container svg {
        width: 100% !important;
        height: auto !important;
        margin-top: 0 !important;
    }

    /* Info box on map */
    #regionCuadroInfo {
        margin-left: 0 !important;
        margin-top: 2vh !important;
        width: 90% !important;
        max-width: 400px !important;
        height: auto !important;
        position: relative !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #regionCuadroInfo svg {
        width: 100% !important;
        height: auto !important;
    }

    /* Navigation arrows (back/next region) */
    #back-region,
    #next-region {
        width: 40px !important;
        height: auto !important;
        top: 10vh !important;
    }

    #back-region {
        left: 5px !important;
    }

    #next-region {
        right: 5px !important;
    }

    #back-region img,
    #next-region img {
        width: 100% !important;
        height: auto !important;
    }

    /* Contacta un guía button */
    .sec-2-mapa a[data-bs-target="#modalGuias"] {
        margin-top: 2vh !important;
        margin-left: 0 !important;
        margin-bottom: 2vh !important;
        position: relative !important;
        z-index: 10 !important;
    }

    .sec-2-mapa a[data-bs-target="#modalGuias"] img {
        width: auto !important;
        height: auto !important;
        max-width: 200px !important;
        max-height: 50px !important;
    }
}

@media (max-width: 480px) {
    /* Smaller adjustments for very small screens */
    .sec-2-mapa .d-flex[style*="background-image"] {
        min-height: 50vh !important;
        overflow: visible !important;
    }

    .sec-2-mapa .slider-sec2 {
        width: 100% !important;
        margin-top: 3vh !important;
        overflow: visible !important;
    }

    .sec-2-mapa .slider-sec2 .owl-stage-outer {
        overflow: visible !important;
    }

    .sec-2-mapa .slider-sec2 .card-img-top {
        height: 200px !important;
    }

    .sec-2-mapa .slider-sec2 .card-title {
        font-size: 13px !important;
    }

    .owl-prev-slider-sec2,
    .owl-next-slider-sec2 {
        width: 25px !important;
        height: 25px !important;
    }

    #regionCuadroInfo {
        width: 95% !important;
    }
}

/* Estilos responsive para el footer */
footer.footer {
    position: relative;
    z-index: 10 !important;
    background-color: #BF328C !important;
}

.footer-responsive-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 3vh 0 0 0;
}

.footer-col-1 {
    width: 20%;
    padding: 0 10px;
}

/* Asegurar que el texto de copyright esté visible en desktop */
@media (min-width: 769px) {
    .footer-col-1 p {
        position: relative;
        z-index: 20 !important;
        background-color: transparent !important;
    }
}

.footer-col-2, .footer-col-3, .footer-col-4 {
    width: 20%;
    padding: 0 10px;
}

.footer-col-5 {
    width: 20%;
    padding: 0 10px;
}

/* Tablets y pantallas medianas */
@media (max-width: 1024px) {
    .footer-col-1, .footer-col-2, .footer-col-3, .footer-col-4, .footer-col-5 {
        width: 50%;
        margin-bottom: 3vh;
    }

    .footer-col-1 img, .footer-col-5 img {
        max-width: 100%;
        height: auto !important;
        width: auto !important;
    }

    /* Control específico para logo del footer en tablets */
    .footer-col-1 .footer-logo img {
        width: 150px !important;
        height: auto !important;
        max-width: 150px !important;
    }

    /* Control específico para iconos de apps iOS y Android en tablets */
    .footer-col-1 img[src*="icono_apple"],
    .footer-col-1 img[src*="icono_android"] {
        height: 32px !important;
        width: 32px !important;
        max-width: 32px !important;
    }

    .footer-col-1 img[src*="subtitulo_ios_app"],
    .footer-col-1 img[src*="subtitulo_android_app"] {
        height: 23px !important;
        width: auto !important;
        max-width: 89px !important;
    }

    .footer-col-1 img[src*="titulo_descar_app"] {
        height: 23px !important;
        width: auto !important;
        max-width: 177px !important;
    }

    .footer-col-1 img[src*="select_pais"] {
        height: auto !important;
        width: 120px !important;
        max-width: 120px !important;
    }

    /* Control para logo contacta guía en tablets */
    .footer-col-5 img[src*="logo_contacta_guia"] {
        height: auto !important;
        width: 120px !important;
        max-width: 120px !important;
    }

    /* Control para subtitulo siguenos en tablets */
    .footer-col-5 img[src*="subtitulo_siguenos"] {
        height: 24px !important;
        width: auto !important;
        max-width: 144px !important;
    }

    .footer-col-1 {
        order: 1;
    }

    .footer-col-2 {
        order: 3;
    }

    .footer-col-3 {
        order: 4;
    }

    .footer-col-4 {
        order: 5;
    }

    .footer-col-5 {
        order: 2;
    }
}

/* Móviles */
@media (max-width: 768px) {
    /* Sección "Planifica tu próximo viaje" */
    .promo-one.plani-viaje {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .promo-one.plani-viaje .sec-title img {
        height: auto !important;
        width: 80% !important;
        max-width: 300px;
    }

    /* Contenedor de botones */
    .promo-one.plani-viaje .auto-container.row[style*="margin-left"] {
        margin-left: 0 !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 10px;
        padding: 0 10px;
    }

    /* Botones Top Ciudades, Top Gastronomía, etc. */
    .btn_planifica {
        width: calc(50% - 5px) !important;
        min-width: 140px !important;
        height: 50px !important;
        font-size: 14px !important;
        margin-right: 0 !important;
        white-space: nowrap;
        padding: 0 5px !important;
    }

    /* Contenedor de carruseles */
    .promo-one.plani-viaje .col-lg-12[style*="margin-left"] {
        margin-left: 0 !important;
        width: 100% !important;
        padding: 0 15px;
    }

    /* Botones de navegación del carrusel (flechas) - Ocultar en móvil */
    .carrusel-tops .owl-prev,
    .carrusel-tops .owl-next,
    .carrusel-tops .owl-nav,
    .owl-carousel .owl-prev,
    .owl-carousel .owl-next,
    .owl-carousel .owl-nav {
        display: none !important;
    }

    /* Ocultar dots de navegación en móvil */
    .carrusel-tops .owl-dots,
    .owl-carousel .owl-dots {
        display: none !important;
    }

    /* Eliminar padding/margin extra del carrusel */
    .owl-carousel .owl-stage-outer {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Permitir navegación táctil en carruseles */
    .owl-carousel {
        touch-action: pan-y pinch-zoom !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Carrusel de planifica viaje - ajustes finales */
    .carrusel-tops {
        height: auto !important;
        min-height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .carrusel-tops .owl-stage-outer,
    .carrusel-tops .owl-stage {
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .carrusel-tops .owl-item {
        height: auto !important;
        padding: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Eliminar cualquier padding/margin del contenedor padre */
    .promo-one.plani-viaje .col-lg-12 {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Sobrescribir el margin-bottom: 4vh del contenedor */
    .promo-one.plani-viaje .col-lg-12[style*="margin-bottom"] {
        margin-bottom: 0 !important;
        margin-top: 2vh !important;
    }

    /* Contenedor row también */
    .promo-one.plani-viaje .row.auto-container {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Forzar que no haya espacio después de las navegaciones ocultas */
    .carrusel-tops .owl-nav,
    .carrusel-tops .owl-dots {
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
    }

    /* Imágenes del carrusel - Evitar que se aplasten */
    .carrusel-tops .card-img-top,
    .carrusel-tops img[style*="height: 26vh"] {
        height: auto !important;
        width: 100% !important;
        aspect-ratio: 4/3 !important;
        object-fit: cover !important;
    }

    /* Sobrescribir CUALQUIER elemento con height en vh dentro del carrusel */
    .carrusel-tops [style*="height"][style*="vh"],
    .carrusel-tops div[style*="34.976vh"],
    .carrusel-tops *[style*="vh"] {
        height: auto !important;
    }

    /* Sobrescribir width en vw también */
    .carrusel-tops [style*="width"][style*="vw"],
    .carrusel-tops div[style*="18.525vw"] {
        width: 100% !important;
    }

    /* Cards del carrusel */
    .carrusel-tops .card {
        width: 100% !important;
        height: auto !important;
    }

    .carrusel-tops .gallery-block_two {
        margin: 0 !important;
        height: auto !important;
        width: 100% !important;
    }

    /* Elementos internos de las cards */
    .carrusel-tops .gallery-block_two > div,
    .carrusel-tops .card > div {
        height: auto !important;
        width: 100% !important;
    }

    /* Textos de las tarjetas del carrusel */
    .carrusel-tops .hotel-block_one-heading {
        font-size: 14px !important;
    }

    .carrusel-tops .hotel-block_one-heading img[src*="ubicacion"] {
        height: 16px !important;
        width: 16px !important;
    }

    .carrusel-tops .titulo-destinos-hover {
        font-size: 16px !important;
    }

    .carrusel-tops .gallery-block_two-text-two {
        font-size: 13px !important;
    }

    /* Sección de iconos (Preguntas Frecuentes, Mis Favoritos, Transporte) */
    .d-flex.align-items-center.justify-content-between.flex-wrap[style*="border-bottom"] {
        height: auto !important;
        padding: 2vh 0 !important;
        justify-content: center !important;
        gap: 3vh;
    }

    .icono-container, .icono-container-2 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .icono-container img, .icono-container-2 img {
        height: 50px !important;
        width: auto !important;
    }

    /* Carrusel de transporte en móvil */
    .carousel[style*="15.659vw"] {
        width: 200px !important;
        max-width: 200px !important;
    }

    .carousel-image {
        height: 50px !important;
    }

    /* Iconos de favoritos en las tarjetas */
    .heart-icon.cor-hover {
        width: 35px !important;
        height: 35px !important;
        top: 10px !important;
        right: 10px !important;
    }

    .footer-col-1, .footer-col-2, .footer-col-3, .footer-col-4, .footer-col-5 {
        width: 100%;
        margin-bottom: 4vh;
        text-align: center;
        position: relative !important;
        z-index: 1 !important;
    }

    .footer-col-1 {
        background: transparent !important;
    }

    .footer-col-1 p {
        margin-left: 0 !important;
        font-size: 12px !important;
        color: white !important;
        position: relative !important;
        z-index: 10 !important;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
        background: transparent !important;
    }

    .footer-col-1 .footer-logo img {
        width: 150px !important;
        height: auto !important;
    }

    .footer-col-1 > div img {
        max-width: 100%;
        height: auto !important;
        width: auto !important;
    }

    /* Control específico para iconos de apps iOS y Android - 15% más grandes */
    .footer-col-1 img[src*="icono_apple"],
    .footer-col-1 img[src*="icono_android"] {
        height: 32px !important;
        width: 32px !important;
        max-width: 32px !important;
    }

    .footer-col-1 img[src*="subtitulo_ios_app"],
    .footer-col-1 img[src*="subtitulo_android_app"] {
        height: 23px !important;
        width: auto !important;
        max-width: 89px !important;
    }

    .footer-col-1 img[src*="titulo_descar_app"] {
        height: 23px !important;
        width: auto !important;
        max-width: 177px !important;
    }

    .footer-col-1 img[src*="select_pais"] {
        height: auto !important;
        width: 120px !important;
        max-width: 120px !important;
    }

    /* Control para logo contacta guía en móvil - 20% más grande */
    .footer-col-5 img[src*="logo_contacta_guia"] {
        height: auto !important;
        width: 120px !important;
        max-width: 120px !important;
    }

    /* Control para subtitulo siguenos en móvil - 20% más grande */
    .footer-col-5 img[src*="subtitulo_siguenos"] {
        height: 24px !important;
        width: auto !important;
        max-width: 144px !important;
    }

    .tituloFooter img {
        max-width: 200px;
        height: auto !important;
    }

    .footer-social_box {
        justify-content: center !important;
        gap: 10px;
    }

    .footer-social_box a img {
        height: 40px !important;
        width: 40px !important;
    }
}

/* Móviles pequeños */
@media (max-width: 480px) {
    /* Botones de planifica viaje en móviles pequeños */
    .btn_planifica {
        width: 100% !important;
        margin-bottom: 8px;
        font-size: 13px !important;
        height: 45px !important;
    }

    .promo-one.plani-viaje .sec-title img {
        width: 90% !important;
        max-width: 250px;
    }

    /* Imágenes del carrusel en móviles pequeños */
    .carrusel-tops .card-img-top,
    .carrusel-tops img[style*="height: 26vh"] {
        aspect-ratio: 3/2 !important;
    }

    /* Textos más pequeños en móviles pequeños */
    .carrusel-tops .hotel-block_one-heading {
        font-size: 12px !important;
    }

    .carrusel-tops .titulo-destinos-hover {
        font-size: 14px !important;
    }

    .carrusel-tops .gallery-block_two-text-two {
        font-size: 11px !important;
    }

    /* Sección de iconos más pequeña */
    .icono-container img, .icono-container-2 img {
        height: 40px !important;
    }

    .carousel[style*="15.659vw"] {
        width: 150px !important;
        max-width: 150px !important;
    }

    .carousel-image {
        height: 40px !important;
    }

    /* Iconos de favoritos más pequeños */
    .heart-icon.cor-hover {
        width: 30px !important;
        height: 30px !important;
    }

    .footer-col-1 .footer-logo img {
        width: 120px !important;
    }

    .footer-col-1 p {
        font-size: 10px !important;
        color: white !important;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
        background: transparent !important;
        z-index: 10 !important;
    }

    .tituloFooter img {
        max-width: 150px;
    }

    .footer-col-5 button {
        width: 60px !important;
        height: 60px !important;
        font-size: 14px !important;
    }

    /* Iconos en móviles pequeños - 15% más grandes */
    .footer-col-1 img[src*="icono_apple"],
    .footer-col-1 img[src*="icono_android"] {
        height: 26px !important;
        width: 26px !important;
        max-width: 26px !important;
    }

    .footer-col-1 img[src*="subtitulo_ios_app"],
    .footer-col-1 img[src*="subtitulo_android_app"] {
        height: 20px !important;
        max-width: 76px !important;
    }

    .footer-col-1 img[src*="titulo_descar_app"] {
        height: 20px !important;
        max-width: 152px !important;
    }

    .footer-col-1 img[src*="select_pais"] {
        width: 100px !important;
        max-width: 100px !important;
    }

    /* Logo contacta guía en móviles pequeños - 20% más grande */
    .footer-col-5 img[src*="logo_contacta_guia"] {
        height: auto !important;
        width: 96px !important;
        max-width: 96px !important;
    }

    /* Subtitulo siguenos en móviles pequeños - 20% más grande */
    .footer-col-5 img[src*="subtitulo_siguenos"] {
        height: 22px !important;
        width: auto !important;
        max-width: 120px !important;
    }
}

.titulo-se-libre-textAvent-andes {
    font-size:3.9vh;
    color:#BF328C;
    font-family: var(--font-family-Humanistist521BT-Bold) !important;
    font-weight: bold;
    letter-spacing:-0.04em;
    width: auto;height:auto
}
.card:hover .card-body {
    opacity: 0!important;
    background-color: transparent !important;
    cursor: pointer;
}
.titulo-destinos-hove{
    text-transform: uppercase;
}
.texto-amarillo{
    text-transform: uppercase;
}
.dropdown-menu-sucum {
    z-index: 9999;
}






.titulo-footer-proximos-eventos {
    font-family: var(--font-family-MadeOkineSansBold) !important;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgb(191, 50, 140);
    text-shadow: 7px 7px 7px rgba(1, 26, 0, 0.5);
}

.menu-op {
    color: white !important;
}

.menu-op-actual {
    color: white !important;
}

.fixed_menu .mainnav .main_menu .menu-op {
    color: #383838 !important;
}




.icon-container-pichincha {
    background-color: #F17221;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.icon-container-pastaza {
    background-color: #00A8BC;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.icon-container-cotopaxi {
    background-color: #CF1C8E;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.icon-container-orellana {
    background-color: #FFA400;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.icon-container-bolivar {
    background-color: #FFA400;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.icon-container-carchi {
    background-color: #00A8BC;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.icon-container-imbabura {
    background-color: #F17221;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.icon-container-tungurahua {
    background-color: #FFA400;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
 .icon-container-chimborazo {
     background-color: #CF1C8E;
     font-size: 18px;
     font-family: var(--font-family-Humanistist521BT-Bold);
     color: white;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100%;
 }
.icon-container-loja {
    background-color: #0071A2;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.icon-container-canar {
    background-color: #00A8BC;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.icon-container-azuay {
    background-color: #00A8BC;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.dropdown-menu-sucum {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
}

.dropdown-menu-sucum {
    position: absolute;
    bottom: 100%;
    left: -0.9%;
    width: 17% !important;
    height:27vh!important;
    background-color: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid rgba(255, 170, 56, 1);
    display: none;
    z-index: 999 !important;
}

.dropdown-menu-pichincha {
    position: absolute;
    bottom: 100%;
    left: 0.7%;
    width: 40% !important;
    height:27vh!important;
    background-color: rgba(241, 114, 33,0.8);
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #F17221;
    display: none;
    z-index: 999;
}
.dropdown-menu-pastaza {
    position: absolute;
    bottom: 100%;
    left: 16.1%;
    width: 17% !important;
    height:27vh!important;
    background-color: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #CF1C8E;
    display: none;
    z-index: 999;
}

.dropdown-menu-cotopaxi {
    position: absolute;
    bottom: 100%;
    left: 21%;
    width: 40% !important;
    height:27vh!important;
    background-color: rgba(207, 28, 142, 0.8);
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #CF1C8E;
    display: none;
    z-index: 999;
}

.dropdown-menu-orellana {
    position: absolute;
    bottom: 100%;
    left: 33%;
    width: 17% !important;
    height:27vh!important;
    background-color: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #FFA400;
    display: none;
    z-index: 999;
}

.dropdown-menu-bolivar {
    position: absolute;
    bottom: 100%;
    left: 41%;
    width: 40% !important;
    height:27vh!important;
    background-color: rgba(255, 164, 0, 0.8);
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #FFA400;
    display: none;
    z-index: 999;
}

.dropdown-menu-carchi {
    position: absolute;
    bottom: 100%;
    left: 61%;
    width: 20% !important;
    height:27vh!important;
    background-color: rgba(0, 168, 188,0.8);
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #00A8BC;
    display: none;
    z-index: 999;
}

.dropdown-menu-imbabura {
    position: absolute;
    bottom: 100%;
    left: 80.7%;
    width: 20% !important;
    height:27vh!important;
    background-color: rgba(241, 114, 33,0.8);
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #F17221;
    display: none;
    z-index: 999;
}
.dropdown-menu-tungurahua {
    position: absolute;
    bottom: 100%;
    left: 61%;
    width: 40% !important;
    height:27vh!important;
    background-color: rgba(	255, 164, 0,0.8);
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #FFA400;
    display: none;
    z-index: 999;
}

.dropdown-menu-chimborazo {
    position: absolute;
    bottom: 100%;
    left: 41%;
    width: 40% !important;
    height:27vh!important;
    background-color: rgba(207, 28, 142,0.8);
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #CF1C8E;
    display: none;
    z-index: 999;
}

.dropdown-menu-loja {
    position: absolute;
    bottom: 100%;
    left: 0.7%;
    width: 40% !important;
    height:27vh!important;
    background-color: rgba(0, 113, 162,0.8);
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #0071A2;
    display: none;
    z-index: 999;
}

.dropdown-menu-azuay {
    position: absolute;
    bottom: 100%;
    left: 21%;
    width: 60% !important;
    height:27vh!important;
    background-color: rgba(0,168,188,0.8);
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #00A8BC;
    display: none;
    z-index: 999;
}

.dropdown-menu-canar {
    position: absolute;
    bottom: 100%;
    left: 60.7%;
    width: 40% !important;
    height:27vh!important;
    background-color: rgba(0,168,188,0.8);
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #00A8BC;
    display: none;
    z-index: 999;
}

.icon-container-pichincha:hover .dropdown-menu-pichincha {
    display: block; /* Muestra el menú cuando se hace hover */
}
.icon-container-pastaza:hover .dropdown-menu-pastaza {
    display: block; /* Muestra el menú cuando se hace hover */
}


.icon-container-cotopaxi:hover .dropdown-menu-cotopaxi {
    display: block; /* Muestra el menú cuando se hace hover */
}

.icon-container-orellana:hover .dropdown-menu-orellana {
    display: block; /* Muestra el menú cuando se hace hover */
}

.icon-container-bolivar:hover .dropdown-menu-bolivar {
    display: block; /* Muestra el menú cuando se hace hover */
}

.icon-container-imbabura:hover .dropdown-menu-imbabura {
    display: block; /* Muestra el menú cuando se hace hover */
}
.icon-container-tungurahua:hover .dropdown-menu-tungurahua {
    display: block; /* Muestra el menú cuando se hace hover */
}
.icon-container-chimborazo:hover .dropdown-menu-chimborazo {
    display: block; /* Muestra el menú cuando se hace hover */
}
.icon-container-carchi:hover .dropdown-menu-carchi {
    display: block; /* Muestra el menú cuando se hace hover */
}
.icon-container-loja:hover .dropdown-menu-loja {
    display: block; /* Muestra el menú cuando se hace hover */
}
.icon-container-azuay:hover .dropdown-menu-azuay {
    display: block; /* Muestra el menú cuando se hace hover */
}
.icon-container-canar:hover .dropdown-menu-canar {
    display: block; /* Muestra el menú cuando se hace hover */
}


.dropdown-menu li a {
    color: #333; /* Color del texto del menú */
    text-decoration: none;
    display: block;
}

.dropdown-menu li a:hover {
    background-color: #f0f0f0; /* Color de fondo al hacer hover sobre una opción */
}













.owl-prev-slider-sec2 {
    position: absolute;
    bottom: 20vh;
    left: 6.5vw;
}

.owl-next-slider-sec2 {
    position: absolute;
    bottom: 20vh;
    right: 6.5vw;
}

.owl-prev-slider-provincias {
    position: absolute;
    bottom: 1vw;
    left: -1.5vw;
}

.owl-next-slider-provincias {
    position: absolute;
    bottom: 1vw;
    right: -1.5vw;
}

.owl-prev-fil-carr {
    position: absolute;
    bottom: 50%;
    left: -3vw;
}

.owl-next-fil-carr {
    position: absolute;
    bottom: 50%;
    right: -3vw;
}

.btn_planifica {
    background: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    border-style: Solid;
    border-color: rgba(56, 56, 56, .5);
    border-width: 0.3px;
    border-radius: 3px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-family: var(--font-family-Humanistist521BT-Roman) !important;
    font-size: 17px;
    letter-spacing: 0.68px;
    color: rgb(128, 128, 128);
    display: inline-block;
    width: 13vw;
    height: 6vh;
    text-align: center;
    margin-right: 1vw;
}

.btn_planifica_activado {
    background-color: #BF328C;
    border-color: #BF328C;
    color: white;
}

.hotel-block_one-heading a {
    display: flex; /* Utilizamos flexbox para alinear elementos en una fila */
    align-items: center; /* Centramos verticalmente los elementos */
    text-decoration: none; /* Eliminamos el subrayado del enlace */
    color: #000; /* Color del texto */
}

.hotel-block_one-heading a img {
    margin-right: 5px; /* Ajustamos el margen derecho entre la imagen y el texto */
}

.texto-plani-viaje-carru-foot {
    font-size: 15px !important;
    font-family: var(--font-family-Humanistist521BT-Roman) !important;
    color: #3FA9F5 !important;
}

.hotel-block_one-heading a {
    color: #3FA9F5 !important;
}

.leer-mas {
    font-size: 1.5vh !important;
    color: #3FA9F5 !important;
    opacity: .6;
}

.texto-amarillo {
    color: #BF328C !important;
}

.texto-amarillo a {
    color: #BF328C !important;
    font-size: 15px;
    font-family: var(--font-family-Humanistist521BT-Bold) !important;;
}

.velo_hover_filtros {
    background-color: #BF328C;
}

.verde-bold {
    font-weight: bold;
    font-size: 16px;
}











.scrolling-wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 58vh; /* Altura máxima para mostrar solo tres tarjetas */
}

.scrolling-wrapper .card {
    display: inline-block;
    width: 100%; /* Ajusta el ancho según tu diseño */
    margin-right: 10px; /* Espacio entre los elementos */
}

.vertical-line {
    border-left: 1px solid #000; /* Color de la línea */
    height: 30px; /* Altura de la línea */
}

.menu_ciudades {
    font-size: 11.5px;
    font-family: var(--font-family-Humanistist521BT-Roman);
    font-weight: normal;
    letter-spacing: 0.75px;
    color: #FFFFFF;
    padding-bottom: 0 !important;
}

.botones_unidos {
    background: #E1F3D5;
    background: rgba(225, 243, 213, 1);
    /* Radio de borde para la esquina superior izquierda */
    /* Radio de borde para la esquina inferior izquierda */
    /* Borde derecho transparente */
    /* Borde derecho transparente */
    color: #383838;
    height: 9.694vh;
    font-family: var(--font-family-Humanistist521BT-Roman) !important;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0.73px;
    color: #383838;
    color: rgb(56, 56, 56);
}

.borde_izq {
    border-top-left-radius: 52px; /* Radio de borde para la esquina superior izquierda */
    border-bottom-left-radius: 52px; /* Radio de borde para la esquina inferior izquierda */
    border-top-right-radius: 0px; /* Radio de borde para la esquina superior derecha */
    border-bottom-right-radius: 0px; /* Radio de borde para la esquina inferior derecha */
    margin-right: -0.5vw;
}

.borde_der {
    border-top-left-radius: 0px; /* Radio de borde para la esquina superior izquierda */
    border-bottom-left-radius: 0px; /* Radio de borde para la esquina inferior izquierda */
    border-top-right-radius: 52px; /* Radio de borde para la esquina superior derecha */
    border-bottom-right-radius: 52px; /* Radio de borde para la esquina inferior derecha */
    margin-left: -0.5vw;
}









.popup-content {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}



.titulo_gastro_modal {
    font-family: var(--font-family-Humanistist521BT-Bold) !important;
    font-weight: bold;
    font-size: 30px;
    letter-spacing: -1px;
    color: #BF328C;
}

.titulo-platillos-bebidas {
    font-family: var(--font-family-Humanistist521BT-Bold) !important;
    font-weight: bold;
    font-size: 13px;
    margin: -5px 0 0 10px;
    padding: 0;
}



.fon-verde {
    background-color: #E1F3D5;
    width: 100%!important;
}

.submenu {
    flex-wrap: wrap; /* Permitimos que los elementos se desborden a una segunda línea si es necesario */
}

.shadow-3d {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3) !important;
    transition: transform 0.3s ease;
    background-color: transparent;
}

.shadow-3d:hover {
    transform: translateY(-5px);
}

.simplebar-scrollbar:before {
    background-color: white; /* Color blanco */
    border-radius: 10px; /* Borde redondeado */
}

.simplebar-scrollbar {
    background-color: white; /* Color blanco */
    border-radius: 10px; /* Borde redondeado */
}

.simplebar-horizontal .simplebar-scrollbar:before {
    height: 1.433vw; /* Altura de 1.433vw */
}

.simplebar-vertical .simplebar-scrollbar:before {
    width: 1.433vw; /* Ancho de 1.433vw */
}

.simplebar-track {
    background-color: #ccc; /* Color gris */
    border-radius: 10px; /* Borde redondeado */
}



/* Contenedor principal */
.container {
    margin-top: 5vh;
}

/* Contenedor del cuadro de información y elementos adicionales */
.content {
    position: relative;
    height: 75vh;
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 13vw;
}

/* Cuadro de información */
.cuadro-info {
    position: absolute;
    left: -35.5vh; /* Mueve el cuadro de información hacia la izquierda */
    bottom: 6vw;
    z-index: 1;
}

/* SVG principal */
.svg-container {
    position: relative;
}

/* Estilos de ejemplo para el botón y el SVG adicional */
.boton-saber-mas {
    position: absolute;
    top: -5.5vh;
    left: 1.5vw;
    height: 10.794vh;
}

.islas-galapagos {
    position: absolute;
    bottom: 35.5vh;
    left: 1.5vw;
    height: 10.794vh;
}

.collapse-icon {
    margin-left: 10px; /* Espacio entre el contador y la flecha */
}

.item-count {
    font-weight: normal!important;
    font-size: 1.5vh!important;
}
/* Fix para slider-sec2: mantener card-body visible en hover */
.cardRegiones:hover .card-body,
.slider-sec2 .card:hover .card-body,
.slider-sec2 .card:hover .card-body.imagen3D {
    opacity: 1!important;
    background-color: white !important;
    cursor: pointer;
}

/* Ocultar flechas de carrusel en móvil (dispositivos táctiles) */
@media (max-width: 991.98px) {
    .owl-prev,
    .owl-next,
    .owl-prev-slider-sec2,
    .owl-next-slider-sec2,
    .carrusel-tops .owl-prev,
    .carrusel-tops .owl-next,
    .owl-carousel .owl-prev,
    .owl-carousel .owl-next,
    #back-region,
    #next-region {
        display: none !important;
    }
}

/* ============================================= */
/* Estilos para iconos de Preguntas/Favoritos/Transporte */
/* ============================================= */

/* Desktop: Mismo ancho para todos los botones */
@media (min-width: 769px) {
    .icono-container,
    .icono-container-2,
    .carousel {
        min-width: 14.362vw !important;
        justify-content: center;
    }
}

@media (max-width: 1024px) {
    .faq-icon,
    .btn-mis-favoritos .icono svg,
    .btn-necesitas-transporte .icono svg {
        width: 50px !important;
        height: 50px !important;
    }

    .faq-logo,
    .btn-mis-favoritos,
    .btn-necesitas-transporte {
        gap: 10px !important;
    }
}

/* Estilos responsive para tablet */
@media (max-width: 1024px) {
    /* Hacer los botones apilados verticalmente en tablet */
    .d-flex.align-items-center.justify-content-between.flex-wrap.gap-3 {
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important;
    }

    /* Botones con ancho completo y fondo blanco */
    .icono-container,
    .icono-container-2,
    .carousel {
        width: 100% !important;
        min-width: 100% !important;
        background-color: white !important;
        padding: 15px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
        border-radius: 8px !important;
        justify-content: center !important;
    }
}

@media (max-width: 768px) {
    /* Iconos y texto más pequeños (25% reducción) */
    .faq-icon {
        width: 41px !important;
        height: 41px !important;
        border-width: 4px !important;
    }

    .signo-pregunta {
        font-size: 26px !important;
        line-height: 33px !important;
    }

    .circulo-pregunta {
        display: none !important;
    }

    .btn-mis-favoritos .icono svg,
    .btn-necesitas-transporte .icono svg {
        width: 41px !important;
        height: 41px !important;
    }

    .btn-mis-favoritos .texto,
    .btn-necesitas-transporte .texto {
        font-size: 12px !important;
    }

    .faq-logo .titulo-pregunta {
        font-size: 12px !important;
    }

    .btn-mis-favoritos,
    .btn-necesitas-transporte {
        gap: 11px !important;
        padding: 11px !important;
        justify-content: center !important;
    }

    /* Centrar el contenido del carrusel */
    .carousel,
    .collapse-icon {
        justify-content: center !important;
    }

    /* Ocultar el botón "CONTACTA UN GUÍA" en móvil (se muestra en footer) */
    .contacta-guia {
        display: none !important;
    }

    /* Separación de la sección completa "Planifica tu viaje" */
    .plani-viaje {
        padding-bottom: 1.6vh !important;
        margin-bottom: 1.2vh !important;
    }

    /* Separación del carrusel de texto para evitar sobreposición */
    .plani-viaje-carru-foot {
        margin-bottom: 1.2vh !important;
    }

    /* Espacio adicional en el contenedor del carrusel */
    .row.auto-container.d-flex.align-items-center.justify-content-between.flex-wrap {
        margin-bottom: 1.2vh !important;
    }

    /* Sección footer con margen superior adicional */
    section.footer {
        margin-top: 1.6vh !important;
        padding-top: 1.2vh !important;
    }

    /* Título "Próximos Eventos" con margen superior */
    .titulo-footer-proximos-eventos {
        margin-top: 0.8vh !important;
        padding-top: 0.6vh !important;
    }

    /* Carrusel de eventos con espacio inferior para no tocar el footer */
    .proximos-event-footer {
        margin-bottom: 3vh !important;
    }
}