/* ================================
   EXPERIENCIAS ORGANIKA
================================ */


.experiencias-section{

    min-height:100vh;

    padding:100px 40px;

    background:

    linear-gradient(
        rgba(0,0,0,.75),
        rgba(0,0,0,.85)
    ),

    url("../images/fondo-organika.jpg");

    background-size:cover;

    background-position:center;

    color:white;

}



.experiencias-section h2{

    text-align:center;

    font-size:45px;

    margin-bottom:60px;

    letter-spacing:2px;

    color:#D4A373;

}



/* CONTENEDOR DE TARJETAS */




/* TARJETA */

.experiencia-card img{

    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
    border-radius:18px 18px 0 0;

}



.experiencia-card:hover{


    transform:translateY(-10px);


}




/* IMAGEN */

.experiencia-card img{

    width:100%;
    height:100%;
    object-fit:cover;

}


/* CONTENIDO */


.experiencia-info{


    padding:30px;


}



.experiencia-info h3{


    font-size:30px;


    margin-bottom:15px;


    color:#D4A373;


}



.experiencia-info p{


    line-height:1.7;


    color:#eee;


}



/* LISTA */

.experiencia-info ul{


    padding-left:20px;


    margin:25px 0;


}



.experiencia-info li{


    margin-bottom:10px;


}



/* PRECIO */

.experiencia-info h4{


    font-size:25px;


    color:white;


    margin-top:20px;


}



/* BOTON */


.btn-reservar{


    display:block;


    text-align:center;


    margin-top:25px;


    padding:16px;


    border-radius:15px;


    text-decoration:none;


    background:

    linear-gradient(

    145deg,

    #8B5A2B,

    #5A3518

    );


    color:white;


    font-size:18px;


    font-weight:bold;


    transition:.3s;


}



.btn-reservar:hover{


    transform:translateY(-3px);


    background:

    linear-gradient(

    145deg,

    #B88652,

    #6B4423

    );


}



/* CELULAR */

@media(max-width:768px){


.experiencias-section{

padding:70px 20px;

}



.experiencias-section h2{

font-size:32px;

}


}

.slider-experiencias{

display:flex;

align-items:center;

gap:20px;

max-width:1400px;

margin:auto;

}



.experiencias-container{

display:flex;

gap:30px;

overflow:hidden;

scroll-behavior:smooth;

width:100%;

}



.flecha{


width:55px;

height:55px;


border-radius:50%;


border:none;


background:#8B5A2B;


color:white;


font-size:25px;


cursor:pointer;


display:flex;

align-items:center;

justify-content:center;


}



.flecha:hover{


background:#D4A373;


}



@media(max-width:900px){

.experiencia-card{

flex:0 0 300px;

}



}

.experiencia-card{

    flex:0 0 350px;

    display:flex;

    flex-direction:column;

    height:650px;

    background:rgba(0,0,0,.65);

    border-radius:25px;

    overflow:hidden;

    box-shadow:
    0 20px 40px rgba(0,0,0,.6);

    backdrop-filter:blur(8px);

    transition:.4s;

}


.experiencia-info{

display:flex;

flex-direction:column;

flex:1;

}



.btn-reservar{

margin-top:auto;

}

.experiencia-slider{

height:250px;

width:100%;

overflow:hidden;

}



.slide{

width:100%;

height:250px;

object-fit:cover;

display:none;

animation:fade .8s;

}


.slide.activo{

display:block;

}



@keyframes fade{

from{

opacity:0;

}

to{

opacity:1;

}

}


.slide.activo{

display:block;

}

.experiencia-card:hover{

transform:translateY(-10px);

cursor:pointer;

}