/*==================================================
  CHUMAY - RELATED TERMAS
==================================================*/

.chumay-related{
    padding:80px 0; background:#f7f8f5; }

.chumay-related-title{
    text-align:center; margin-bottom:50px; }

.chumay-related-title h2{
    font-size:38px; font-weight:700; color:#2c3e2f; margin-bottom:12px; }

.chumay-related-title p{
    font-size:18px; color:#666; max-width:700px; margin:0 auto; }

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

.chumay-card{
    background:#fff; border-radius:22px; overflow:hidden; transition:.35s; box-shadow:0 10px 30px rgba(0,0,0,.08); }

.card-link{
    display:block; text-decoration:none; color:inherit; }

.card-image{
	position:relative; overflow:hidden; aspect-ratio:16/10; border-radius:20px 20px 0 0; }

.card-image img{
    width:100%; height:100%; object-fit:cover; transition:.6s ease; display:block; }

.card-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
        rgba(0,0,0,.70) 5%,
        rgba(0,0,0,.25) 45%,
        rgba(0,0,0,0) 100%);
    opacity:.4; transition:.4s; }

.chumay-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 60px rgba(0,0,0,.18);
}

.chumay-card:hover .card-image img{
    transform:scale(1.08); }

.chumay-card:hover .card-overlay{
    opacity:1; }

.card-body{
    padding:25px; }

/*====================================================
    CATEGORIA
====================================================*/

.card-category{
	position:absolute; top:18px; left:18px; background:#596f54;
    color:#fff; padding:8px 14px; border-radius:14px; font-size:12px; font-weight:700; text-transform:uppercase;
    letter-spacing:.6px; z-index:20; box-shadow:0 8px 20px rgba(0,0,0,.20);
}

/*====================================================
    PRECIO
====================================================*/

.card-price{
    position:absolute; right:15px; bottom:15px; background:rgba(255,255,255,.92); backdrop-filter:blur(8px); padding:10px 14px; border-radius:14px; text-align:center; z-index:20; min-width:125px; box-shadow:0 12px 35px rgba(0,0,0,.25);}

.card-price small{
    display:block; color:#666; font-size:12px; margin-bottom:4px; text-transform:uppercase; letter-spacing:.5px;}

.card-price strong{
    display:block; color:#596f54; font-size:32px; font-weight:800; line-height:1; margin-bottom:4px; }

.card-price span{
    display:block; color:#777; font-size:13px; }

/*====================================================
    EFECTOS
====================================================*/

.chumay-card{
    overflow:hidden; border-radius:20px; background:#fff; transition:.35s; box-shadow:0 15px 35px rgba(0,0,0,.08);}

.chumay-card:hover{
    transform:translateY(-8px); box-shadow:0 25px 60px rgba(0,0,0,.18);}

.chumay-card:hover .card-image img{
    transform:scale(1.08);}

.chumay-card:hover .card-overlay{
    opacity:.75;}

/*====================================================
    TITULO
====================================================*/

.card-body h3{
    font-size:24px; line-height:1.3; color:#243426; margin:4px 0; min-height:40px; }

/*====================================================
    INFORMACION
====================================================*/

.card-info{
    list-style:none; padding:0; margin:0;}

.card-info li{
    display:flex; align-items:center; gap:10px; margin-bottom:12px; font-size:15px; color:#555;}

/*====================================================
    BOTON
====================================================*/

.card-btn{
    display:block; margin-top:25px; background:#4e8243; color:#fff; text-align:center;
    padding:15px; border-radius:10px; font-weight:700; transition:.35s;}

.chumay-card:hover .card-btn{
    background:#4ab540; color:#fff; }




.chumay-card:hover .card-btn{
    background:#4ab540; color:#fff; }

@media(max-width:1100px){
	.chumay-grid{ grid-template-columns:repeat(2,1fr); }
}

@media(max-width:767px){
	.chumay-grid{ grid-template-columns:1fr; }
	.chumay-related{ padding:50px 20px; }
	.chumay-related-title h2{font-size:30px;}
}

/*==================================================
  FULL WIDTH
==================================================*/

.chumay-full-width{
    width:100vw;
    position:relative;
    left:50%;
    margin-left:-50vw;
    max-width:none;
}

.chumay-related-wrapper{
    width:100vw;
    position:relative;
    left:50%;
    margin-left:-50vw;
}

.chumay-related{
    width:100%; max-width:1800px; margin:0 auto; padding:80px 50px; }
	
/*==================================================
    FICHA TOUR
==================================================*/

.tour-info{
    display:flex;
    gap:25px;
    align-items:stretch;
    margin:20px 0;
}

/*==================================================
    PANEL IZQUIERDO
==================================================*/

.tour-datos{
    flex:1;
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:18px;
    padding:20px;
}

.tour-datos .vc_acf{
    padding:14px 0;
    border-bottom:1px solid rgba(255,255,255,.12);
    color:#fff;
    font-size:18px;
    font-weight:500;
}

.tour-datos .vc_acf:last-child{
    border-bottom:none;
}

.tour-datos .vc_acf-label{
    display:none;
}

/*==================================================
    ICONOS
==================================================*/

.tour-incluye:before{
    content:"🚌";
    margin-right:12px;
}

.tour-entrada:before{
    content:"🎫";
    margin-right:12px;
}

.tour-grupos:before{
    content:"👥";
    margin-right:12px;
}

.tour-duracion:before{
    content:"🕒";
    margin-right:12px;
}

.tour-temporada:before{
    content:"📅";
    margin-right:12px;
}

/*==================================================
    PANEL PRECIO
==================================================*/

.tour-price{
    width:240px;
    background:rgba(35, 32, 32, 0.92);
    border-radius:18px;
    padding:24px 30px;
    text-align:center;
    box-shadow:0 20px 50px rgba(0,0,0,.25);
}

.tour-price .tour-precio{
    margin:0;
    font-size:45px;
    line-height:1;
    font-weight:800;
    color:#2e8b2f !important;
}

.tour-price .tour-precio:before{
    content:"PROGRAMA DESDE";
    display:block;
    font-size:14px;
    color:#666;
    letter-spacing:2px;
    margin-bottom:12px;
}

.tour-price .tour-precio:after{
    content:"por persona";
    display:block;
    margin-top:12px;
    font-size:18px;
    color:#666;
    font-weight:400;
}

/*==================================================
    TITULO
==================================================*/

.tour-titulo h2{
    color:#fff;
    font-size:54px;
    font-weight:800;
    margin-bottom:15px;
}

.tour-titulo h2:after{
    content:"";
    display:block;
    width:90px;
    height:5px;
    margin-top:18px;
    background:#4ab540;
    border-radius:50px;
}

/*==================================================
    DESCRIPCION
==================================================*/

.tour-descripcion{
    color:#fff;
    font-size:18px;
    line-height:1.9;
    margin-top:40px;
}


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

@media(max-width:991px){

    .tour-info{
        flex-direction:column; }

    .tour-price{
        width:100%; }

}