/*
Theme Name: Gira de Estudio
Description: Tema para WordPress
Version: 1.0
Author: Emmanuel Cárdenas
*/

:root{
    /* FONTSIZE */
    --fs-10: 0.625rem;
    --fs-11: 0.6875rem;
    --fs-12: 0.75rem;
    --fs-14: 0.875rem;
    --fs-15: 0.9375rem;
    --fs-16: 1rem;
    --fs-17: 1.0625rem;
    --fs-18: 1.125rem;
    --fs-19: 1.1875rem;
    --fs-20: 1.25rem;
    --fs-23: 1.4375rem;
    --fs-24: 1.5rem;
    --fs-27: 1.6875rem;
    --fs-29: 1.8125rem;
    --fs-30: 1.875rem;
    --fs-31: 1.9375rem;
    --fs-32: 2rem;
    --fs-33: 2.0625rem;
    --fs-34: 2.125rem;
    --fs-35: 2.1875rem;
    --fs-36: 2.25rem;
    --fs-40: 2.5rem;
    --fs-48: 3rem;
    --fs-56: 3.5rem;
    --fs-64: 4rem;
    --fs-68: 4.25rem;
    --fs-80: 5rem;

    /* COLORES */
    --color-white: #FFF;
    --color-bgbody: #F6FBFF;
    --color-celeste: #44A3DB;
    --color-green: #62BB46;
    --color-black: #394066;
    --color-black-light: #5E6282;
    --color-naranja: #F8A401;
    --color-rojo: #EF4043;
    --color-rojo-light: #EF4043cc;
}
#wpadminbar{
    top: initial;
    bottom: 0;
    color: var(--color-black-light);
    display: none;
}

[id]{
    scroll-margin-top: 120px;
}

html, body{
    overscroll-behavior: none;
}

html{
    margin: 0 !important;
}
body{
    background-color: var(--color-bgbody);
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: var(--color-black);
    font-weight: 300;
}
.card{
    border-radius: 48px;
    border: none;
    box-shadow: 0px 30px 60px 0 rgba(22, 34, 51, 0.03);
}
.card-body{
    padding: 50px;
}
.card-body p,
.card-body li{
    line-height: 1.875rem; 
    color: var(--color-black-light);
}
.card-icon{
    background: var(--color-naranja);
    border-radius: 18px;
    width: 116px;
    height: 116px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-white);
    position: absolute;
    top: -50px;
    right: 65px;
    font-size: var(--fs-40);
}
/*COLORES*/
.text-celeste{
    color: var(--color-celeste) !important;
}
.text-verde{
    color: var(--color-green) !important;
}
.text-rojo{
    color: var(--color-rojo) !important;
}
/*BUTTONS*/
.btn{
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: var(--fs-15); /* 15px en rem */
    padding: 12.75px;
    
}
.btn-primary{
    background-color: var(--color-rojo);
    box-shadow:0px 10px 40px 0 rgb(239 64 67 / 30%);
    border: none;
    color: var(--color-white);
}
.btn-primary:hover{
    background: var(--color-rojo);
}
.btn-primary:disabled{
    background: var(--color-rojo);
    pointer-events: none;
    opacity: 1;
}
.btn.btn-primary:focus-visible{
    background-color: var(--color-rojo);
    box-shadow:0px 10px 40px 0 rgb(239 64 67 / 30%);
    border: none;
    color: var(--color-white);
    border-radius: 5px !important;
}
.btn-secondary{
    background: var(--color-green);
    border-color: var(--color-green);
    box-shadow: 0px 7.67px 30.67px 0 rgba(98, 187, 70, 0.2);
    color: var(--color-white);
}
.btn-outline{
    background-color: transparent;
    border: 1px solid rgba(115, 192, 84, 0.3);
    color: var(--color-green);
    box-shadow: none;
    text-transform: uppercase;
    font-size: var(--fs-11); /* 11px en rem */
    font-weight: 700;
    letter-spacing: 0.1em;
    padding: 5px 20px;
    display: inline-flex;
    align-items: center;
}
.btn-outline:hover{
    background: var(--color-green);
    color: var(--color-white);
}
.btn-outline:focus-visible{
    border: 1px solid rgba(115, 192, 84, 0.3) !important;
    outline-color: var(--color-green) !important;
}
.btn-icon-next:after{
    content: '';
    width: 27px;
    height: 27px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.125 5.5L0.875 5.5M12.125 5.5L7.625 10M12.125 5.5L7.625 1' stroke='%2373C054' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: 11.25px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
}
.btn-icon-next:hover:after{
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.125 5.5L0.875 5.5M12.125 5.5L7.625 10M12.125 5.5L7.625 1' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
/*ICONS*/
.icon-preguntas:before{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6666 5.83334V9.16667C14.6666 11.8333 13.3333 13.1667 10.6666 13.1667H10.3333C10.1266 13.1667 9.92665 13.2667 9.79998 13.4333L8.79998 14.7667C8.35998 15.3533 7.63998 15.3533 7.19998 14.7667L6.19998 13.4333C6.09331 13.2867 5.84665 13.1667 5.66665 13.1667H5.33331C2.66665 13.1667 1.33331 12.5 1.33331 9.16667V5.83334C1.33331 3.16667 2.66665 1.83334 5.33331 1.83334H7.99998' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.1334 3.58C9.91336 2.92 10.1734 2.10667 10.8934 1.88C11.2667 1.76667 11.7334 1.86 12 2.21334C12.2534 1.84667 12.7334 1.76667 13.1067 1.88C13.8267 2.1 14.0867 2.92 13.8667 3.58C13.5267 4.62667 12.3334 5.16667 12 5.16667C11.6667 5.16667 10.4867 4.63334 10.1334 3.58Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6643 7.83333H10.6703' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.99697 7.83333H8.00296' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.32967 7.83333H5.33566' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: cover;
    display: inline-block;
}
.icon-galeria:before{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8333 13.8333H5.16665C3.16665 13.8333 1.83331 12.5 1.83331 10.5V6.5C1.83331 4.5 3.16665 3.16666 5.16665 3.16666H11.8333C13.8333 3.16666 15.1666 4.5 15.1666 6.5V10.5C15.1666 12.5 13.8333 13.8333 11.8333 13.8333Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.10002 6.83333L9.76669 7.83333C10.3667 8.23333 10.3667 8.83333 9.76669 9.23333L8.10002 10.2333C7.43336 10.6333 6.90002 10.3 6.90002 9.56667V7.56666C6.90002 6.7 7.43336 6.43333 8.10002 6.83333Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: cover;
    display: inline-block;
}
/*FONTS*/
.section-title{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: var(--fs-40);
}
@media (min-width: 992px){
    .section-title{
        font-size: var(--fs-80); /* 80px en rem */
        line-height: var(--fs-68);
    }
}
.detalle-title{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: var(--fs-24); 
    line-height: var(--fs-31);
}
@media (min-width: 1200px){
    .detalle-title{
        font-size: var(--fs-48); 
        line-height: var(--fs-48);
        margin-top: 20px;
        margin-bottom: 20px;
    }
}
.destino-detalle-title{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: var(--fs-56); 
    line-height: var(--fs-56);
}
@media (min-width: 1200px){
    .destino-detalle-title{
        font-size: 4rem;
        line-height: 4rem;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}
.sub-section-title{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: var(--fs-20);
    color: var(--color-black);
    margin-bottom: 15px;
}
@media (min-width: 992px){
    .sub-section-title{
        font-size: var(--fs-30); 
        margin-bottom: 0;
    }
}
p{
    font-size: var(--fs-16);
    line-height: 1.875rem; 
}
p.detalle-intro{
    font-family: 'Poppins', sans-serif;
    width: 90%;
    font-size: var(--fs-14);
    line-height: 1.35rem; 
    
}
@media (min-width: 992px){
    p.detalle-intro{
        font-size: var(--fs-20); 
        line-height: var(--fs-29); 
        margin-bottom: 30px;
    }
}
span.detalle-date{
    margin-top: 40px;
    color: #73C054;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-14); 
    font-weight: 700;
    display: block;
}
/* BREADCRUMBS */
.breadcrumbs{
    /* width: 241px; */
    height: 38px;
    display: flex;
    align-items: center;
}
.breadcrumbs ul{
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 5px;
}
.breadcrumbs ul li:after{
    content: '/';
    display: inline-block;
    margin-left: 5px;
}
.breadcrumbs ul li:first-child:after,
.breadcrumbs ul li:nth-child(2):after,
.breadcrumbs ul li:last-child:after{
    display: none;
}
.breadcrumbs ul li,
.breadcrumbs ul li a{
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-12);
    font-weight: 300;
    color: var(--color-white);
    text-decoration: none;
}
.breadcrumbs ul li:last-child,
.breadcrumbs ul li:last-child a{
    font-weight: 700;
}
.hero-destino-detalle .breadcrumbs{
    margin-bottom: 28px;
}
/*OWL CAROUSEL*/
.owl-carousel .owl-dots{
    display: flex;
    gap: 8.44px;
    padding-top: 33px;
    justify-content: center;
    
}
@media (min-width: 992px){
    .owl-carousel .owl-dots{
        padding-right: 55px;
        justify-content: flex-end;
        gap: 12.22px;
    }
}
.owl-carousel .owl-dots .owl-dot span{
    background-color: #dadada;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: block;
}
@media (min-width: 992px){
    .owl-carousel .owl-dots .owl-dot span{
         width: 10px;
    height: 10px;
    }
}
.owl-carousel .owl-dots .owl-dot.active span{
    background-color: #80839B;
}
/* NAVBAR SOCIAL */
@media (min-width: 992px){
    .navbar-social{
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
            padding-top: 19px;
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
        z-index: 5;
    }
}


.navbar-social ul{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    list-style: none;
    gap: 20px;
}

@media (max-width: 991px){
    .navbar-social ul{
        width: 100%;
        padding: 0;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .navbar-social ul li:last-child{
        order: -1;
        width: 100%;
    }
    .navbar-social ul li:last-child a{
        justify-content: flex-start;
        font-size: var(--fs-14);
        line-height: var(--fs-14);
        padding: 25px 10px 27px 27px;
    }
    .navbar-social ul li:last-child a:after {
        content: '';
        width: 19px;
        height: 19px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: auto;
        background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.07746 10.8992L0.515381 10.345L5.36038 5.5L0.515381 0.654997L1.07746 0.10083L6.48455 5.5L1.07746 10.8992Z' fill='white'/%3E%3C/svg%3E%0A");
    }
}

.navbar-social ul i{
    font-size: var(--fs-19);
    color: var(--color-white);
}
.navbar-social .btn-secondary{
    padding: 0 27px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-11); /* 11px en rem */
}
/* NAVBAR */
.navbar{
    padding-top: 17px;
}
@media (min-width: 992px){
    .navbar{
        padding-top: 32px;
    }
}
.navbar-brand{
    margin: 0;
    padding: 0;
}
.navbar-brand a{
    text-indent: -9999px;
    display: inline-block;
}
.navbar-brand a img{
    width: 132px;
    display: block;
    transition: width 0.3s ease-in-out;
    position: relative;
    z-index: 5;
}
@media (min-width:1200px) and (max-width: 1399px){
    .navbar-brand a img{
        width: 110px;
    }
}
@media (max-width: 991px){
    .navbar-brand a img{
        width: 64px;
    }
}

.nav-item{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
#menu-menu-principal .nav-item .nav-link{
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: var(--color-white);
    font-size: var(--fs-14);
    line-height: var(--fs-14);
    padding: 8px 20px;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-shrink: 0;
}

.nav-item .nav-link.active{
    color: var(--color-white);
}
.navbar-nav.navbar-shortcuts{
    border-left: 5px solid rgba(255, 255, 255, 0.2);
}
@media (min-width: 1200px){
    .navbar-nav.navbar-shortcuts{
        align-items: center;
    }
}
.navbar-nav.navbar-shortcuts .nav-link{
    font-size: var(--fs-12);
    padding: 8px 17px;
    color: var(--color-white);
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 300;
}
/*BUSCADOR HEADER*/
.buscador-header{
    display: flex;
    gap: 0px;
    align-items: center;
    background: var(--color-white);
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    padding-right: 8px;
}
.buscador-header .form-group{
    width: 50%;
}
.buscador-header .form-group:first-child{
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.buscador-header .form-select{
    font-size: var(--fs-11); /* 11px en rem */
    color: var(--color-black-light);
    margin-right: 20px;
    border: none;
    padding: 19px 5px 17px 5px;
    border-radius: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23dadada' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
}
@media (min-width: 576px){
    .buscador-header .form-select{
        padding: 19px 21px 17px 15px;
    }
}
.buscador-header .form-group:first-child .form-select{
    border-radius: 4px 0 0 4px;
}
.buscador-header .form-select:focus{
    outline: none;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 1);
}
.buscador-header .btn-primary{
    height: 36px;
    font-size: var(--fs-11); /* 11px en rem */
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*BUSCADOR HEADER MOBILE*/
@media (max-width: 991px){
    .buscador-header-mobile{
        margin-bottom: 10px;
    }
}

/*OFFCANVAS MENU*/
.navbar-toggler{
    border: none;
}
.navbar-toggler .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-toggler:focus{
    box-shadow: none;
}
.navbar-toggler:focus-visible{
    border: none;
}
@media (max-width: 1199px){
    .offcanvas{
        background: #2558A2;
        width: 100% !important;
        max-width: 394px !important;
    }
    .offcanvas-body .btn-close{
        position: absolute;
        top: 37px;
        right: 43px;
        transform: scale(1.5);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3E%3C/svg%3E");
        opacity: 1;
    }
    .offcanvas-body{
        padding: 0px 47px 50px 34px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
    }
    .offcanvas-body .nav-item{
        justify-content: flex-start;
    }
    .offcanvas-body .nav-link,
    .offcanvas-body .navbar-shortcuts .nav-link{
        font-size: var(--fs-14); /* 17px en rem */
        line-height: var(--fs-14); 
        font-weight: 300;
        padding: 15px 10px 15px 0 !important;
        width: 100%;
        display: flex;
    }
    .offcanvas-body .nav-link:after{
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.07746 10.8992L0.515381 10.345L5.36038 5.5L0.515381 0.654997L1.07746 0.10083L6.48455 5.5L1.07746 10.8992Z' fill='white'/%3E%3C/svg%3E%0A");
        width: 19px;
        height: 19px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: auto;
    }
    .offcanvas-body .navbar-shortcuts{
        border: none !important;
    }
    .offcanvas-body .navbar-shortcuts .nav-link::before{
        display: none;
    }
    .offcanvas-body .nav-link-sm{
        font-size: var(--fs-14); 
        line-height: 1.25rem;
        padding: 10px 0;
        color: var(--color-white);
        text-decoration: none;
        padding: 10px 0 !important;
        display: block;
    }
    .offcanvas-body .social-links{
        display: flex;
        align-items: center;
        gap: 20px;
        margin-top: 30px;
        list-style: none;
        padding: 0;
    }
    .offcanvas-body .social-links .social-link{
        width: 48px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        text-decoration: none;
        font-size: var(--fs-24);
        color: var(--color-white);
    }
    .offcanvas-body .social-links li:nth-child(1) .social-link{
        background: #B2377F;
    }
    .offcanvas-body .social-links li:nth-child(2) .social-link{
        background: #E42A2E;
    }
    .offcanvas-body .social-links li:nth-child(3) .social-link{
        background: #25D366;
    }
}
@media (min-width: 1200px){
    .offcanvas-body .btn-close{
        display: none;
    }
}
/*HEADER SCROLLED*/
header{
    background: rgba(0, 108, 183, 0);
    transition: background 0.3s ease-in-out;
}
header.scrolled{
    background: rgba(0, 108, 183, 0.7);
    transition: background 0.3s ease-in-out;
}
header.scrolled nav{
    padding: 0.345rem 0;
}
header.scrolled .navbar{
    z-index: 10;
}
header.scrolled .navbar-brand a img{
    width: 77px;
    transition: width 0.3s ease-in-out;
}
header.scrolled .navbar-social{
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
/*CONTAINER NARROW*/
.container-narrow{
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}
@media (min-width: 1200px){
    .container-narrow{
        max-width: 1040px;
        margin: 0 auto;
        padding: 0 15px;
    }
}
/*HERO*/
.hero-overlay{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}
.hero-overlay:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 2;
    border-radius: 0 0 0 140px;
}
.hero-overlay:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 108, 183, 1);
    opacity: 0.7;
    z-index: 1;
    border-radius: 0 0 0 140px;
}
.hero-overlay .container-narrow,
.hero-overlay .container{
    position: relative;
    z-index: 3;
}

/* SLIDER HOME */
.hero-slider .bg-image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 430px;
    z-index: 1;
    overflow: hidden;
    border-radius: 0 0 0 35px;
}
@media (min-width: 576px){
    .hero-slider .bg-image{
        height: 500px;
        border-radius: 0 0 0 56px;
    }
}
@media (min-width: 768px){
    .hero-slider .bg-image{
        height: 460px;
        border-radius: 0 0 0 75px;
    }
}
@media (min-width: 992px){
    .hero-slider .bg-image{
        height: 560px;
        border-radius: 0 0 0 96px;
    }
}
@media (min-width: 1200px){
    .hero-slider .bg-image{
        height: 640px;
        border-radius: 0 0 0 115px;
    }
}
@media (min-width: 1400px){
    .hero-slider .bg-image{
        height: 670px;
        border-radius: 0 0 0 140px;
    }
}
.hero-slider .bg-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.hero-slider .hero-slider-content{
    padding-top: 173px;
}
@media (min-width: 768px){
    .hero-slider .hero-slider-content{
        padding-top: 184px;
    }
}
.hero-slider .hero-slider-content .container{
    position: relative;
    z-index: 2;
}
@media (min-width: 768px){
    .hero-slider .hero-slider-content .slider-text{
        padding-left: 40px;
    }
}
@media (min-width: 992px){
    .hero-slider .hero-slider-content .slider-text{
        padding-left: 90px;
    }
}
.hero-slider .hero-slider-content .slider-text h2{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: clamp(var(--fs-35), 5vw + 1rem, var(--fs-80));
    line-height: clamp(var(--fs-20), 5vw + 1rem, var(--fs-68));
    color: var(--color-white);
}
@media (min-width: 768px){
    .hero-slider .hero-slider-content .slider-text h2{
        width: 315px;
        margin-top: -80px;
    }
}
@media (min-width: 992px){
    .hero-slider .hero-slider-content .slider-text h2{
        margin-top: -160px;
        width: 460px;
        /* font-size: var(--fs-80);
        line-height: var(--fs-68); */
    }
}
.hero-slider .hero-slider-content .slider-text p{
    color: var(--color-white);
    font-size: var(--fs-16);
    line-height: var(--fs-33);
    font-weight: 500;
}
.hero-slider .hero-slider-content .imagen-principal{
    max-width: 820px;
}
@media (min-width: 992px){
	.hero-slider .hero-slider-content .imagen-principal{
        height: 612px;
        object-fit: contain;
    }
    #main-slider .owl-dots{
        padding: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-390px, 160px);
    }
}
@media (min-width: 1200px){
    #main-slider .owl-dots{
        transform: translate(-480px, 160px);
    }
}
@media (min-width: 1400px){
    #main-slider .owl-dots{
        transform: translate(-570px, 160px);
    }
}

#main-slider .owl-nav .owl-prev,
#main-slider .owl-nav .owl-next{
    position: absolute;
    top: 50%;
    color: var(--color-white);
}
#main-slider .owl-nav .owl-prev{
    left: 20px;
}
#main-slider .owl-nav .owl-next{
    right: 20px;
}
@media (min-width: 576px){
    #main-slider .owl-nav .owl-prev{
        left: 30px;
    }
    #main-slider .owl-nav .owl-next{
        right: 30px;
    }
}
@media (min-width: 768px){
    #main-slider .owl-nav .owl-prev{
        left: 20px;
    }
    #main-slider .owl-nav .owl-next{
        right: 20px;
    }
}
@media (min-width: 1200px){
    #main-slider .owl-nav .owl-prev{
        left: 50%;
        transform: translateX(-560px);
    }
    #main-slider .owl-nav .owl-next{
        right: initial;
        left: 50%;
        transform: translateX(560px);
    }
}
@media (min-width: 1200px){
    #main-slider .owl-nav .owl-prev{
        transform: translateX(-650px);
    }
    #main-slider .owl-nav .owl-next{
        transform: translateX(650px);
    }
}
.hero-gallery{
    background-color: var(--color-black);
    border-radius: 0 0 0 140px;
    min-height: 700px;
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 140px;
}
.hero-destino{
    background-color: var(--color-black);
    border-radius: 0 0 0 140px;
    min-height: 700px;
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.hero-detalle{
    background-color: var(--color-black);
    border-radius: 0 0 0 140px;
    min-height: 700px;
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.hero-destino-detalle{
    background-color: var(--color-black);
    border-radius: 0 0 0 140px;
    height: 750px;
    color: var(--color-white);
    display: flex;
    align-items: flex-end;
}
.hero-destino-detalle .container-narrow{
    margin-bottom: -200px;
}
@media (min-width: 768px){
    .hero-destino-detalle .container-narrow{
        margin-bottom: -80px;
    }
}
@media (min-width: 992px){
    .hero-destino-detalle .container-narrow{
        margin-bottom: -200px;
    }
}
@media (min-width: 992px){
    .hero-destino-detalle{
        height: 700px;
        padding-bottom: 120px;
    }
}

.hero-page{
    background-color: var(--color-black);
    border-radius: 0 0 0 140px;
    height: 750px;
    color: var(--color-white);
    display: flex;
    align-items: flex-end;
    padding-bottom: 100px;
}
@media (min-width: 992px){
    .hero-page{
        height: 700px;
        padding-bottom: 120px;
    }
}

.hero-faq{
    background-color: var(--color-black);
    border-radius: 0 0 0 140px;
    height: 650px;
    color: var(--color-white);
    display: flex;
    align-items: flex-end;
    /* padding-bottom: 100px; */
}
.hero-faq .container-narrow{
    margin-bottom: -100px;
}
@media (min-width: 576px){
    .hero-faq .container-narrow{
        margin-bottom: -200px;
    }
}
@media (min-width: 768px){
    .hero-faq .container-narrow{
        margin-bottom: -100px;
    }
}
@media (min-width: 992px){
    .hero-faq .container-narrow{
        margin-bottom: -240px;
    }
}
@media (min-width: 992px){
    .hero-faq{
        height: 700px;
        padding-bottom: 120px;
    }
}

.hero-destino-section{
    background-color: var(--color-black);
    border-radius: 0 0 0 140px;
    height: 500px;
    color: var(--color-white);
    display: flex;
    align-items: flex-end;
    padding-bottom: 100px;
}
@media (min-width: 992px){
    .hero-destino-section{
        height: 700px;
        padding-bottom: 120px;
    }
}



.hero-faq-detalle{
    background-color: var(--color-black);
    border-radius: 0 0 0 140px;
    height: 750px;
    color: var(--color-white);
    padding-top: 160px;
}
@media (min-width: 768px){
    .hero-faq-detalle{
        height: 700px;
        padding-top: 310px;
    }
}
/* DESTINOS */
.destinos{
    padding-top: 25px;
}
/*BUSCADOR DE DESTINOS*/
#resultados{
    scroll-margin-top: 120px;
}
#resultados .sub-section-title span{
    color: var(--color-green);
}
#resultados p strong{
    color: var(--color-green);
    font-weight: 700;
}
.busca-destino{
    margin-top: 55px;
    position: relative;
    z-index: 10;
}
.page-resultados-destinos .busca-destino,
.page-destinos .busca-destino,
.post-type-archive .busca-destino{
    margin-top: -200px;
    margin-bottom: 60px;
}
@media (min-width: 992px){
    .page-resultados-destinos .busca-destino,
    .page-destinos .busca-destino,
    .post-type-archive .busca-destino{
        margin-top: -100px;
    }
}
/*CARD DESTINOS IMAGE FULL*/
.cards-destinos{
    margin-top: 35px;
}
.owl-cards-destinos .owl-stage-outer{
    padding-left: 13px;
}
@media (min-width: 992px){
    .owl-cards-destinos .owl-stage-outer{
        padding-left: 58px;
    }
}
.card-destino-image-full{
    width: 100%;
    height: 285px;
    background-color: #15252E;
    border-radius: 27.46px;
    display: block;
    color: var(--color-white);
    overflow: hidden;
    position: relative;
    background-size: cover;
    padding: 40px 14px 11px 22px;
    text-decoration: none;
}
@media (min-width: 992px){
    .card-destino-image-full{
        height: 480px;
        padding: 65px 37px 20px;
        border-radius: 45.9px;
    }
}
.card-destino-image-full:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #15252E -20%, #57a4cb00 100%);
}
.card-destino-image-full-content{
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.card-destino-image-full-content small{
    display: block;
    font-size: var(--fs-10);
}
@media (min-width: 992px){
    .card-destino-image-full-content small{
        font-size: var(--fs-16);
    }
}
.card-destino-image-full-content h3{
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-18); 
    font-weight: 300;
    color: var(--color-white);
    margin-bottom: 10px;
}
@media (min-width: 992px){
    .card-destino-image-full-content h3{
         font-size: var(--fs-31);
    }
}
.card-destino-image-full-content span{
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255, 0.8);
    border-radius: 50%;
    margin-left: auto;
}
@media (min-width: 992px){
    .card-destino-image-full-content span{
        width: 65px;
        height: 65px;
    }
}
.card-destino-image-full:hover .card-destino-image-full-content span{
    background: rgba(255,255,255, 1);
}
/* CARD DESTINO BUSQUEDA */
.card-destino-item{
    background: var(--color-white);
    border-radius: 24px;
    overflow: hidden;
}
.card-destino-item img{
    width: 100%;
    height: 330px;
    object-fit: cover;
}
.card-destino-item-content{
    padding: 25px;
}
.card-destino-item-content small{
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-14); 
}
.card-destino-item-content h3{
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-24); /* 24px en rem */
    margin-bottom: 0px;
    font-weight: 700;
    color: var(--color-black-light);
}
.card-destino-item-content h3 a{
    text-decoration: none;
    color: inherit;
}
.card-destino-item-content .price{
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-19); /* 19px en rem */
    color: var(--color-black-light);
    font-weight: 400;
}
.card-destino-item-conten{
    font-size: var(--fs-16);
    color: var(--color-black-light);
    font-family: 'Poppins', sans-serif;
}
/*CARD NOTICIA*/
.card-noticia{
    background: var(--color-white);
    border-radius: 20px;
    overflow: hidden;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
.card-noticia .card-thumbnail{
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.card-noticia .card-thumbnail img{
    width: 100%;
    height: 274px;
    object-fit: cover;
}
.card-noticia .card-noticia-content{
    padding: 40px 33px 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    flex-grow: 1;
}
.card-noticia .card-noticia-content span.category{
    color: #73C054;
    font-size: var(--fs-14); 
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.1em;
}
.card-noticia .card-noticia-content h3 a{
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-23); /* 23px en rem */
    line-height: var(--fs-36);
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    color: var(--color-black);
    text-decoration: none;
}
.card-noticia .card-noticia-content p{
    font-size: var(--fs-14); 
    line-height: 1.25em; /* 20px in em */
    color: var(--color-black-light);
    font-weight: 300;
    margin-bottom: 50px;
}
.video-thumbnail:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='69' height='73' viewBox='0 0 69 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.60712 1.67688L65.2019 31.5872C69.2812 33.7819 69.2812 39.218 65.2019 41.4127L9.60713 71.3231C5.49608 73.5349 0.333252 70.7999 0.333252 66.4103V6.58962C0.333252 2.20006 5.49607 -0.534895 9.60712 1.67688Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: 67.93px;
    background-repeat: no-repeat;
    background-position: center;
}
.gallery-thumbnail:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='54' height='42' viewBox='0 0 54 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47.967 0H6.03298C2.70138 0 0 2.76281 0 6.17018V35.8298C0 39.2372 2.70138 42 6.03298 42H47.967C51.2986 42 54 39.2372 54 35.8298V6.17018C54 2.76281 51.2986 0 47.967 0ZM11.2918 7.20914C13.8235 7.20914 15.8769 9.30823 15.8769 11.8986C15.8769 14.4889 13.8245 16.588 11.2918 16.588C8.75902 16.588 6.7066 14.4889 6.7066 11.8986C6.7066 9.30823 8.75902 7.20914 11.2918 7.20914ZM48.7126 36.9979C48.0597 37.4962 47.2441 37.7816 46.3643 37.7554L6.16416 37.4195C4.78043 37.4084 4.02396 35.7643 4.89681 34.6658L14.4705 23.6266C14.9084 23.1213 15.6619 23.0688 16.1629 23.5096L21.9858 28.6288C22.3241 28.9263 22.833 28.89 23.1279 28.547L33.5656 16.4185C34.0498 15.8567 34.9069 15.8597 35.3872 16.4256L49.1269 32.6343C50.2354 33.9415 50.0687 35.962 48.7126 36.9969V36.9979Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: 54px;
    background-repeat: no-repeat;
    background-position: center;
}
/*CARDS POSTULAR*/
.cards-postular{
    margin-top: 67px;
}
@media (max-width: 576px) {
  .owl-cards-postular .item {
    max-width: 272px !important;
    min-width: 272px !important;
    width: 272px !important;
    margin: 0 auto;
  }
}
@media (min-width: 992px){
    .owl-cards-postular .owl-stage-outer{
        padding-left: 40px;
    }
    .owl-cards-postular .owl-stage-outer{
        padding-left: 58px;
    }
}

.card-postular-item{
    width: 100%;
    /* height: 233px; */
    background-color: var(--color-white);
    border-radius: 36px;
    padding: 58px 30px 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    color: var(--color-black-light);
}
@media (min-width: 992px){
    .card-postular-item{
        max-height: 345px;
        /* height: 314px; */
        /* padding: 25px; */
        text-align: center;
    }
}

.card-postular-item .icon{
    width: 58px;
    height: 58px;
    display: flex;
    flex: 0 0 58px;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255, 0.8);
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
}
@media (min-width: 992px){
    .card-postular-item .icon{
        width: 78px;
        height: 78px;
        flex: 0 0 78px;
        margin-bottom: 25px;
    }
}
.card-postular-item .icon img{
    width: 24px;
}
.card-postular-item .icon:after{
    content: attr(data-paso);
    position: absolute;
    top: 0;
    left: 0;
    width: 27px;
    height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-black-light);
    border-radius: 50%;
    color: var(--color-white);
    transform: translate(-14px, -5px);
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-11); /* 11px en rem */
}
@media (min-width: 992px){
    .card-postular-item .icon:after{
        width: 36px;
        height: 36px;
        font-size: var(--fs-16);
        transform: translate(-18px, -7px);
    }
}
.card-postular-item h3{
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-15); /* 15px en rem */
    margin-bottom: 10px;
    font-weight: 700;
    color: var(--color-black);
}
@media (min-width: 992px){
    .card-postular-item h3{
       font-size: var(--fs-20);
       margin-bottom: 20px;
    }
}
@media (max-width: 991px){
    .card-postular-item p{
        font-size: var(--fs-12); /* 12px en rem */
        line-height: 1.14375rem; 
        text-align: center;
    }
}
.card-postular-item p{
    margin: 0;
}
/*CARDS experiencias*/
.cards-experiencias{
    margin-top: 35px;
}


@media (max-width: 991px){
    .owl-cards-experiencias .item{
        padding: 20px;
    }
}
.card-experiencias-item{
    width: 100%;
    min-height: 450px;
    background-color: var(--color-white);
    border-radius: 36px;
    padding: 80px 50px 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: var(--color-black-light);
    box-shadow: 0 14.6px 29.2px 0 rgba(22, 34, 51, 0.03);
}
.user-info{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    flex-direction: column;
}
@media (min-width: 768px){
    .user-info{
        flex-direction: row;
        align-items: flex-start;
    }
}
.user-info div{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.user-info h3.user-name{
    margin: 0;
    color: #73C054;
    font-size: var(--fs-30); 
    font-weight: 700;
}
.user-info span.user-school{
    font-size: var(--fs-16);
    color: var(--color-black-light);
    text-transform: uppercase;
    font-weight: 600;
}
.user-info img{
    width: 103px !important;
    height: 103px;
    flex: 0 0 103px;
}
.user-ranking {
    display: inline-flex;
    gap: 2px;
}

.user-ranking .star {
    width: 26px;
    height: 26px;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23F8A401" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/%3E%3C/svg%3E') no-repeat center;
    background-size: contain;
}

/* Pintar estrellas completas */
.user-ranking.stars-1 .star:nth-child(1),
.user-ranking.stars-2 .star:nth-child(-n+2),
.user-ranking.stars-3 .star:nth-child(-n+3),
.user-ranking.stars-4 .star:nth-child(-n+4),
.user-ranking.stars-5 .star {
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23F8A401" stroke="%23F8A401" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/%3E%3C/svg%3E') no-repeat center;
    background-size: contain;
}
.experience-review{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.experience-review p{
    font-size: var(--fs-16); /* 16px en rem */
    line-height: 1.9375rem; 
    color: var(--color-black-light);
    margin-bottom: 20px;
    font-weight: 300;
}
/* BOX BUSCADOR */
.box-buscador{
    width: 100%;
    background-color: var(--color-white);
    border-radius: 24px;
    box-shadow: 0px 30px 60px 0px rgba(22, 34, 51, 0.03);
    display: flex;
    align-items: center;
    padding: 40px;
    margin-top: 36px;
    margin-bottom: 36px;
}
@media (min-width: 992px){
    .box-buscador{
        padding: 50px 65px;
    }
}
.box-buscador form > div{
    gap: 17px;
    flex-direction: column;
}
@media (min-width: 992px){
    .box-buscador form > div{
        gap: 27px;
        flex-direction: row;
    }
}
.box-buscador .form-group{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.box-buscador .form-group label{
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-18); 
    font-weight: 700;
    color: #545754;
    margin: 0;
}
.box-buscador .form-group select{
    height: 50px;
}
.box-buscador .btn{
    width: 125px;
    min-width: 125px;
}
.page-destinos .box-buscador{
    margin-top: 0;
    margin-bottom: 0;
}
/* SECTIONS */
.como-postular{
    margin-top: 85px;
}
.experiencias{
    margin-top: 85px;
}
/* FOOTER */
footer{
    margin-top: 150px;
    padding-bottom: 126px;
    text-align: center;
}
@media (min-width: 992px){
    footer{
        text-align: left;
    }
}
footer img{
    margin-bottom: 25px;
}
footer h3{
    font-size: var(--fs-15);
    color: var(--color-black-light);
    font-weight: 700;
}
footer p{
    font-size: var(--fs-14);
    color: var(--color-black-light);
    font-weight: 300;
}
footer .internal-links,
footer .external-links{
    list-style: none;
    padding: 0;
}
footer .internal-links li,
footer .external-links li{
    margin-bottom: 10px;
}
footer .internal-links li a{
    font-size: var(--fs-15);
    color: var(--color-black-light);
    text-decoration: none;
    font-weight: 700;
}
footer .external-links li a{
    font-size: var(--fs-15);
    color: var(--color-black-light);
    text-decoration: none;
    font-weight: 300;
}
footer .external-links li i{
    width: 16px;
    display: inline-flex;
    justify-content: center;
    margin-right: 5px;
}
footer .col-12:nth-child(1){
    padding-top: 50px;
}
footer .col-12:nth-child(2){
    padding: 20px 0;
    border-bottom: 1px solid #d9d9d9;
}
footer .col-12:nth-child(3){
    padding: 20px 0;
    border-bottom: 1px solid #d9d9d9;
}
footer .col-12:nth-child(4){
    padding: 20px 0;
}
@media (min-width: 992px){
    footer .col-12:nth-child(2){
        padding: 50px 20px 25px 37px;
        border-left: 1px solid #d9d9d9;
        border-bottom: none;
    }
    footer .col-12:nth-child(3){
        padding: 50px 57px 25px 45px;
        border-left: 1px solid #d9d9d9;
        border-bottom: none;
    }
    footer .col-12:nth-child(4){
        padding: 50px 0px 25px 35px;
        border-left: 1px solid #d9d9d9;
    }
}
/* NOTICIA INLINE */

.noticia-inline{
    padding: 35px 0 38px;
    display: flex;
    gap: 25px;
    text-decoration: none;
}
.noticia-inline img{
    width: 108px;
    height: 104px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
    flex-grow: 0;
}
.noticia-inline .content .fecha{
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-14); 
    color: #73C054;
    font-weight: 300;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.noticia-inline .content h3{
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-18); 
    color: var(--color-black-light);
    padding: 10px 10px 10px 0;
}
@media (min-width: 992px){
    .noticia-inline .content h3{
        padding: 10px;
    }
}
/*GALERIAS DESTACADAS*/
.galerias-destacadas{
    margin-top: -340px;
    margin-bottom: 72px;
}
.card-gallery-full{
    background-color: #80839B;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    aspect-ratio: 16/11;
    padding: 20px 25px;
    color: var(--color-white);
    text-decoration: none;
    margin-bottom: 10px;
}
@media (min-width: 576px) and (max-width: 991px){
    .galerias-destacadas .col-11:nth-child(2){
        flex-direction: row !important;
    }
    .galerias-destacadas .col-11:nth-child(2) .card-gallery-full{
        width: 49%;
        min-height: 370px;
    }
}
@media (min-width: 1200px){
    .card-gallery-full{
        padding: 40px 50px;
    }
}
.card-gallery-full:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .5) 100%);
}
.card-gallery-full span{
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-14); 
    color: var(--color-white);
    font-weight: 400;
    position: relative;
    z-index: 1;
}
.card-gallery-full h3{
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-16);;
    font-weight: 600;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}
@media (min-width: 1200px){
    .card-gallery-full.card-gallery-full-bigger h3{
        font-size: var(--fs-33); /* 33px en rem */
        margin-bottom: 40px;
    }
}

.card-gallery-full{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/*CONTENT*/
.detalle-content{
    line-height: 1.875rem; 
    margin-bottom: 180px;
    position: relative;
    z-index: 10;
}
.detalle-content .img-main{
    width: 100%;
    height: 380px;
    margin-top: -140px;
    object-fit: cover;
    border-radius: 100px 100px 100px 0;
    margin-bottom: 50px;
}
@media (min-width: 992px){
    .detalle-content .img-main{
        height: 580px;
        margin-top: -180px;
    }
}
@media (min-width: 1200px){
    .detalle-content .img-main{
        height: 780px;
        margin-top: -180px;
    }
}
.detalle-content h2{
    font-size: var(--fs-24);
    font-weight: 700;
    margin: 25px 0 30px;
}
@media (min-width: 1200px){
    .detalle-content h2{
        font-size: var(--fs-32);
    }
}
.detalle-content h3{
    font-size: var(--fs-24); 
    font-weight: 700;
    margin: 25px 0 30px;
}
@media (min-width: 1200px){
    .detalle-content h3{
        font-size: var(--fs-24); /* 32px en rem */
    }
}
/* CONTENT ON PAGE */
.main-content.offset-content-top{
    margin-top: -100px;
}
.main-content.offset-content-top .post-content>figure img{
    width: 100%;
    border-radius: 100px 100px 100px 0;
}
.main-content{
    position: relative;
    z-index: 10;
}
/* DETALLE DESTINO */
.destino-detalle-info{
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-20);
    font-weight: 300;
}
.destino-detalle-info b{
    font-weight: 700;
    color: var(--color-green);
}
/* TABS ITINERARIO */
#itinerarioDropdown{
    background-color: #E8F2FA;
    border-radius: 10px 10px 0 0;
}
#itinerarioDropdown .dropdown-toggle{
    border: none;
    background: var(--color-white);
    border-radius: 10px 10px 0 0;
    color: var(--color-green);
    font-weight: bold;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#itinerarioDropdown .dropdown-menu{
    padding: 0;
    border: none;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    box-shadow: 0 10px 20px 0 rgba(22, 34, 51, 0.03);
}
#itinerarioDropdown .dropdown-menu .dropdown-item{
    padding: 20px;
    background: #E8F2FA;
}
#itinerarioDropdown .dropdown-menu .dropdown-item.active{
    color: var(--color-green);
    background: var(--color-white);
    font-weight: 600;
}



#itinerarioSelect{
    font-family: 'Poppins', sans-serif;
    border: none;
    background-color: #E8F2FA;
    padding: 20px;
    border-radius: 12px 12px 0 0;
}
#itinerarioTabs{
    border: none;
}
#itinerarioTabs li{
    background: #E8F2FA;
}
#itinerarioTabs li:first-child{
    border-radius: 12px 0 0 0;
}
#itinerarioTabs li:last-child{
    border-radius: 0 12px 0 0;
}
#itinerarioTabs .nav-link{
    width: 100px;
    text-align: center !important;
    justify-content: center !important;
    background: transparent;
    color: #222222;
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-16);
    font-weight: 400;
    padding: 32px 20px !important;
    border: none;
    border-radius: 0;
}
#itinerarioTabs .nav-link.active{
    background: var(--color-white);
    font-weight: 700;
    color: var(--color-green);
    border-radius: 12px 12px 0 0;
}
#itinerarioTabsContent{
    padding: 40px 20px;
    background: var(--color-white);
    border-radius: 0 0px 40px 40px;
    border: none !important;
    box-shadow: 0 32px 64px 0 rgba(22, 34, 51, 0.03);
}
@media (min-width: 576px){
    #itinerarioTabsContent{
        padding: 40px;
         border-radius: 0 40px 40px 40px;
    }
}
#itinerarioTabsContent li{
    color: var(--color-black-light);
    font-size: var(--fs-16);
    font-weight: 400;
}


.compartir{
    margin-top: 200px;
    position: relative;
    z-index: 10;
    font-family: 'Poppins', sans-serif;
}
@media (min-width: 768px){
    .compartir{
        margin-top: 0;
    }
}
.share{
    width: 150px;
    height: 33px;
    border-radius: 50px;
    text-align: center;
    color: var(--color-white);
    line-height: 33px;
}
.share-button{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.share-label {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.share-buttons {
    display: flex;
    justify-content: space-between;
}

.share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: white;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 16px;
}

.share-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    color: white;
    text-decoration: none;
}

.share-btn.facebook {
    background: #1877f2;
}

.share-btn.facebook:hover {
    background: #166fe5;
}

.share-btn.whatsapp {
    background: #25d366;
}

.share-btn.whatsapp:hover {
    background: #20bd5a;
}

.share-btn.email {
    background: #44A3DB;
}

.share-btn.email:hover {
    background: #44A3DB;
}

.share-btn.x-twitter {
    background: #000000;
}

.share-btn.x-twitter:hover {
    background: #333333;
}

/* Responsive */
@media (max-width: 768px) {
    .share {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .share-buttons {
        gap: 12px;
    }
    
    .share-btn {
        width: 40px;
        height: 40px;
        font-size: 18px;
        align-self: center;
        flex-shrink: 0;
    }
}
.destino-info-box{
    background: var(--color-white);
    border-radius: 24px;
    padding: 20px 30px 30px;
    box-shadow: 0 30.33px 60.67px 0 rgba(22, 34, 51, 0.03);
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--color-black-light);
}
.destino-info-box .precio-subsidio{
    text-decoration: line-through;
    font-weight: 400;
    font-size: var(--fs-30);
}
.destino-info-box .info-price{
    text-align: center;
    margin-top: 10px;
    border-bottom: 1px solid #DADADA;
    padding-bottom: 5px;
}
.destino-info-box .info-price small{
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-14); 
    line-height: var(--fs-14); 
    color: var(--color-black-light);
    font-weight: 700;
    display: block;
}
.destino-info-box .info-price .price-value{
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-64); 
    line-height: 100%;
    color: var(--color-green);
    font-weight: 400;
}
.destino-info-box .destino-description{
    display: flex;
    flex-wrap: wrap;
    padding: 10px 30px;
    row-gap: 10px;
    margin-bottom: 10px;
}
.destino-info-box .destino-description .destino-description-item{
    width: 50%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.destino-info-box .destino-description p{
    font-size: var(--fs-14); 
    line-height: 1.385rem; 
    font-family: 'Poppins', sans-serif;
    color: #5E6282;
    margin: 0;
    font-weight: 400;
}
/* .destino-info-box .price-description p b{
    font-weight: 700;
}
.destino-info-box .info-duration{
    margin-top: 35px;
    font-size: var(--fs-20);
    display: flex;
    align-items: center;
} */


.archive-duracion p{
    display: flex;
    align-items: center;
}
.destino-info-box .info-duration:before,
.archive-duracion p:before{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.63379 2.89532V6.44482' stroke='%2362BB46' stroke-width='2.1297' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0986 2.89532V6.44482' stroke='%2362BB46' stroke-width='2.1297' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.30957 11.284H24.4234' stroke='%2362BB46' stroke-width='2.1297' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.1978 23.0092C26.1978 23.8965 25.9493 24.7366 25.5115 25.4465C24.6951 26.8189 23.1925 27.7418 21.4651 27.7418C20.2701 27.7418 19.1816 27.304 18.3534 26.5587C17.9866 26.251 17.6671 25.8724 17.4187 25.4465C16.9809 24.7366 16.7324 23.8965 16.7324 23.0092C16.7324 20.3944 18.8503 18.2765 21.4651 18.2765C22.8849 18.2765 24.1509 18.9036 25.0146 19.8856C25.7482 20.7256 26.1978 21.8142 26.1978 23.0092Z' stroke='%2362BB46' stroke-width='2.1297' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.6191 23.0092L20.7905 24.1805L23.3106 21.8497' stroke='%2362BB46' stroke-width='2.1297' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.0148 10.5859V19.8856C24.1511 18.9036 22.8851 18.2765 21.4653 18.2765C18.8505 18.2765 16.7326 20.3944 16.7326 23.0092C16.7326 23.8966 16.9811 24.7366 17.4188 25.4465C17.6673 25.8724 17.9868 26.2511 18.3535 26.5587H9.63361C5.49252 26.5587 3.71777 24.1924 3.71777 20.6429V10.5859C3.71777 7.03644 5.49252 4.6701 9.63361 4.6701H19.0989C23.24 4.6701 25.0148 7.03644 25.0148 10.5859Z' stroke='%2362BB46' stroke-width='2.1297' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.3605 16.7384H14.3711' stroke='%2362BB46' stroke-width='2.8396' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98157 16.7384H9.9922' stroke='%2362BB46' stroke-width='2.8396' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98157 20.2879H9.9922' stroke='%2362BB46' stroke-width='2.8396' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: cover;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    font-weight: 700;
    color: var(--color-green);
}
.archive-duracion p:before{
    width: 20px;
    height: 20px;
}
.destino-detalle-content{
    margin-top: 20px;
}
@media (min-width: 768px){
    .destino-detalle-content{
        margin-top: 50px;
    }
}
.destino-detalle-includes{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}
@media (min-width: 992px){
    .destino-detalle-includes{
        width: 100%;
        margin-left: 80px;
    }
}
.destino-detalle-includes li{
    width: 33.333%;
}
.destino-detalle-includes li a{
    text-decoration: none;
    color: var(--color-black-light);
}
@media (min-width: 576px){
    .destino-detalle-includes li{
        width: 25%;
    }
}
@media (min-width: 768px){
    .destino-detalle-includes li{
        width: 16.666%;
    }
}
.destino-detalle-includes small{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: var(--fs-16);
    line-height: 1.3rem;
    text-align: center;
    text-decoration: none;
    display: block;
    text-align: center;
}
.destino-detalle-includes .icon-svg{
    background: var(--color-white);
    border-radius: 10px;
    width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-green);
    margin: 0 auto 10px;
    transition: background 0.3s ease;
}
.destino-detalle-includes .icon-svg:hover{
    background: var(--color-green);
    transition: background 0.3s ease;
}
.destino-detalle-includes .icon-svg svg{
    filter: none;
    transition: filter 0.3s ease;
}
.destino-detalle-includes .icon-svg:hover svg{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(164deg) brightness(110%) contrast(101%);
    transition: filter 0.3s ease;
}
.destino-detalle-includes .no-link {
    display: flex;
    flex-direction: column;
    text-align: center;
    cursor: default;
}

.destino-detalle-includes .no-link .icon-svg {
    pointer-events: none;
}

.destino-detalle-includes .no-link small {
    color: #6c757d;
}

/* ACORDEON */
#tourDetailsAccordion{
    display: flex;
    flex-direction: column;
    gap: 22px;
}
#tourDetailsAccordion .accordion-item{
    border-radius: 20px;
    overflow: hidden;
    border: none;
}
#tourDetailsAccordion .accordion-button{
    padding: 45px;
    font-weight: 700;
    font-size: var(--fs-24); /* 24px en rem */
    color: var(--color-green);
}
#tourDetailsAccordion .accordion-button:not(.collapsed){
    background-color: transparent;
    box-shadow: none;
    padding-bottom: 20px;
}
#tourDetailsAccordion .accordion-body{
    padding: 0 45px 45px 45px;
}

.text-icon .icon{
    width: 115px;
    height: 115px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255, 0.8);
    border-radius: 50%;
    margin-right: 10px;
}

.icon-box i{
    background: #EF4043;
    border-radius: 17.85px;
    width: 116px;
    height: 116px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-white);
    font-size: var(--fs-40);
}
/*FORMAS DE PAGO*/
.formas-de-pago{
    padding-top: 100px;
    padding-bottom: 100px;
}
@media (min-width: 992px){
    .formas-de-pago{
        padding-top: 20px;
    padding-bottom: 100px;
    }
}
.formas-de-pago .more-info{
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 10px;
    padding: 19px 26px;
}
.formas-de-pago .more-info p{
    margin: 0;
}
.formas-de-pago .more-info p a{
    color: var(--color-white);
    text-decoration: underline;
    font-weight: 600;
    text-underline-offset: 4px;
}
.formas-de-pago .detalle-regiones p,
.formas-de-pago .detalle-regiones li{
    font-size: var(--fs-18); 
    line-height: 2.25rem; /* 36px en rem */
}
.formas-de-pago .detalle-regiones a{
    color: var(--color-white);
    text-decoration: none;
}
.formas-de-pago .detalle-regiones .col-11:not(:last-child){
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    padding-bottom: 30px;
    margin-bottom: 30px;
    
}
@media (min-width: 992px){
    .formas-de-pago .detalle-regiones .col-11:not(:last-child){
        border-bottom: none;
        border-right: 1px solid rgba(255, 255, 255, 0.25);
        padding-right: 50px;
    }
    .formas-de-pago .detalle-regiones .col-11:nth-child(2){
        padding-left: 50px;
        padding-right: 30px;
    }
    .formas-de-pago .detalle-regiones .col-11:last-child{
        padding-left: 30px;
    }
}
.formas-de-pago .detalle-regiones p b{
    font-weight: 700;
}
.card.card-bg-1{
    position: relative;
}
.card.card-bg-1:after{
    content: '';
    position: absolute;
    width: 100%;
    height: auto;
    background-image: url('images/bg-card.svg');
    background-size: cover;
    z-index: 0;
    top: 43%;
    left: 44%;
    transform: translate(-50%, -50%);
}
@media (min-width: 1200px){
    .card.card-bg-1:after{
        width: 120%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    height: 579px;
    }
}
.card.card-bg-1 .card-body{
    position: relative;
    z-index: 1;
    background: var(--color-white);
    border-radius: 48px;
}
/* ALOJAMIENTO */
.destino-detalle-section-content{
    margin-top: -80px;
}
@media (min-width: 992px){
    .destino-detalle-section-content{
        margin-top: -100px;
    }
}
@media (min-width: 1200px){
    .destino-detalle-section-content{
        margin-top: -100px;
    }
}
.destino-detalle-section-content .card{
    border-radius: 24px;
}
.destino-detalle-section-content .card-body{
    padding: 32px;
}
.destino-detalle-section-thumbnail{
    width: 100%;
    height: auto;
    border-radius: 40px;
    aspect-ratio: 447 / 366;
}
.destino-detalle-section-info{
    font-weight: 800;
}


*:focus-visible{
    outline: 2px dashed var(--color-rojo) !important;
    outline-offset: 2px !important;
    box-shadow: none !important;
    border-radius: 2px !important;
}
.form-select:focus{
    outline-offset: -5px !important;
}

.card-destino-image-full:focus-visible {
    outline: 2px dashed var(--color-white) !important;
    outline-offset: -4px !important;
    box-shadow: none !important;
    border-radius: 45.9px !important;
}
a:focus-within .icon-svg{
    outline: 2px dashed var(--color-green) !important;
    outline-offset: 4px !important;
    box-shadow: none !important;
    border-radius: 10px !important;
}
.single-destino h2{
    color: #5E6282;
}
.page-quienes-somos .main-content{
    margin-top: -100px;
}
.page-quienes-somos .slide-quienes-somos img{
    border-radius: 100px 100px 100px 0;
}

.floating-toolbar{
    
    transform: translateY(-50%);
    position: fixed;
    top: 50%;
    right: 10px;
    
}
@media (min-width: 992px){
    .floating-toolbar{
        right: 30px;
    }
}
.floating-toolbar > ul{
    list-style: none;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 66px;
    background: var(--color-green);
    border-radius: 50px;
    padding-top: 20px;
}
.floating-toolbar ul li{
    width: 100%;
}
.floating-toolbar ul li a{
    padding: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
}
.floating-toolbar ul li a i{
    font-size: 22px;
}
.floating-toolbar ul li a.turismo-atiende{
    background: var(--color-rojo);
    border-radius: 50px;
}
.floating-toolbar ul li a.turismo-atiende i{
    font-size: 40px;
}

/* Estilos para el panel de accesibilidad integrado */
.accessibility-panel {
    position: absolute;
    right: 80px;
    top: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    min-width: 200px;
    display: none;
    z-index: 10000;
}

.accessibility-panel h4 {
    margin: 0 0 15px 0;
    font-size: var(--fs-20);
    color: var(--color-black);
    font-weight: 600;
}

.accessibility-btn {
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: white;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s ease;
    font-size: 14px;
}

.accessibility-btn:hover {
    background: #f0f0f0;
}

.accessibility-btn i {
    width: 20px;
    color: var(--color-green);
    margin-right: 8px;
}

/* Clases para accesibilidad */
html.large-font { font-size: 18px !important; }
html.larger-font { font-size: 20px !important; }
html.small-font { font-size: 14px !important; }
html.smaller-font { font-size: 12px !important; }

body.high-contrast {
    background: #000 !important;
    color: #fff !important;
}

body.high-contrast *:not(.floating-toolbar):not(.accessibility-panel):not(.accessibility-btn):not(.floating-toolbar *):not(.accessibility-panel *):not(img):not(picture):not(svg):not(.wp-post-image):not([class*="image"]) {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #fff !important;
}

/* Asegurar que ningún ancestro del toolbar tenga transform que afecte el contexto del fixed */
body.high-contrast :where(html, body, main, .site, .site-content, .wrapper, .container, .container-fluid) {
    transform: none !important;
}

/* Excluir imágenes del filtro de alto contraste */
body.high-contrast img,
body.high-contrast picture,
body.high-contrast svg,
body.high-contrast .wp-post-image,
body.high-contrast [class*="image"],
body.high-contrast .carousel-item img,
body.high-contrast .owl-item img {
    filter: none !important;
    opacity: 1 !important;
}

/* Mantener el floating toolbar visible en alto contraste */
body.high-contrast .floating-toolbar {
    background: var(--color-green) !important;
    border: 2px solid #fff !important;
    position: fixed !important;
    top: 50vh !important;
    right: 30px !important;
    transform: translateY(-50%) !important;
    z-index: 9999 !important;
    padding-top: 20px !important;
    backface-visibility: hidden;
    will-change: top, transform;
}

body.high-contrast .floating-toolbar ul {
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 66px !important;
}

body.high-contrast .floating-toolbar ul li {
    width: 100% !important;
}

body.high-contrast .floating-toolbar ul li a {
    color: white !important;
    padding: 19px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
}

body.high-contrast .floating-toolbar ul li a.turismo-atiende {
    background: var(--color-rojo) !important;
    border: 1px solid #fff !important;
}

body.high-contrast .accessibility-panel {
    background: #333 !important;
    color: white !important;
    border: 2px solid #fff !important;
}

body.high-contrast .accessibility-btn {
    background: #444 !important;
    color: white !important;
    border: 1px solid #fff !important;
}

body.high-contrast .accessibility-btn:hover {
    background: #555 !important;
}

body.high-contrast .accessibility-btn i {
    color: #fff !important;
}
/* Panel turismo atiende */
.turismo-panel{
    background: var(--color-rojo);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 40px;
    color: var(--color-white);
    width: 354px;
    z-index: -1;
    padding: 30px 90px 30px 35px;
    display: none;
}
.turismo-panel h4{
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-30);
    line-height: var(--fs-29);
    font-weight: 800;
    margin-bottom: 20px;
}
.turismo-panel ul.turismo-contact-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.turismo-panel ul.turismo-contact-list li a{
    color: #fff;
    text-decoration: none;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}
.turismo-panel ul.turismo-contact-list li a i{
    font-size: 1rem;
}


/* Modal ingreso de correos */
#communityModal .btn-close{
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 1;
}
#communityModal .modal-content{
    border: none;
    border-radius: 30px;
}
#communityModal .modal-content .modal-body{
    padding: 60px;
}
#communityModal .modal-content .modal-body h5{
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-30);
    font-weight: 600;
    color: var(--color-black);
}
#communityModal .modal-content .modal-body p{
    font-size: var(--fs-15);
    line-height: var(--fs-30);
    color: var(--color-black);
}
#communityModal .modal-content .modal-body .input-group-text{
    background: var(--color-white);
    border-right: none;
}
#communityModal .modal-content .modal-body .input-group-text i{
    color: var(--color-black-light);
}
#communityModal .modal-content .modal-body .form-control{
    border-left: none;
}
/*FLUENT*/
form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit{    
	background: var(--color-green) !important;
    border-color: var(--color-green) !important;
    box-shadow: 0px 7.67px 30.67px 0 rgba(98, 187, 70, 0.2) !important;
    color: var(--color-white) !important;
}
.fluentform .ff-el-group,
.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button{
	margin-bottom: 0 !important;
}
.ff-message-success{
	    display: flex;
    height: 100px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
}
.ff-message-success p{
	margin: 0 !important;
}

/* ========================================
   BLOCK PATTERNS - CARDS PERSONALIZADAS
   ======================================== */

/* CARD SIMPLE */
.card-simple {
    background: var(--color-white);
    border-radius: 50px;
    padding: 50px;
    box-shadow: 0 10px 30px rgba(22, 34, 51, 0.08);
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
    height: 100%;
}

.card-simple:hover {
    box-shadow: 0 20px 40px rgba(22, 34, 51, 0.12);
}

.card-simple h3 {
    color: var(--color-black);
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-24);
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
}

.card-simple p {
    color: var(--color-black-light);
    font-size: var(--fs-16);
    line-height: 1.6;
    margin-bottom: 16px;
}

/* CARD CON ICONO (card-destacada) */
.card-destacada {
    background: var(--color-white);
    border-radius: 50px;
    padding: 50px;
    box-shadow: 0 15px 40px rgba(22, 34, 51, 0.1);
    border: 2px solid transparent;
    transition: all 0.3s ease;
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px !important;
    flex-direction: row !important;
    height: 100%;
}

.card-destacada:hover {
    box-shadow: 0 25px 50px rgba(22, 34, 51, 0.15);
}

/* Icono de la card */
.card-destacada .card-icon {
    background-color: transparent !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    width: 115px !important;
    height: 115px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    position: initial !important;
}

.card-destacada .card-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* Placeholder para cuando no hay imagen */
.card-destacada .card-icon:not(:has(img[src])):before,
.card-destacada .card-icon img:not([src]):before {
    content: "📷";
    font-size: 24px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* Contenido de la card */
.card-destacada .card-content {
    flex: 1 !important;
    text-align: left !important;
    margin: 0 !important;
    display: block !important;
}
.card-destacada > .wp-block-group__inner-container{
    display: flex;
    width: 100% !important;
    gap: 20px !important;
}
.card-destacada .card-content h3,
.card-destacada h3 {
    color: var(--color-black);
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-24);
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 0;
    line-height: 1.3;
}

.card-destacada .card-content p,
.card-destacada p {
    color: var(--color-black-light);
    font-size: var(--fs-16);
    line-height: 1.6;
    margin-bottom: 16px;
}

/* Forzar layout horizontal incluso si no hay estructura card-content */
.card-destacada > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.card-destacada > .card-icon + * {
    flex: 1;
    text-align: left;
}

/* Responsive para cards */
@media (max-width: 768px) {
    .card-simple,
    .card-destacada {
        padding: 20px;
        margin-bottom: 20px;
    }
    
    .card-destacada .wp-block-group-is-layout-flow{
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    
    .card-destacada .wp-block-group-is-layout-flow .card-icon {
        align-self: center !important;
        width: 80px !important;
        height: 80px !important;
    }

    .card-simple .wp-block-group-is-layout-flow h3,
    .card-destacada .wp-block-group-is-layout-flow h3{
        font-size: var(--fs-20);
        font-weight: 600;
    }
}

/*NEW PAGE*/


.page-template-page-flexible-columns main .hero-page{
    height: 540px;
    margin-bottom: 75px;
}

.page-template-page-flexible-columns main .wp-block-group__inner-container{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
@media (min-width: 1200px){
    .page-template-page-flexible-columns main .wp-block-group__inner-container{
        width: 100%;
        max-width: 1200px;
    }
}
.page-template-page-flexible-columns main h1,
.page-template-page-flexible-columns main h2,
.page-template-page-flexible-columns main h3,
.page-template-page-flexible-columns main h4,
.page-template-page-flexible-columns main h5,
.page-template-page-flexible-columns main h6{
    font-family: 'Poppins', sans-serif;
}
.page-template-page-flexible-columns main strong{
    font-weight: 700;
}

/* DESAFIO GIRA DE ESTUDIO */
@font-face {
	font-family: 'Bobby Jones';
	font-weight: 400;
	font-display: auto;
	src: url('images/landing-desafio/Bobby-Jones.otf') format('OpenType');
}
/* MAIN */
.page-desafio-gira-de-estudio main{
    padding-top: 180px;
}

.page-desafio-gira-de-estudio div[id]{
    scroll-margin-top: 180px;
}
/* NAV */
.page-desafio-gira-de-estudio main .inner-navigation{
    top: 165px;
    text-align: center;
}
@media (min-width: 992px){
    .page-desafio-gira-de-estudio main .inner-navigation{
         top: 95px;
    }
}
.page-desafio-gira-de-estudio main .inner-navigation ul{
    list-style: none;
    padding: 10px 20px;
    border-radius: 40px;
    margin: 0;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    background: rgb(98 187 70 / 80%);
    backdrop-filter: blur(10px);
    margin: 0 auto 30px auto;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}
.page-desafio-gira-de-estudio main .inner-navigation ul li a{
    text-decoration: none;
    color: #fff;
    font-weight: 900;
    font-size: var(--fs-14);
}

/* HERO */
.page-desafio-gira-de-estudio main .hero{
    padding-bottom: 60px;
}
.page-desafio-gira-de-estudio main .hero img{
    width: 80%;
    max-width: 400px;
}
.page-desafio-gira-de-estudio .text-bg{
    font-family: 'Poppins', sans-serif;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    line-height: 100%;
    padding: 20px 0;
}
.page-desafio-gira-de-estudio b{
    font-weight: 700;
}
/* SOBRE */
.page-desafio-gira-de-estudio .sobre-el-concurso{
    padding: 100px 0 150px;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-desafio-gira-de-estudio .sobre-el-concurso img{
    height: 180px;
    margin-bottom: 40px;
}
.page-desafio-gira-de-estudio .sobre-el-concurso p{
    font-family: 'Poppins', sans-serif;
    color: #fff;
    line-height: 140%;
}
.page-desafio-gira-de-estudio .sobre-el-concurso p b{
    font-weight: 700;
}
.page-desafio-gira-de-estudio .premio{
    padding: 50px 0;
    background: #0071ba;
}
/* PREMIO */
.card-border{
    position: relative;
    border: 3px solid #fff;
    border-radius: 20px;
    padding: 30px;
}   
.card-border p{
    color: #fff;
    line-height: 120%;
    margin: 0;
}
.card-border h2{
    position: absolute;
    left: -0px;
    top: -70px;
}
@media (min-width: 992px){
    .card-border h2{
        top: -40px;
        left: -130px;
    }
}
.card-border img{
    position: absolute;
        bottom: -50px;
    right: -20px;
    width: 90px;
}
@media (min-width: 992px){
    .card-border img{
        bottom: -40px;
        right: -120px;
        width: 140px;
    }
}
/* FORMULARIO */
.page-desafio-gira-de-estudio .formulario-participacion{
    padding: 0 0 100px;
    background: #0071ba;
}
.page-desafio-gira-de-estudio .formulario-participacion h2{
    color: #fff;
    font-family: 'Bobby Jones', sans-serif;
    text-transform: uppercase;
    display: block;
    margin-bottom: 30px;
}
/* RECICLAJE */
.reciclaje-correcto{
    background-color: #0071ba;
    padding: 100px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.reciclaje-correcto p,
.reciclaje-correcto b{
    font-family: 'Poppins', sans-serif;
}
.reciclaje-correcto h2{
    font-family: 'Bobby Jones', sans-serif;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #44a2da;
}
/* CUENTA REGRESIVA */
.cuenta-regresiva{
    background: #61bb46;
}
.cuenta-regresiva h2{
    font-family: 'Bobby Jones', sans-serif;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.cuenta-regresiva p{
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0px;
}
.cuenta-regresiva .card-simple{
    position: relative;
}
.cuenta-regresiva .card-simple:after{
    content: '';
    width: 70px;
    height: 70px;
    background: url(images/landing-desafio/ico-alerta.png);
    background-size: cover;
    position: absolute;
    top: -25px;
    left: -25px;
    display: block;
    border-radius: 50%;
}
@media (min-width: 992px){
    .cuenta-regresiva .card-simple:after{
        width: 90px;
        height: 90px;
    }
}
.cuenta-regresiva .countdown{
    display: flex;
    justify-content: center;
    gap: 8px;
}
@media (min-width: 992px){
    .cuenta-regresiva .countdown{
        gap: 15px;
    }
}
.cuenta-regresiva .countdown span{
    background: #62bb46;
    color: #000000;
    font-family: 'Bobby Jones', sans-serif;
    font-size: var(--fs-23);
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 5px;
}
@media (min-width: 992px){
    .cuenta-regresiva .countdown span{
        font-size: var(--fs-36);
    }
}
.cuenta-regresiva .countdown small{
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: var(--fs-14);
    margin-top: 5px;
    text-align: center;
}

/*IDEAS*/
.ideas{
    background: #61bb46;
}
.ideas h2{
    font-family: 'Bobby Jones', sans-serif;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #fff;
}
.ideas .ideas-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}
.ideas .idea-img-horizontal{
    background: #efefef;
    border-radius: 15px;
    width: 100%;
    aspect-ratio: 4/3;
    display: block;
    overflow: hidden;
}
.ideas .idea-img-vertical{
    background: #efefef;
    border-radius: 15px;
    width: 100%;
    aspect-ratio: 3/4;
    display: block;
    overflow: hidden;
}
@media (min-width: 992px){
    .ideas .idea-img-horizontal,
    .ideas .idea-img-vertical{
        border-radius: 35px;
    }
} 
.ideas .idea-img-vertical img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.contenedor-reciclaje{
    margin-top: -50px;
}
@media (min-width: 992px){
    .contenedor-reciclaje{
        margin-top: -200px;
    }
}












/* TITLES with balloons */
.globo-bg-1,
.globo-bg-2,
.globo-bg-3{
    font-size: var(--fs-36);
    position: relative;
    font-family: 'Bobby Jones', sans-serif;
}
.globo-bg-1 span,
.globo-bg-2 span,
.globo-bg-3 span{
    position: relative;
    z-index: 1;
    display: inline-block;
    line-height: 100%;
}
.globo-bg-1 span{
    padding: 30px;
    top: -10px;
}
.globo-bg-2 span{
    padding: 30px;
    top: -10px;
}
.globo-bg-3 span{
    padding: 30px;
    top: 0px;
}
.globo-bg-1::after,
.globo-bg-2::after,
.globo-bg-3::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
}
.globo-bg-1::after{
    background-image: url(images/landing-desafio/globo-1.png);
}

.globo-bg-2::after{
    background-image: url(images/landing-desafio/globo-2.png);
}

.globo-bg-3::after{
    background-image: url(images/landing-desafio/globo-3.png);
}


/* POPUP HOME */
#giradeestudio-home-popup .modal-content{
    border: none;
    border-radius: 30px;
}
#giradeestudio-home-popup .modal-content .btn-close{
    position: absolute;
    top: -15px;
    right: -15px;
    opacity: 1;
    background: var(--color-green);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
#giradeestudio-home-popup .modal-content .btn-close:after{
    content: '\f00d';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #fff;
    background: var(--color-green);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
#giradeestudio-home-popup .modal-content img.thumbnail-home-popup{
    border-radius: 20px;
}
#giradeestudio-home-popup .modal-content .popup-content{
    padding: 50px;
}
#giradeestudio-home-popup .modal-content .popup-content h2{
    font-size: var(--fs-30);
}
#giradeestudio-home-popup .modal-content .popup-content h3{
    font-size: var(--fs-20);
}
#giradeestudio-home-popup .modal-content .popup-content strong{
    font-weight: 700;
}
#giradeestudio-home-popup .modal-content .popup-content p a{
    font-weight: 600;
    color: var(--color-celeste);
}
#giradeestudio-home-popup .modal-content .popup-content pre{
    overflow: auto;
}
#giradeestudio-home-popup .modal-content .popup-content pre a{
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: var(--fs-15);
    padding: 12.75px;
    background-color: var(--color-rojo);
    border: none;
    color: var(--color-white);
    display: inline-block;
    text-decoration: none;
    overflow: auto;
}

.page-name-ecotest-consejos footer{
    background: var(--color-bgbody);
    padding-top: 100px;
}