body {
    margin: 0;
    /*background: linear-gradient(to bottom, #282927 70%, #FCFCFC);*/
    font-family: 'Poppins';
}

.principal-content {
    max-width: 1349px;
    margin-left: auto;
    margin-right: auto;
}

.hide {
    display: none!important;
}

.header-content {
    background: linear-gradient(to right, #282927, #2c2d2b, #26271F);
    width: 100%;
    position: fixed;
    display: flex;
    z-index: 1000;
}

.menu {
    max-width: 1349px;
}

.menu a {
    font-family: 'Poppins';
    font-size: 18px;
    color: #D9D9D9;
    padding: 5px;
    margin: 6px;   
}

.menu a:hover {
    border-bottom: 1px solid #F3973A;
}

.menu-active {
    border-bottom: 1px solid #F3973A;
}

.typing-effect {
    margin-left: 10px;
    width: 1ch;
    overflow: hidden;
    animation: 1s typing steps(16) infinite alternate;
}

@keyframes typing {
    from { width: 0ch; }
    to { width: 15ch; }
}

ul:not(.browser-default) {
    padding-left: 0;
    list-style-type: unset;
}

ul:not(.browser-default) li {
    list-style-type: unset;
}

.carousel {
    height: 600px;
}

.carousel-opinion-card {
    height: 451px!important;
    width: 451px!important;
    background-color: #F5F5F0;
    border-radius: 100px;
    padding: 0px;
}

.carousel-opinion-card-name {
    font-size: 20px;
    font-weight: 600;
    color: #ED1C45;
    margin-top: 20px;
    margin-bottom: 0px;
}

.carousel-opinion-card-title {
    font-size: 20px;
    font-weight: 200;
    color: #1F1F29;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    font-style: italic;
    margin-bottom: 0px;
    margin-top: 0px;
}

.carousel-opinion-card-comi {
    margin-top: 20px;
    margin-bottom: 5px;
}

/* Mostrar 3 elementos en el carrusel */
.carousel .carousel-item {
    width: 33.33%!important; /* 3 elementos = 100% / 3 */
    transition: transform 0.3s easy, opacity 0.3s easy;
}

.carousel .carousel-item:not(.active) {
    transform: scale(0.8); /* Escala a 80% */
    opacity: 0.7; /* Reduce la opacidad para dar un efecto visual */
    cursor: pointer;
}

.viajar-corporativo-title {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    max-width: 330px;
    margin-bottom: 0px;
}

.viajar-corporativo-line {
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    max-width: 330px;
    margin-top: 0px;
}

.viajar-corporativo-col {
    min-height: 145px!important;
    padding-left: 30px!important;
    padding-right: 14px!important;
}


.slick-dots li button:before {
    font-size: 24px!important;
}

.slick-dots li.slick-active button:before {
    color: #FF5200;
}

@media screen and (max-width: 829px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: inline;
    }

    .nav-mobile {
        display: inline;
    }
    .menu {
        display: none;
    }

    .home-title-1 {
        margin-left: 20px;
        text-align: center;
        margin-top: 110px;
    }

    .home-title-2 {
        margin-top: 130px;
        text-align: center;
    }

    .home-title-2-text {
        margin-top: 30px;
        text-align: center;
    }

    .home-queres-viajar {
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        width: 310px;
        padding-top: 20px;
        padding-bottom: 18px;
        padding-left: 20px;
        padding-right: 20px;
        border: 1px solid white;
        border-radius: 25px;
        cursor: pointer;
        text-align: center;
    }

    .home-curve-1 {
        width: 400px;
        bottom: -70px;
        position: absolute;
    }

    .home-planificamos-ancla {
        height: 140px;
    }

    .home-planificamos-title {
        font-size: 48px;
        color: white;
        line-height: 56px;
        font-weight: 600;
        margin-bottom: 0;
        margin-top: 0;
        padding-top: 20px;
    }

    .home-planificamos-text {
        font-size: 19px;
        color: white;
        line-height: 25px;
        margin-bottom: 0;
        margin-top: 0px;
    }

    .home-planificamos-slide {
        margin-top: 150px;
        text-align: left; 
        max-width: 725px;
        margin-left: auto; 
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .home-planificamos-opaque {
        font-size: 28px;
        line-height: 40px;
        color: #2E2B27;
        font-weight: 500;
        padding-left: 52px;
    }

    .home-traducimos-div {
        text-align: center;
        background: linear-gradient(to bottom, #F4F4EE 10%, #F4F4EE 84%);
        min-height: 380px;
    }

    .home-traducimos-title {
        font-size: 48px; 
        color: #FF5200;
        line-height: 56px;
        font-weight: 400;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-top: 100px;
    }

    .home-traducimos-text {
        font-size: 25px;
        color: #2E2B27;
        line-height: 32px;
        margin-bottom: 0;
        margin-top: 10px;
    }

    .div-viajar {
        padding: 50px 33px;
        min-height: 846px;
        background-color: #F4F4EE;
        border-radius: 70px;
        border: 1px solid #FFFFFF
    }

    .div-viajar-icons {
        margin-top: 30px;
        margin-bottom: 30px;
        margin-left: 0px;
    }

    .div-viajar-icons img {
        height: 63px;
        margin-right: 35px;
    }

    .viajar-placer {
        max-width: 1015px;
        height: 846px;
        margin-left: auto;
        margin-right: auto;        
    }

    .viajar-placer ul {
        font-size: 16px;
        line-height: 25px;
        font-weight: 300;
        margin-left: 14px;
    }

    .home-experiencia-title {
        font-size: 52px; 
        line-height: 60px;
        color: #FFFFFF;
        font-weight: 500;
        background-color: transparent;
        margin-top: 0px;
    }

    .viajar-vacacional-back {
        text-align: center;
        background: linear-gradient(to bottom, #F4F4EE 4%, #FF5200 65%, #ED1C45 100%);
        min-height: 900px;
    }

    .viajar-vacacional-back .viajar-back-image {
        background-image: url(../img/back_position_01.png); 
        background-repeat: no-repeat;
        background-position-y: 102px;
        max-width: 1700px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .viajar-corporativo-back {
        text-align: center;
        background: linear-gradient(to bottom, #F4F4EE 4%, #2E2B27  65%, #000000 100%);
        height: 900px;
    }
    
    .viajar-corporativo-back .viajar-back-image {
        max-width: 1700px;
        margin-left: auto;
        margin-right: auto;
    }

    .viajar-trabajo {
        padding-top: 85px;
        max-width: 1015px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        background-image: url(img/foto-02.png);
        background-repeat: no-repeat;
        background-position-x: left;
        background-position-y: top;
    }

    .viajar-trabajo-curves {
        position: absolute;
        width: 300px;
        z-index: 1;
        margin-top: 130px;
        left: -90px;
    }

    .viajar-trabajo-row {
        margin-top: 185px;
    }

    .carousel .carousel-item {
        width: 80%!important; /* Mostrar un solo ítem en pantallas pequeñas */
    }

    .carousel-opinion-card-content {
        font-size: 16px;
        font-weight: 200;
        color: #1F1F29;
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .div-somos {
        max-width: 747px;
        height: 903px;
        background-color: #F4F4EE;
        border-radius: 70px;
        border: 2px solid #FFFFFF;
        padding-top: 60px;
        background-repeat: no-repeat;
        text-align: left;
        font-weight: 300;
        background-blend-mode: color-dodge;
    }
    
    .div-somos-l {
        padding-left: 30px;
        padding-right: 10px;
        margin-left: auto;
        background-image: url(../img/back_somos_1.png);
        background-position-x: right;
    }
    
    .div-somos-r {
        padding-left: 30px;
        padding-right: 10px;
        background-image: url(../img/back_somos_2.png);
        background-position-x: left;
    }
    
    .div-somos p {
        max-width: 416px;
    }
    
    .div-somos .name {
        margin-top: 3px;
        margin-bottom: 0px;
        font-size: 24px;
        line-height: 26px;
    }
    
    .div-somos .name-2 {
        margin-top: 3px;
        margin-bottom: 0px;
        font-size: 22px;
        line-height: 26px;
    }
    
    .div-somos .line {
        font-size: 18px;    
    }

    .footer-row {
        padding-top:20px;
        background-color: #F4F4EE;
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-row-links {
        margin-left: auto; 
        margin-right: auto;
        color: #161616;
    }
}

@media screen and (min-width: 830px) {
    .desktop {
        display: block;
    }

    .mobile {
        display: none;
    }

    .nav-mobile {
        display: none;
    }
    .menu {
        display: inline;
    }

    .home-title-1 {
        margin-left: 150px;
        margin-top: 50px;
    }

    .home-title-2 {
        margin-left: 150px;
        margin-top: 100px;
        width: 320px;
    }

    .home-title-2-text {
        margin-left: 150px;
        margin-top: 20px;
        width: 350px;
    }

    .home-queres-viajar {
        margin-left: 150px;
        margin-top: 80px;
        width: 310px;
        padding-top: 20px;
        padding-bottom: 18px;
        padding-left: 20px;
        padding-right: 20px;
        border: 1px solid white;
        border-radius: 25px;
        cursor: pointer;
        text-align: center;
    }

    .home-curve-1 {
        width: 400px;
        bottom: 100px;
        right: 200px;
        position: absolute;
    }

    .home-planificamos-ancla {
        height: 80px;
    }

    .home-planificamos-title {
        font-size: 48px;
        color: white;
        line-height: 100px;
        font-weight: 600;
        margin-bottom: 0;
        margin-top: 0;
        padding-top: 20px;
    }

    .home-planificamos-text {
        font-size: 28px;
        color: white;
        line-height: 40px;
        margin-bottom: 0;
        margin-top: 0px;
    }

    .home-planificamos-slide {
        margin-top: 150px;
        text-align: left; 
        max-width: 725px;
        margin-left: auto; 
        margin-right: auto;
    }

    .home-planificamos-opaque {
        font-size: 28px;
        line-height: 40px;
        color: #2E2B27;
        font-weight: 500;
    }

    .home-traducimos-div {
        text-align: center;
        background: linear-gradient(to bottom, #F4F4EE 10%, #F4F4EE 84%);
    }

    .home-traducimos-title {
        font-size: 48px; 
        color: #FF5200;
        line-height: 100px;
        font-weight: 400;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-top: 100px;
    }

    .home-traducimos-text {
        font-size: 28px; 
        color: #2E2B27;
        line-height: 40px;
        margin-bottom: 0;
        margin-top: 0px;
    }

    .div-viajar {
        padding: 70px 100px;
        min-height: 846px;
        background-color: #F4F4EE;
        border-radius: 123px;
    }

    .div-viajar-icons {
        margin-top: 30px;
        margin-bottom: 30px;
        margin-left: 0px;
    }

    .div-viajar-icons img {
        height: 63px;
        margin-right: 70px;
    }

    .viajar-placer {
        max-width: 1015px;
        height: 846px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        background-image: url(../img/foto-01.png);
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: bottom;
    }

    .viajar-placer ul {
        font-size: 18px;
        line-height: 30px;
        font-weight: 300;
        margin-left: 14px;
    }

    .home-experiencia-title {
        font-size: 64px; 
        color: #FFFFFF;
        font-weight: 500;
        background-color: transparent;
        margin-top: 0px;
    }

    .viajar-vacacional-back {
        text-align: center;
        background: linear-gradient(to bottom, #F4F4EE 4%, #FF5200 65%, #ED1C45 100%);
        height: 1150px;
    }

    .viajar-vacacional-back .viajar-back-image {
        background-image: url(../img/back_position_01.png); 
        background-repeat: no-repeat;
        background-position-y: 102px;
        max-width: 1700px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .viajar-corporativo-back {
        text-align: center;
        background: linear-gradient(to bottom, #F4F4EE 4%, #2E2B27  65%, #000000 100%);
        height: 1150px;
    }
    
    .viajar-corporativo-back .viajar-back-image {
        background-image: url(../img/back_position_02.png); 
        background-repeat: no-repeat;
        background-position-y: 102px;
        background-position-x: 693px;
        max-width: 1700px;
        margin-left: auto;
        margin-right: auto;
    }

    .viajar-trabajo {
        max-width: 1015px;
        height: 846px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        background-image: url(../img/foto-02.png);
        background-repeat: no-repeat;
        background-position-x: left;
        background-position-y: top;
    }

    .viajar-trabajo-curves {
        position: absolute;
        width: 345px;
        z-index: 1;
        margin-top: 74px;
    }

    .viajar-trabajo-row {
        margin-top: 160px;
    }

    .carousel-opinion-card-content {
        font-size: 20px;
        font-weight: 200;
        color: #1F1F29;
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
    }

    .div-somos {
        max-width: 747px;
        height: 903px;
        background-color: #F4F4EE;
        border-radius: 100px;
        padding-top: 60px;
        background-repeat: no-repeat;
        text-align: left;
        font-weight: 300;
    }
    
    .div-somos-l {
        padding-left: 50px;
        margin-left: auto;
        background-image: url(../img/back_somos_1.png);
        background-position-x: right;
    }
    
    .div-somos-r {
        padding-left: 290px;
        background-image: url(../img/back_somos_2.png);
        background-position-x: left;
    }
    
    .div-somos p {
        max-width: 416px;
    }
    
    .div-somos .name {
        margin-top: 3px;
        margin-bottom: 0px;
        font-size: 24px;
        line-height: 26px;
    }
    
    .div-somos .name-2 {
        margin-top: 3px;
        margin-bottom: 0px;
        font-size: 22px;
        line-height: 26px;
    }
    
    .div-somos .line {
        font-size: 19px;
        max-width: 352px;
    }

    .footer-row {
        padding-top:20px;
        background-color: #F4F4EE;
        height: 390px;
        padding-left: 100px;
    }

    .footer-row-links {
        width: 300px;
        margin-left: auto; 
        margin-right: auto;
        color: #161616;
    }
}