/*
Theme Name: Tema Eurotrips 2026
Theme URI: https://example.com
Author: Xbalanqué Velázquez
Description: Tema personalizado para Eurotrips.
Version: 1.1
*/
:root{
    --primary:#1972b9;
    --primary-oscuro:#025598;
    --primary-claro:#338DD5;
    --secondary:#18c9d3;
    --secondary-oscuro:#00AEB8;
    --secondary-claro:#2FDEE8;
    --text:#34373b;
    --light:#f5f5f5;
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
body{
    font-family: Ubuntu,'Segoe UI', sans-serif;
    color:var(--text);
    background:#e3e3e2;
}

.aleft{text-align: left !important;}
.aright{text-align: right !important;}
.acenter{text-align: center !important;}
.ajustify{text-align: justify !important;}
.flex{display:flex;}
.gap1{gap:1rem;}
.responsive{max-width:100%;width:100%;}




.home-wrapper{
    max-width:1500px;
    margin:auto;
    background:white;
    overflow: inherit;
    box-shadow: 0px 0px 35px rgba(0,0,0,0.55);
}
.topbar{
    background:#fff;
    padding:35px 40px 35px;
    display: flex;
    justify-content: space-between;
    position:sticky;
    top:0;
    z-index:999;
    box-shadow:0 2px 10px rgba(0,0,0,.28);
    transition:
        background .4s ease,
        padding .4s ease,
        box-shadow .4s ease;
}
.topbar.scrolled{
    background:rgba(2055,255,255,0.92);
    padding:14px 40px;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
}
.topbar .logo{text-align: center;width: 17%;}
.topbar .logo img{
    transition: .4s ease;
}
.topbar.scrolled .logo img{
    width: 80%;
    height: auto;
}
.topbar.scrolled .top-buttons{top:9px;}
.logo{
    font-size:42px;
    font-weight:700;
    color:#111;
}
.mobile-menu-panel{width:83%;display: flex;gap:1rem;justify-content: space-between;}
.top-buttons{
    /*display:block;*/
    /*text-align: right;*/
    position: relative;
    /*right: 30px;*/
    top: -6px;
    transition: top .4s ease;
}
.btn-top,.btn{
    background:var(--primary);
    color:#fff;
    padding:12px 20px;
    border-radius:5px;
    text-decoration:none;
    transition:.3s;
    display:inline-block;
}
.btn-top{
    border:1px solid #cdcdcd;
    border-radius: 10px;
    background-color: #367ebe;
    padding: 10px 22px;
}
.btn-top i{font-size:1.5rem;}
.btn-top.WA{background-color: #20b658;padding: 10px 14px;margin-right: 10px;}
.btn.WA{background-color: #20b658;}
.btn.WA i{font-size:1.5rem;}

.btn:hover,.btn-top:hover{
    transform:translateY(-2px);
    background:var(--primary-oscuro);
    color:#FFF;
}
.btn-top.WA:hover,
.btn.WA:hover{background-color: #2DC365;}

.languages{list-style:none;margin:0 0 5px;padding:0;gap: 0.7rem;display: flex;flex-direction: row;justify-content: end;}
.languages li{display: inline-block;}
.languages li a{display:block;padding: 4px 10px;border: 1px solid #E2E2E2;border-radius: 5px; text-decoration: none;color:#B7B7B7;font-size:.8rem;}
.languages li a img{width: 40px !important;height: auto !important;}

.languages li.current-lang a{color:var(--secondary);font-weight: bold;}

.hero{
    position:relative;
    height:48vh;
    overflow:hidden;
}
.hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:transparent;
    /*transform:scale(1.1);*/
    /*animation:heroZoom 14s ease-in-out infinite alternate;*/
}
.hero-overlay{
    position:absolute;
    inset:0;
    /*background:linear-gradient(to right, rgba(0,0,0,.55), rgba(0,0,0,.1));*/
}
.hero-content{
    position:relative;
    z-index:2;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:0 80px;
    color:white;
}
.hero h1{
    font-size:82px;
    margin-bottom:20px;
}
.hero p{
    font-size:32px;
}
.hero p span{
    color:var(--secondary);
    font-style:italic;
}
.section{
    padding:40px 25px;
}
.destinos-grid,
.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    margin-bottom:1.2rem;
    text-align: center;
}
.testimonial-grid{
    grid-template-columns:repeat(2,1fr);
}
.card{
    background:#E7EEF1;
    border-radius:6px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.4s;
    opacity:0;
    transform:translateY(60px);
    transition:1s;
    border:1px solid #CCCBCB;
}
.card.active{
    opacity:1;
    transform:translateY(0);
}
.card:hover{
    transform:translateY(-8px);
}
.card img{
    width:100%;
    height:260px;
    object-fit:cover;
}
.card-content{
    padding:15px 25px 13px;
}
.card-content *{text-align:left;}
.card-content p{
    color:var(--text);
    font-size:16px;
    margin-bottom: 0.3rem;
}
.card-content p.descPrice{
    color:var(--text);
    font-size:17px;
    margin-bottom: 2.8rem;
}
.especial .card-content p.descPrice{
    margin-bottom: 0.4rem;
}
.card-content .btn{
    display: block;
    text-align: center;
    width: 80%;
    margin: 15px auto;
    padding: 9px;
    position: absolute;
  bottom: 0px;
}

.card h3{
    color:var(--primary);
    font-size:24px;
    margin-bottom:10px;
    line-height: 26px;
    font-weight: 500;
}
.card.especial h3{margin-bottom:20px;}

.info{
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:50px;
    align-items:left;
    background:#f0eaea;
    padding: 15px 25px;
}
.info h2{color:var(--secondary);}
.info h3{color:var(--primary);font-size:1.3rem;font-weight: normal;}
.info p{color:var(--text);}
.info-image{
    border-radius:14px;
}
.features{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    margin-top:30px;
}
.feature{
    text-align:center;
}
.feature .img{margin-bottom:1rem;}
.testimoniales{}
.testimoniales h2{color:var(--primary);}
.testimonial{
    background:#faf7f7;
    padding:30px;
    border-radius:10px;
    box-shadow:0 4px 20px rgba(0,0,0,.35);
    display: flex;
    gap:30px;
}
.testimonial .thumb a{min-width:150px; min-height:150px;display: block;}
.testimonial .texto .comillas{font-family: "Times New Roman", Times;font-size:75px;color:#cfc0ba;font-weight: bold;line-height: 2rem;display: inherit;text-align: left;}
.testimonial .texto .comillas.aright{text-align: right;}
.testimonial h3{color:#34373b;font-size:20px;}
.testimonial .stars{color:#dfac74;}
.btnTestimoniales{background:#faf7f7;border:1px solid #b0aaac;color:var(--text);box-shadow:0 4px 20px rgba(0,0,0,.35);}
.btnTestimoniales:hover{background:#EEE8E8;color:var(--text);}
/*.testimonial .thumb{background:url('assets/ico-play.png') no-repeat center center;}*/
.faq-contact{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:60px;
}
.faq-contact h2{color:#f9b134;}
.faq-item{
    background:#e3dede;
    margin-bottom:15px;
    border-radius:5px;
    overflow:hidden;
}
.faq-question{
    padding:12px 22px;
    cursor:pointer;
    font-weight:600;
    display: flex;
}
.faq-question .texto{width: calc(100% - 25px);}
.faq-question .flecha{width: 25px;text-align: right;transition: transform .4s ease;}
.faq-answer{
    max-height:0px;
    overflow:hidden;
    /*transition:all 1.2s;*/
    padding:0 22px 0;
    background:#fff;
}

.faq-item.active .flecha{
    transform: translate(6px,-8px) rotate(90deg);
}
.faq-container{padding:2rem 0;}
footer{
    background:#003f7b;
    color:white;
    padding:60px 50px;
}
footer h3 img{max-width:100px;height:auto; }
.footer-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}
ul.footer-menu{
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr; 
    column-gap: 30px;
    row-gap: 5px;
}
footer a{
    color:white;
    text-decoration:none;
    display:block;
    margin-bottom:12px;
}
footer a:hover{color:#4df9f6;}
footer .redes ul{list-style:none;margin:0;padding:0;text-align: right;}
footer .redes ul li{display:inline-block;}
footer .redes a{font-size:2.1rem;color:#4df9f6;margin:0 15px;}
footer .redes a:hover{color:#9CFFFD;}
.reveal{
    opacity:0;
    transform:translateY(80px);
    transition:1s ease;
}
.reveal.active{
    opacity:1;
    transform:translateY(0);
}
@keyframes heroZoom{
    from{ transform:scale(1.05); }
    to{ transform:scale(1.15); }
}


/*============================================*/
/*================ MAIN NAVIGATION ===========*/
/*============================================*/

.main-navigation{
    display:flex;
    align-items:center;
    width: 76%;
}

.main-menu{
    display:flex;
    align-items:center;
    gap:38px;
    list-style:none;
    margin:0 auto;
    padding:0;
}

.main-menu li{
    position:relative;
}

.main-menu li a{
    text-decoration:none;
    color:var(--text);
    font-weight:500;
    transition:.3s;
    font-size:16px;
}

.main-menu li a:hover{
    color:var(--primary);
}

.main-menu .current-menu-item a{
    color:#1560aa;
    font-weight:500;
}

/* === MENU === */

.menu-toggle{
    display:none;
    width:48px;
    height:48px;
    background:none;
    border:none;
    cursor:pointer;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    margin-left:auto;
}

.menu-toggle span{
    display:block;
    width:24px;
    height:2px;
    background:#062f6a;
    transition:.3s;
}

.mobile-menu-panel{}



/*BREADCRUMB*/

.breadcrumb{
    font-size:14px;
    margin-bottom:20px;
    color:#777;
    padding:10px 15px;
    background: transparent;
}
.breadcrumb a{
    color:#FFF;
    text-decoration:none;
}
.breadcrumb span{
    margin:0 8px;
    color:#C8C8C8;
}
.breadcrumb .actual{color:var(--secondary-claro);}
.breadcrumb a:hover{
    color:var(--secondary);
}


/* =====================================
TESTIMONIAL DETAIL PAGE
===================================== */
.testimonial-detail-page{
    padding:20px 0 40px;
    background:#fff;
}
.breadcrumb-et{
    font-size:14px;
    margin-bottom:20px;
    color:#7f8c9a;
    padding:10px 15px;
    background: var(--primary-claro);
}
.breadcrumb-et a{
    color:#FFF;
    text-decoration:none;
}
.breadcrumb-et span{
    margin:0 8px;
    color:#C8C8C8;
}
.breadcrumb-et .actual{color:var(--secondary-claro);}


.testimonial-top{
    display:grid;
    grid-template-columns:50px minmax(0, .7fr) minmax(0, 1.3fr);;
    gap:50px;
    align-items:top;
    margin-bottom:50px;
}
.testimonial-info{
    position:relative;
}
.testimonial-info .section-mini-title{text-align: left;margin-top: .1rem;}
.testimonial-info .section-mini-title.lineaInferior::after{margin-top: .1rem;}

.quote-big{
    font-size:75px;
    line-height:0.7;
    color:#D6E5F8;
    font-family:'Playfair Display', serif;
    z-index:1;
}
.quote-big.down{justify-content: end;
  display: flex;
  flex-direction: column;}
.testimonial-info h1{
    position:relative;
    font-size:35px;
    line-height:1;
    color:#34373b;
    margin-bottom:40px;
    font-weight:500;
}
.author-box{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:45px;
}
.author-image img{
    width:75px;
    height:75px;
    border-radius:50%;
    object-fit:cover;
}
.author-info h4{
    margin:0;
    font-size:22px;
    color:#1f2937;
}
.author-info span{
    display:block;
    margin-top:5px;
    color:#7d8792;
}
.stars{
    margin-top:10px;
    color:#f4b223;
    letter-spacing:2px;
}
.travel-data{
    display:flex;
    gap:40px;
    flex-wrap:wrap;
}
.travel-item{
    display:flex;
    align-items:flex-start;
    gap:14px;
}
.travel-item i{
    color:#1560aa;
    font-size:28px;
    margin-top:4px;
}
.travel-item span{
    display:block;
    font-size:14px;
    color:#8894a0;
    margin-bottom:1px;
}
.travel-item strong{
    color:#1560aa;
    font-size:16px;
}
.testimonial-video iframe{
    width:100%;
    aspect-ratio:16/9;
    border-radius:22px;
    box-shadow:0 15px 40px rgba(0,0,0,.22);
    height: auto;
}
.testimonial-content-wrapper{
    display:grid;
    grid-template-columns:1fr 320px;
    gap:50px;
    margin-bottom:30px;
}
.testimonial-content{
    background:#f7f9fc;
    border-radius:24px;
    padding:35px;
}
.testimonial-content blockquote{
    border-left:5px solid #1560aa;
    padding-left:25px;
    font-size:24px;
    line-height:1.4;
    margin-bottom:24px;
    color:#28323d;
    font-weight:500;
}
.testimonial-content p{
    font-size:18px;
    line-height:1.4;
    color:#444;
    margin-bottom:30px;
}
.thanks-title{
    margin-top:35px;
    color:#1560aa;
    font-size:26px;
    font-weight:700;
}
.sidebar-card{
    background:#f7f9fc;
    border-radius:24px;
    padding:35px;
    position:sticky;
    top:140px;
}
.sidebar-item{
    display:flex;
    gap:18px;
    margin-bottom:35px;
}
.sidebar-item:last-child{
    margin-bottom:0;
}
.sidebar-item i{
    color:#1560aa;
    font-size:28px;
    margin-top:4px;
}
.sidebar-item span{
    display:block;
    font-size:14px;
    color:#8894a0;
    margin-bottom:1px;
}
.sidebar-item strong{
    font-size:17px;
    color:#1f2937;
}
.testimonial-gallery{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
}
.testimonial-gallery img{
    width:100%;
    height:170px;
    object-fit:cover;
    border-radius:8px;
    transition:.35s;
}
.testimonial-gallery img:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 25px rgba(0,0,0,.15);
}
/* =====================================
MORE TESTIMONIALS
===================================== */
.more-testimonials{
    background:#f5f8fc;
    padding:40px 0;
}
.section-mini-title{
    display:block;
    text-align:center;
    color:#1560aa;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:15px;
    font-size: 0.9rem;
}
.section-mini-title.aleft{text-align: left;}
.more-testimonials h2{
    text-align:center;
    font-size:34px;
    margin-bottom:10px;
    color:#1f2937;
}
.mini-line{
    width:70px;
    height:5px;
    background:#1560aa;
    margin:0 auto 20px;
    border-radius:20px;
}
.testimonials-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:35px;
}
.testimonial-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    transition:.35s;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}
.testimonial-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}
.testimonial-card a{
    text-decoration:none;
}
.card-thumb{
    position:relative;
}
.card-thumb img{
    width:100%;
    height:180px;
    object-fit:cover;
}
.play-icon{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:70px;
    height:70px;
    border-radius:50%;
    background:rgba(0,0,0,.65);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}
.card-content{
    padding:12px 20px;
    display: flex;
  flex-direction: column;
  justify-content: start;
  height: 60%;
}
.card-content h3{
    color:var(--primary);/*#1f2937;*/
    font-size:22px;
    margin-bottom:15px;
}
.card-content p{
    color:#555;
    line-height:1.2;
    font-size:16px;
}
.testimonials-grid .card-thumb{padding:14px;overflow: hidden;}
.testimonials-grid .card-thumb img{border-radius: 12px;}
/* =====================================
WHATSAPP CTA
===================================== */
.testimonial-whatsapp{
    padding:0 0 30px;
    background:#f5f8fc;
}
.whatsapp-box{
    background:#0d4c8f;
    border-radius:22px;
    padding:35px 45px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
}
.whatsapp-left{
    display:flex;
    align-items:center;
    gap:25px;
    color:#fff;
}
.whatsapp-left i{
    font-size:60px;
}
.whatsapp-left h3{
    margin-bottom:5px;
    font-size:24px;
}
.whatsapp-left p{
    margin:0;
    font-size:16px;
    opacity:.9;
}
.btn-whatsapp-et{
    background:transparent;
    color:#fff;
    padding:12px 30px;
    border-radius:12px;
    text-decoration:none;
    font-weight:700;
    font-size:18px;
    white-space:nowrap;
    transition:.3s;
    border:1px solid #FFF;
}
.btn-whatsapp-et i{margin:0 10px 0 0;}
.btn-whatsapp-et:hover{
    background:#1ebe5d;
    color:#fff;
}
.more-testimonials-btn{
    text-align:center;
    margin-top:50px;
}
.btn-primary-et{
    background:#1560aa;
    color:#fff;
    padding:16px 28px;
    border-radius:12px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}
.btn-primary-et:hover{
    background:#0f4f8d;
    color:#fff;
}



/* =====================================
TESTIMONIALES ARCHIVE
===================================== */

.testimonials-hero{
    position:relative;
    padding:110px 0 90px;
    overflow:hidden;
    background:#f7f9fc;
}

.testimonials-hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(247,249,252,.96) 0%,rgba(247,249,252,.9) 35%,rgba(247,249,252,.35) 60%,rgba(247,249,252,0) 100%),url('../img/testimonials-bg.jpg');
    background-size:cover;
    background-position:center;
}


.testimonials-hero .container{
    position:relative;
    z-index:2;
}

.testimonials-hero__content{
    max-width:350px;
}

.section-tag{
    display:inline-block;
    margin-bottom:18px;
    font-size:14px;
    font-weight:700;
    letter-spacing:.08em;
    color:var(--secondary-oscuro);
    text-transform:uppercase;
}

.testimonials-hero h1,
.faq-section h1{
    margin:0 0 24px;
    font-size:38px;
    line-height:1;
    font-weight:700;
    color:var(--primary);
}

.testimonials-hero p{
    max-width: 620px;
    font-size:18px;
    line-height:1.4;
    color:#4b5563;

}

.testimonials-grid-section{
    padding:40px 0;
    background:#ffffff;
}

.testimonials-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
}

.testimonial-card{
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-radius:24px;
    background:#ffffff;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    transition:.35s ease;
}

.testimonial-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

.testimonial-card__media{
    position:relative;
    display:block;
    overflow:hidden;
}

.testimonial-card__media img{
    width:100%;
    height:280px;
    object-fit:cover;
    transition:.45s ease;
}

.testimonial-card:hover .testimonial-card__media img{
    transform:scale(1.05);
}

.testimonial-card__play{
    position:absolute;
    top:50%;
    left:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    width:76px;
    height:76px;
    border-radius:50%;
    background:#ff0000;
    color:#ffffff;
    font-size:24px;
    transform:translate(-50%,-50%);
    box-shadow:0 12px 30px rgba(0,0,0,.25);
}

.testimonial-card__content{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:24px;
}

.testimonial-card__quote{
    margin-bottom:10px;
    font-size:32px;
    line-height:0.7;
    color:#D6E5F8;
}

.testimonial-card h2{
    margin:0 0 18px;
    font-size:24px;
    line-height:1.2;
    font-weight:700;
    color:#34373b;
}

.testimonial-card p{
    margin:0 0 28px;
    font-size:14px;
    line-height:1.3;
    color:#4b5563;
}

.testimonial-card__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:auto;
    padding:16px 24px;
    border-radius:14px;
    background:#1c63b8;
    color:#ffffff;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
    transition:.3s ease;
}

.testimonial-card__button:hover{
    background:#11498d;
    color:#ffffff;
}

.testimonials-cta{
    padding:0 0 100px;
    background:#ffffff;
}

.testimonials-cta__box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    padding:42px 50px;
    border-radius:26px;
    background:linear-gradient(135deg,#0f4c97 0%,#1d69c2 100%);
    color:#ffffff;
}

.testimonials-cta__info h3{
    margin:0 0 10px;
    font-size:36px;
    font-weight:700;
}

.testimonials-cta__info p{
    margin:0;
    font-size:18px;
    line-height:1.7;
    opacity:.92;
}

.testimonials-cta__button{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:18px 30px;
    border-radius:14px;
    background:#25d366;
    color:#ffffff;
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
    transition:.3s ease;
}

.testimonials-cta__button:hover{
    transform:translateY(-2px);
    color:#ffffff;
}


/* =====================================
VIAJE HERO
===================================== */
.viaje-hero{
    position:relative;
    height:85vh;
    overflow:hidden;
    display:flex;
    align-items:center;
}
.viaje-hero img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
.viaje-hero .overlay{
    position:absolute;
    inset:0;
    z-index:1;
}
.viaje-hero .overlay .imagen{
    background:linear-gradient(to right,rgba(0,0,0,.75),rgba(0,0,0,.1));
    display: flex;
  height: 100%;
  width: 100%;
}
.viaje-hero-content{
    position:relative;
    z-index:2;
    color:#fff;
    max-width:760px;
}
.travel-badge{
    display:inline-block;
    background:#1560aa;
    padding:10px 18px;
    border-radius:30px;
    font-size:12px;
    font-weight:400;
    letter-spacing:1px;
    margin-bottom:25px;
}
.viaje-hero h1{
    font-size:72px;
    line-height:1;
    margin-bottom:25px;
    font-weight:700;
}
.viaje-hero p{
    font-size:26px;
    margin-bottom:10px;
    opacity:.92;
}
.viaje-hero .descripcion{
    font-size:17px;color:#DDD;font-weight: 400;width: 60%;
}
.hero-buttons{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}
.btn-outline-et{
    border:2px solid #1560aa;
    color:#1560aa;
    padding:16px 28px;
    border-radius:12px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}
.btn-outline-et:hover{
    background:#1560aa;
    color:#fff;
}
/* =====================================
INTRO
===================================== */
.viaje-intro{
    padding:30px 0;
}
.viaje-intro-grid{
    display:grid;
    grid-template-columns:1fr 380px;
    gap:60px;
    align-items:start;
}
.viaje-description h2{
    font-size:34px;
    margin-bottom:24px;
    color:#1f2937;
}
.viaje-description p{
    font-size:18px;
    line-height:1.3;
    color:var(--text);
}
.travel-highlights{
    display:flex;
    gap:35px;
    margin-top:50px;
    flex-wrap:wrap;
}
.highlight-item{
    display:flex;
    gap:16px;
    align-items:flex-start;
}
.highlight-item i{
    color:#1560aa;
    font-size:32px;
    margin-top:5px;
}
.highlight-item span{
    display:block;
    color:#7f8c9a;
    margin-bottom:1px;
}
.highlight-item strong{
    color:#1560aa;
    font-size:20px;
}
.price-card{
    background:#0f4f8d linear-gradient(138deg,rgba(40, 92, 153, 1) 0%, rgba(1, 59, 113, 1) 100%);
    border-radius:28px;
    padding:45px;
    color:#fff;
    position:sticky;
    top:140px;
}
.desde-label{
    display:block;
    opacity:.8;
    margin-bottom:0px;
}
.price{
    font-size:36px;
    font-weight:700;
    margin-bottom:8px;
}
.price-note{
    display:block;
    margin-bottom:25px;
    opacity:.85;
    color:#BBB;
}
.full-btn{
    width:100%;
    display:block;
    text-align:center;
    margin-bottom:15px;
}
/* =====================================
VIDEO SECTION
===================================== */
.viaje-video-section{
    background:#dce4ee;
    padding:30px 0;
}
.video-box{
    display:grid;
    grid-template-columns:420px 1fr;
    gap:50px;
    align-items:center;
}
.video-content h2{
    font-size:34px;
    margin-bottom:25px;
    color:#1f2937;
}
.video-content p{
    font-size: 18px;
  line-height: 1.3;
    color: var(--text);
}
.video-wrapper iframe{
    width:100%;
    aspect-ratio:16/9;
    border-radius:24px;
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}
.lineaInferior::after{content:"";display:block;background:var(--primary);width:40px;height:3px;margin-top:1rem;border-radius:3px;}
/* =====================================
DETAILS
===================================== */
.viaje-details{
    padding:40px 0;
}

.details-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:35px;
}
.details-card{
    background:#fff;
    border-radius:26px;
    padding:32px 45px;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
}
.details-card .grid{
    display: grid;
   grid-template-columns: 60px calc(100% - 70px); 
}  


.details-card.incluye{background:#E9F4E4;}
.details-card.incluye h3{color:#023F06;}
.details-card.no.incluye{background:#FFEBEE;}
.details-card.no.incluye h3{color:black;}

.details-icon{
    width:50px;
    height:50px;
    border-radius:50%;
    background:transparent;
    color:grey;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:25px;
    border:3px solid grey;
    align-items: center
}

.details-card.incluye .details-icon{color:#48AD6C;border-color:#48AD6C;}
.details-card.no.incluye .details-icon{color:#D72D2F;border-color:#D72D2F;}

.details-card h3{
    font-size:26px;
    margin-bottom:25px;
    color:#1f2937;
    align-content: center;
}
.details-content{
    font-size:18px;
    line-height:1.9;
    color:#555;
}

.incluye-lista{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.incluye-lista li{
    position:relative;
    padding-left:34px;
    color:#374151;
    font-size:17px;
    line-height:1.6;
}

.incluye-lista li::before{
    content:'\f00c';
    font-family:'Font Awesome 6 Free';
    font-weight:900;
    position:absolute;
    left:0;
    top:2px;
    color:#48AD6C;
    font-size:16px;
}
.no.incluye-lista li::before{
    content:'\f00d';
    color:#D72D2F;
}


/* =====================================
GALLERY
===================================== */
.destinations-gallery{
    background:#f5f8fc;
    padding:40px 0;
}
.destinations-gallery h2{
    font-size:34px;
    margin-bottom:50px;
    color:#1f2937;
    text-align: center;
}
.gallery-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}
.gallery-grid img{
    width:100%;
    height:340px;
    object-fit:cover;
    border-radius:20px;
    transition:.35s;
}
.gallery-grid img:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 35px rgba(0,0,0,.18);
}
/* =====================================
RELATED TRIPS
===================================== */
.related-trips{
    padding:40px 0;
}
.related-trips h2{
    font-size:34px;
    margin-bottom:50px;
    color:#1f2937;
    text-align: center;
}
.related-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}
.travel-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
    transition:.35s;
    border: 1px solid #CCCBCB;
}
.travel-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}
.travel-card a{
    text-decoration:none;
    display: block;
    height: 100%;
}
.travel-thumb{
    height: 180px;
}
.travel-thumb img{
    width:100%;
    height:180px;
    object-fit:cover;
}
.travel-card-content{
    padding:20px;
    display: flex;
    flex-direction: column;
    height: calc(100% - 180px);
}
.travel-card-content h3{
    color:var(--primary);
    font-size:22px;
    margin-bottom:5px;
}
.travel-card-content span{
    display:block;
    color:#7f8c9a;
    margin-bottom:5px;
}
.travel-price{
    color:var(--text);
    font-size:16px;
    font-weight:400;
    text-align: right;
}

.travel-card-content .grid{display: grid;grid-template-columns: 120px calc(100% - 120px);margin-top:auto;}




.destinos-hero{
    padding:170px 0 80px;
    background:#f8fafc;
    overflow:hidden;
}

.destinos-hero-container{
    display:grid;
    grid-template-columns:1fr 1.1fr;
    align-items:center;
    gap:60px;
}

.destinos-subtitle{
    color:#1560aa;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:18px;
    display:block;
}

.destinos-hero-content h1{
    font-size:72px;
    line-height:1;
    color:#111827;
    margin-bottom:30px;
    font-weight:700;
}

.destinos-hero-content p{
    font-size:22px;
    line-height:1.7;
    color:#4b5563;
    margin-bottom:45px;
    max-width:620px;
}

.destinos-stats{
    display:flex;
    gap:40px;
    flex-wrap:wrap;
}

.destino-stat{
    display:flex;
    align-items:center;
    gap:16px;
}

.destino-stat i{
    color:#1560aa;
    font-size:30px;
}

.destino-stat strong{
    display:block;
    font-size:24px;
    color:#111827;
}

.destino-stat span{
    color:#6b7280;
    font-size:15px;
}

.destinos-hero-image{
    position:relative;
}

.destinos-hero-image img{
    width:100%;
    border-radius:30px;
    object-fit:cover;
    box-shadow:0 25px 60px rgba(0,0,0,.18);
}

.destinos-archive{
    padding:90px 0;
    background:#fff;
}

.destinos-topbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:55px;
    gap:25px;
    flex-wrap:wrap;
}

.destinos-filtros{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.destinos-filtros button{
    border:none;
    background:#f3f4f6;
    padding:14px 24px;
    border-radius:50px;
    font-weight:600;
    color:#4b5563;
    transition:.3s;
}

.destinos-filtros button:hover,
.destinos-filtros button.active{
    background:#1560aa;
    color:#fff;
}

.destinos-order{
    display:flex;
    align-items:center;
    gap:18px;
}

.destinos-order span{
    color:#6b7280;
    font-weight:500;
}

.destinos-order select{
    border:1px solid #d1d5db;
    border-radius:12px;
    padding:12px 18px;
    min-width:210px;
    background:#fff;
}

.destinos-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.destino-card{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.1);
    transition:.4s;
    border: 1px solid #CCCBCB;
}

.destino-card:hover{
    transform:translateY(-10px) !important;
    box-shadow:0 10px 35px rgba(0,0,0,.45) !important;
}

.destino-card-image{
    position:relative;
    display:block;
    overflow:hidden;
}

.destino-card-image img{
    width:100%;
    height:280px;
    object-fit:cover;
    transition:.5s;
}

.destino-card:hover img{
    transform:scale(1.06);
}
.destino-card.special-card p{
    margin-bottom:8px;
}
.destino-card .btn{
    padding: 8px 28px;
    border-radius: 8px;
    align-self: center;
    margin-top:auto;
}


.destino-badge{
    position:absolute;
    top:18px;
    right:18px;
    background:rgba(17,24,39,.88);
    color:#fff;
    padding:9px 16px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
}


.destinos-archive.interna .destino-card-content{text-align: left;}

.destino-card-content h3{
    font-size:34px;
    color:#111827;
    margin-bottom:10px;
    line-height:1.2;
}


.destino-ciudades{
    display:block;
    color:#6b7280;
    margin-bottom:22px;
    font-size:16px;
}

.destino-card-content p{
    color:#4b5563;
    line-height:1.8;
    margin-bottom:28px;
    font-size:16px;
}
.destinos-archive.interna .destino-card-content p{
    line-height: 1.2;
  margin-bottom: 20px;
  font-size: 14px;
  text-align: left;
}

.destino-link{
    color:#1560aa;
    font-weight:700;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.destinos-cta{
    margin-top:80px;
    background:linear-gradient(135deg,#0f4c97,#1560aa);
    border-radius:24px;
    padding:40px 50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    flex-wrap:wrap;
}

.destinos-cta-content{
    display:flex;
    align-items:center;
    gap:24px;
}

.destinos-cta-content i{
    font-size:44px;
    color:#fff;
}

.destinos-cta-content h3{
    color:#fff;
    margin-bottom:8px;
    font-size:30px;
}

.destinos-cta-content p{
    color:rgba(255,255,255,.82);
    margin:0;
}

.btn-primary{
    background:#fff;
    color:#1560aa;
    padding:16px 34px;
    border-radius:12px;
    text-decoration:none;
    font-weight:700;
}

.scroll-animate{
    opacity:0;
    transform:translateY(60px);
    transition:
        opacity .8s ease,
        transform .8s ease;
    transition-delay:var(--delay);
}

.scroll-animate.active{
    opacity:1;
    transform:translateY(0);
    /*transition-delay:0s;*/
}



/* =====================================
ARCHIVE VIAJES
===================================== */


.destinos-hero-container{
    display:grid;
    grid-template-columns:1fr 1.9fr;
    align-items:center;
    gap:60px;
}

.destinos-subtitle{
    color:var(--secondary-oscuro);/*#1560aa*/
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:18px;
    display:block;
}

.destinos-hero-content h1{
    font-size:45px;
    line-height:1;
    color:var(--primary);
    margin-bottom:30px;
    font-weight:700;
}

.destinos-hero-content p{
    font-size:18px;
    line-height:1.4;
    color:#4b5563;
    margin-bottom:45px;
    max-width:620px;
}

.destinos-stats{
    display:flex;
    gap:40px;
    flex-wrap:wrap;
}

.destino-stat{
    display:flex;
    align-items:center;
    gap:16px;
}

.destino-stat i{
    color:#1560aa;
    font-size:30px;
}

.destino-stat strong{
    display:block;
    font-size:18px;
    color:#111827;
}

.destino-stat span{
    color:#6b7280;
    font-size:13px;
}

.destinos-hero-image{
    position:relative;
}

.destinos-hero-image img{
    width:100%;
    border-radius:30px;
    object-fit:cover;
    box-shadow:0 25px 60px rgba(0,0,0,.18);
}

.destinos-archive{
    padding:40px 0;
    background:#fff;
}
.destinos-archive.interna{padding:40px 0;}

.destinos-topbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:55px;
    gap:25px;
    flex-wrap:wrap;
}

.destinos-filtros{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.destinos-filtros button{
    border:none;
    background:#f3f4f6;
    padding:14px 24px;
    border-radius:50px;
    font-weight:600;
    color:#4b5563;
    transition:.3s;
}

.destinos-filtros button:hover,
.destinos-filtros button.active{
    background:#1560aa;
    color:#fff;
}

.destinos-order{
    display:flex;
    align-items:center;
    gap:18px;
}

.destinos-order span{
    color:#6b7280;
    font-weight:500;
}

.destinos-order select{
    border:1px solid #d1d5db;
    border-radius:12px;
    padding:12px 18px;
    min-width:210px;
    background:#fff;
}

.destinos-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:35px;
}
.destinos-archive.interna .destinos-grid{grid-template-columns:repeat(3,1fr);}

.destino-card{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    /*box-shadow:0 10px 35px rgba(0,0,0,.06);*/
    /*transition:.4s;*/
    display: flex;
    flex-direction: column;
}

.destino-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

.destino-card-image{
    position:relative;
    display:block;
    overflow:hidden;
}

.destino-card-image img{
    width:100%;
    height:280px;
    object-fit:cover;
    transition:.5s;
}

.destino-card:hover img{
    transform:scale(1.06);
}

.destino-badge{
    position:absolute;
    top:18px;
    right:18px;
    background:rgba(17,24,39,.88);
    color:#fff;
    padding:9px 16px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
}
.destino-badge{
    background:rgba(17,24,39,.7);
    padding: 4px 14px;
  border-radius: 10px;
  font-size: 12px;
}

.destino-card-content{
    padding:15px 25px;
    display:flex;
    flex-direction: column;
    justify-content: start;
    height: 50%;
}

.destino-card-content h3{
    font-size: 22px;
    color: var(--primary);
    margin-bottom: 15px;
    line-height:1.2;
    text-align: left;
}

.destino-card-content h3{text-align: left;}
.destino-card-content h3.destinos-detail{margin-bottom:0px;}
.destinos-archive.interna .destino-card{box-shadow: 0 10px 35px rgba(0,0,0,0.26);}
.destinos-archive.interna .destinos-grid{grid-template-columns: repeat(3,1fr);}

.destino-ciudades{
    display:block;
    color:var(--secondary-oscuro);
    margin-bottom:18px;
    font-size:13px;
    text-transform: uppercase;
    text-align: left;
}

.destino-card-content p{
    color:#4b5563;
    line-height:1.8;
    margin-bottom:28px;
    font-size:16px;
    text-align: left;
}


.destinos-archive.interna .destino-card-content p{
    line-height: 1.2;
  margin-bottom: 18px;
  font-size: 14px;
  text-align: left;
}
.destino-link{
    color:#1560aa;
    font-weight:700;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.destinos-cta{
    margin-top:80px;
    background:linear-gradient(135deg,#0f4c97,#1560aa);
    border-radius:24px;
    padding:40px 50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    flex-wrap:wrap;
}
.destinos-cta.claro{
    background:linear-gradient(135deg,#D1EEF8,#eaf1f9);
}

.destinos-cta-content{
    display:flex;
    align-items:center;
    gap:24px;
}

.destinos-cta-content i{
    font-size:44px;
    color:#fff;
}
.destinos-cta.claro .destinos-cta-content i,
.destinos-cta.claro .destinos-cta-content p,
.destinos-cta.claro .destinos-cta-content h3{
    color:var(--primary);
}

.destinos-cta-content h3{
    color:#fff;
    margin-bottom:8px;
    font-size:30px;
}

.destinos-cta-content p{
    color:rgba(255,255,255,.82);
    margin:0;
}

.btn-primary{
    background:#fff;
    color:#1560aa;
    padding:16px 34px;
    border-radius:12px;
    text-decoration:none;
    font-weight:700;
}

/* =======   GALERIA LIGHTBOX   ======= */
.travel-gallery{
    padding:80px 0;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.gallery-item{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    display:block;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.gallery-item img{
    width:100%;
    height:280px;
    object-fit:cover;
    transition:.6s;
}

.gallery-item:hover img{
    transform:scale(1.08);
}

.gallery-caption{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    padding:20px;
    background:linear-gradient(to top, rgba(0,0,0,.75), transparent);
    color:#fff;
    font-size:18px;
    font-weight:600;
}



/* =====================================
EQUIPO
===================================== */

.team-hero{
    padding:80px 0 60px;
}

.team-hero__content{
    max-width:700px;
}

.team-hero h1{
    font-size:45px;
    line-height:1;
    margin:20px 0;
    color:#FEFEFE;
}

.team-hero p{
    max-width:600px;
    font-size:20px;
    color:#FEFEFE;
}

.section-label{
    color:#E6D0B7;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.section-label.lineaInferior::after{background:#8F784C;}

.team-founder{
    margin-bottom:50px;
}

.team-founder__grid{
    display:grid;
    grid-template-columns:270px 1fr;
    gap:40px;
    background:#D8D1C9;
    border-radius:28px;
    padding:30px;
    box-shadow:0 10px 35px rgba(0,0,0,.16);
    margin-top: 2rem;
}
.team-founder__image{}
.team-founder__image img{
    width:100%;
    border-radius:20px;
    display:block;
    max-width: 250px;
    margin: 0 auto;
}

.team-badge{
    display:inline-flex;
    align-items:center;
    padding:8px 16px;
    border-radius:999px;
    background:#8F784C;
    color:#fff;
    font-weight:600;
    font-size: 0.9rem;
}

.team-founder h2{
    margin:20px 0 15px;
    font-size:34px;
}

.team-founder__desc{
    color:#475467;
    line-height:1.6;
}

blockquote{
    margin-top:25px;
    padding:20px 25px;
    border-radius:16px;
    background:#faf8f4;
    border:1px solid #eadfcb;
    font-size:17px;
    font-weight:600;
    color:#062f6a;
    text-align: center;
}
blockquote.teamQuote{display:grid;grid-template-columns:40px 1fr 40px;}
blockquote .sub{height: 100%;display: inherit;}
blockquote .sub i{margin-top: auto;}
.teamQuote i{color:#C0A97D;font-size: 1.8rem;}
.team-area{
    background:#fff;
    padding:40px;
}

.team-area h2{
    font-size:32px;
    margin-bottom:24px;
    color:#114161;
}

.team-members-inline{
    color:#c79432;
    font-weight:600;
    margin-bottom:30px;
}

.team-members-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:50px;
    margin-bottom:30px;
}
.team-member{margin: 0 auto;
    border: 1px solid #8181af;
    border-radius: 15px;
    padding: 16px 15px;
    box-shadow: 0px 5px 12px rgba(0,0,0,0.18);
}
.team-member .foto{
    max-height: 180px;
    border-radius:18px;
    overflow: hidden;
    width: 190px;
    margin-bottom:.8rem;
}
.team-member img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    object-position: top;
    display:block;
}

.team-area__content{
    text-align:center;
    max-width:900px;
    margin:auto;
}

.team-area__content p{
    line-height:1.4;
}

.team-admin-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
}

.team-admin-photos{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.team-admin-content p{
    line-height:1.4;
}

.containerEquipo{box-shadow: 0 10px 35px rgba(0,0,0,.16);border-radius: 28px;
  padding: 30px;}

.team-member .nombre{color:#c79432;font-weight: bold;text-align: center;}

.contenedor{
    width: 100%;
    width: calc(100% - 4rem);
    margin: 0 2rem;
}


/* =====================================
FAQS controles
===================================== */

.faq-layout{
    display:grid;
    grid-template-columns:280px 1fr;
    /*gap:3rem;*/
}

.faq-sidebar{
    display:flex;
    flex-direction:column;
    gap:1rem;
    /*width: 101%;*/
}

.faq-category-btn{
    padding:1rem;
    border:none;
    cursor:pointer;
    border-radius:12px;
    text-align:left;
    /*width: 96%;*/
    border:1px solid #aaaeb3;
    background:#EEE;
    color: #505050;
}

.faq-category-btn.active{
    background:#FFF;
    color:var(--primary);
    font-weight:bold;
    border-right:0 none;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    width: 101%;
    z-index: 10;
}

.faq-category-panel{
    display:none;
}

.faq-category-panel.active{
    display:block;
}

.faq-content{
    padding:1rem;
    border-radius: 0 10px 10px 0;
    border:1px solid #aaaeb3;
}

.faq-item{
    border-bottom:1px solid #ddd;
}

.faq-question{
    width:100%;
    background:none;
    border:none;
}

.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:all .3s;
}

.faq-page{
    padding: .5rem;
}

.faq-item.active .faq-answer{
    max-height:2500px;
    padding-top:1rem;
    padding-bottom:1rem;
}


.testimonial-video-embed{max-width: 100% !important;}

/* =====================================
RESPONSIVE
===================================== */

.container{max-width: 1460px;}
/*|||||||||||||||||||1200px||||||||||||||||||||||*/
@media(max-width:1200px){
    /*.destinos-grid{grid-template-columns:repeat(2,1fr);}*/
    .destinos-hero-content h1{font-size:58px;}
/*    .testimonial-top{grid-template-columns:1fr;}
    
*/    .testimonial-gallery{grid-template-columns:repeat(3,1fr);}
    .viaje-intro-grid{grid-template-columns:1.2fr .8fr;}
    .video-box{grid-template-columns: 420px 1fr;}
    .gallery-grid{grid-template-columns:1fr 1fr;}
    .footer-grid{grid-template-columns: .6fr 1.8fr .6fr;}
}
/*|||||||||||||||||||1024px||||||||||||||||||||||*/
@media(max-width:1024px){
    .topbar{justify-content:space-between;}
    .menu-toggle{display:flex;}
    .mobile-menu-panel{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#fff;
        padding:30px;
        box-shadow:0 15px 35px rgba(0,0,0,.08);

        opacity:0;
        visibility:hidden;
        transform:translateY(-10px);

        transition:.3s ease;
        z-index:999;
        display: block;
    }
    .main-navigation{margin-bottom:2rem;}
    .mobile-menu-panel.active{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
    }
    .main-navigation{width:100%;}
    .main-menu{
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
        margin:0;
    }
    .top-buttons{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
    }
    .languages{margin-bottom:10px;}

    .testimonials-grid{grid-template-columns:repeat(2,1fr);}
    .testimonials-hero h1{font-size:56px;}

    .video-box{grid-template-columns:1fr;}
    .destinos-grid,
    .testimonial-grid{grid-template-columns: repeat(2,1fr);}
    .video-box{grid-template-columns: 320px 1fr;}
    .viaje-hero h1{font-size:58px;}
    .viaje-description h2,
    .video-content h2,
    .destinations-gallery h2,
    .related-trips h2{
        font-size:32px;
    }
    .details-grid,
    .related-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .whatsapp-box{padding: 25px 35px;}
    .btn-whatsapp-et{padding: 9px 15px;}
    .destinos-hero-container{grid-template-columns:1fr 1fr;}
    .destinos-grid{grid-template-columns:1fr 1fr;}
    .destinos-hero-content h1{font-size:48px;}
    .destinos-hero-content p{font-size:18px;}
    .gallery-grid{grid-template-columns:repeat(2,1fr);}
    .team-hero h1{font-size:42px;}
    .team-founder__grid{grid-template-columns:1fr;}
    .team-members-grid{grid-template-columns:repeat(2,1fr);max-width: 100%;}
    .team-admin-grid{grid-template-columns:1fr;}
    .contenedor{
        max-width: calc(100% - 3.6rem);
        margin: 0 1.8rem;
    }
    .destinos-hero,
    .team-hero,
    .faq-section{padding: 130px 0 100px !important;}
    .faq-section{min-height: 470px;}
    .destinos-hero-container{grid-template-columns: 0.45fr;}
    /*.testimonial-info h1{font-size:54px;}*/
    .more-testimonials h2{font-size:42px;}
    /*.testimonials-grid{grid-template-columns:1fr;}*/
    .whatsapp-box{
        flex-direction:column;
        align-items:flex-start;
    }

    .destinos-archive.interna .destinos-grid{grid-template-columns:repeat(2,1fr);}
}

/*|||||||||||||||||||768px||||||||||||||||||||||*/
@media(max-width:768px){
    .destinos-grid,
    .features,
    .info,
    .faq-contact{
        grid-template-columns:1fr 1fr;
    }
    .testimonial-grid{
        grid-template-columns:1fr;
    }
    /*.testimonial-top{grid-template-columns: 50px minmax(0, .7fr) minmax(0, 1.3fr);}*/
    .testimonial-top{
        display:grid;
        grid-template-columns:50px 1fr;
        grid-template-areas:
            "quote info"
            "video video";
        gap:2rem;
    }

    .quote-big{
        grid-area:quote;
    }

    .testimonial-info{
        grid-area:info;
    }

    .testimonial-video{
        grid-area:video;
    }

    .topbar{justify-content: left;}
    .hero{height: 30vw;min-height: 150px;}
    .topbar .logo{max-width: 40%;}
    .topbar .logo a{max-width: 100%;display: inline-block;}
    .topbar .logo img{max-width: 100%;height: auto;}
    .viaje-hero{height:70vh;}
    .viaje-hero h1{font-size:42px;}
    .viaje-hero p{font-size:20px;}
    .travel-highlights{flex-direction:column;}
    .gallery-grid{grid-template-columns:1fr;}
    .price{font-size:32px;}
    .viaje-intro-grid{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns: .6fr 1.8fr .6fr;}
    .price-card{padding: 35px;}
    .testimonials-hero{padding:80px 0 70px;}
    .testimonials-hero::before{
        background:linear-gradient(180deg,rgba(247,249,252,.96) 0%,rgba(247,249,252,.92) 45%,rgba(247,249,252,.7) 100%),url('../img/testimonials-bg.jpg');
        background-size:cover;
        background-position:center;
    }
    .testimonials-hero h1{font-size:42px;}
    .testimonials-hero p{font-size:18px;}
    .testimonials-grid{
        /*grid-template-columns:1fr;*/
        gap:24px;
    }
    .testimonial-card__media img{height:230px;}
    .testimonial-card__content{padding:28px;}
    .testimonial-card h2{font-size:28px;}
    .testimonials-cta__box{
        flex-direction:column;
        align-items:flex-start;
        padding:36px 30px;
    }
    .testimonials-cta__info h3{font-size:30px;}
    .gallery-grid{grid-template-columns:1fr;}
    .destinos-hero-container{grid-template-columns: 0.65fr;}
    .destinos-hero-content{background: rgba(255,255,255,0.6);padding:1rem;}
    .testimonial-detail-page{padding-top:40px;}
    .testimonial-info h1,
    .author-box{margin-bottom:10px;}
    .quote-big{
        font-size:55px;
        top:-30px;
    }
    .travel-data{
        flex-direction:column;
        gap:20px;
    }
    .testimonial-content blockquote{font-size:28px;}
    .testimonial-content p{font-size:18px;}
    .thanks-title{font-size:30px;}
    .testimonial-gallery{grid-template-columns:1fr 1fr;}
    .more-testimonials h2{font-size:34px;}
    .whatsapp-left{
        flex-direction:column;
        align-items:flex-start;
    }
    .whatsapp-left i{font-size:52px;}
    .whatsapp-left h3{font-size:26px;}

    .destinos-hero-container{grid-template-columns: 0.75fr;}
    .destinos-archive.interna .destinos-grid{grid-template-columns: 1fr;}
    .team-hero__content{max-width: 320px;}
    .topbar{padding: 30px 31px;}
    .details-grid,
    .related-grid{grid-template-columns:1fr;}
    footer{padding: 40px 30px;}
    ul.footer-menu{grid-template-columns: 1fr;}
    footer a{margin-bottom: 9px;}

    .faq-layout{
        grid-template-columns:1fr;
    }
    .faq-sidebar{
        flex-direction:row;
        overflow-x:auto;
        padding-bottom:0.5rem;
        overflow-y: inherit;
        overflow-x: auto;
        position: sticky;
        top: 91px;
        background: #FFF;
        padding-top: 10px;
        border-bottom: 1px solid #aaaeb3;
    }
    .faq-category-btn{
        white-space:nowrap;
    }
    .faq-category-btn.active{
        border: 1px solid #aaaeb3;
        border-radius: 12px;
        border-bottom:0 none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        width: auto;
        height: 121%;
        background: #BFF;
    }
    .faq-content{border-radius: 0;border-top: 0 none;}
}
/*|||||||||||||||||||576px||||||||||||||||||||||*/
@media(max-width: 576px){
    .destinos-grid,
    .features,
    .info,
    .faq-contact,
    .testimonial-grid,
    .footer-grid{grid-template-columns:1fr;}
    .details-icon{width: 40px;height: 40px;font-size: 19px;}
    .details-card{padding: 25px 35px;}
    .testimonials-grid{grid-template-columns:1fr;}
    .testimonial-content-wrapper{grid-template-columns:1fr;}
    .topbar{padding: 22px 21px;}

    .testimonial-gallery{grid-template-columns:1fr;}
    .testimonial-content blockquote{font-size:24px;}
    .card-content h3{font-size:24px;}
    .team-members-grid,
    .team-admin-photos{grid-template-columns:1fr;}
    .highlight-item strong{font-size: 17px;}

    .viaje-hero h1{font-size: 30px;}
    .viaje-hero .descripcion{width: 100%;}
}