*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}


body{
background:#fff;
}

.bloque-experiencia{

    display:none;

}


.bloque-experiencia.activo{

    display:block;

}

/* =====================
HEADER
===================== */


.header{
position:fixed;
top:0;
left:0;
width:100%;
height:90px;
display:flex;
justify-content:center;
align-items:center;
z-index:1000;
/* transparente encima del banner */

background-color: #006EB7;
backdrop-filter:blur(5px);


}

.logo img{
height:70px;
width:auto;

}



/* =====================
BANNER
===================== */

.hero{
position:relative;
width:100%;
height:700px;
overflow:hidden;
}

.hero img{
width:100%;
height:100%;
object-fit:cover;
}

.hero::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(0,0,0,.65),transparent);
}

.hero-text{
position:absolute;
z-index:2;
left:8%;
top:60%;
transform:translateY(-50%);
color:white;
max-width:500px;
}

.hero-text h1{
font-size:55px;
line-height:1.1;
margin-bottom:20px;
}

.hero-text p{
font-size:22px;
margin-bottom:30px;
}


/* =====================
CARDS
===================== */

.experiencias{

    width:100%;
    background-color:#E5E5E5;
    padding:80px 0;
}

.experiencias-container{

    width:75%;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:70px;
}

.card{
    background:transparent !important;
    border:none !important;
    overflow:hidden;
    border-radius:30px;
    transition:.3s;
}



.card img{
width:100%;
display:block;
}



.card:hover{
transform:translateY(-10px);
}

/* =============================
   EXPERIENCIA LUNA DEL RIO
============================= */


.detalle-experiencia{
    width:100%;
    background-color:#56B8EB;
    padding:100px 0;
}


.detalle-container{
    width:80%;
    margin:auto;
    text-align:center;
}

/* IMAGEN CENTRAL */


.detalle-imagen img{
    width:600px;
    max-width:90%;
}


/* INFORMACION */


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



.info-item{
    color:white;
}



.info-item h3{

    font-size:25px;
    margin-bottom:15px;
}



.info-item p{
    font-size:20px;
}



/* BOTON */


.detalle-compra{
    margin-top:50px;
}



.detalle-compra a{

    display:inline-block;
    padding:15px 45px;
    background:#e91e63;
    color:white;
    text-decoration:none;
    border-radius:30px;
    font-weight:bold;
    transition:.3s;
}



.detalle-compra a:hover{
    transform:scale(1.05);
}


/* DESCRIPCION LUNA DEL RIO */

.Descripcion-Luna-Del-Rio{

    position:relative;
    width:100%;
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-image:url("../img/Fondo-Descripcion-Noche-Del-Rio.png");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}





.descripcion-overlay{

    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.20);
}



/* CONTENIDO */

.descripcion-contenido{

    position:relative;
    z-index:2;
    width:70%;
    max-width:1000px;
    text-align:center;
    color:white;
}



.descripcion-contenido p{

    font-size:22px;
    line-height:1.6;
    font-weight:400;
}

/* TABLA DE PRECIOS */

.precios-section{

    width:100%;
    padding:80px 0;
    background:#56B8EB;
}



.precios-container{

    width:80%;
    max-width:1200px;
    margin:auto;
}



/* TITULO */


.precios-titulo{

    text-align:center;
    margin-bottom:50px;
}



.precios-titulo h2{

    color:white;
    font-size:40px;
    font-weight:700;
    text-transform:uppercase;
}



/* TABLA */


.tabla-wrapper{

    overflow-x:auto;

}



.tabla-precios{

    width:100%;
    border-collapse:collapse;
    background:white;
    border-radius:20px;
    overflow:hidden;
}



/* CABECERA */


.tabla-precios thead{

    background:#e91e63;
    color:white;
}



.tabla-precios th{

    padding:20px;
    font-size:20px;
    text-align:center;
}



/* CONTENIDO */


.tabla-precios td{

    padding:18px;
    text-align:center;
    font-size:18px;
    color:#333;
    border-bottom:1px solid #ddd;
}



/* EFECTO FILAS */


.tabla-precios tbody tr:hover{

    background:#f5f5f5;

}



/* ULTIMA FILA SIN BORDE */

.tabla-precios tbody tr:last-child td{

    border-bottom:none;

}


/* Objetos Prohibidos */

.prohibiciones-section{
    width:100%;
    padding:80px 0;
    background: #098cc6; /* Cambiar según experiencia */
}



.prohibiciones-container{
    width:80%;
    max-width:1200px;
    margin:auto;
}



/* TITULO */


.prohibiciones-titulo{

    text-align:center;
    margin-bottom:50px;

}



.prohibiciones-titulo h2{

    color:white;
    font-size:45px;
    font-weight:700;
}



/* COLUMNAS */


.prohibiciones-grid{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:50px;
	padding-bottom: 20px;
}



/* LISTA */


.lista-prohibiciones{

    background:rgba(255,255,255,0.08);
    padding:35px;
    border-radius:20px;
}



.lista-prohibiciones ul{

    list-style:none;
    padding:0;
    margin:0;

}



.lista-prohibiciones li{

    color:white;
    font-size:20px;
    margin-bottom:20px;
    padding-left:35px;
    position:relative;
}



/* ICONO */

.lista-prohibiciones li::before{

    content:"✦";
    position:absolute;
    left:0;
    top:0;
    color:#ff0055;
    font-size:22px;

}

/* Información Discapacitados */


.texto-info-section{

    width:100%;
    padding:80px 0;
    background:#007199; /* Cambiar color según experiencia */

}



.texto-info-container{

    width:75%;
    max-width:1000px;
    margin:auto;
    text-align:center;
    color:white;

}



.texto-info-container h2{

    font-size:40px;
    font-weight:700;
    margin-bottom:30px;

}



.texto-info-container p{

    font-size:22px;
    line-height:1.7;
    font-weight:400;

}

/* Footer */

.footer-landing{

    width:100%;
    padding:35px 0;
    background:#006EB7;
    border-top:1px solid rgba(255,255,255,0.2);

}



.footer-container{

    width:90%;
    margin:auto;
    text-align:center;
    color:white;

}



.footer-container p{

    margin:8px 0;
    font-size:16px;
    line-height:1.5;

}



.footer-container strong{

    font-weight:700;

}

/* =============================
   EXPERIENCIA CARRUSEL DEL RIO
============================= */


.detalle-experiencia-carrusel{
    width:100%;
    background-color:#FECF10;
    padding:100px 0;
}


.detalle-container-carrusel{
    width:80%;
    margin:auto;
    text-align:center;
}

/* IMAGEN CENTRAL */


.detalle-imagen-carrusel img{
    width:600px;
    max-width:90%;
}


/* INFORMACION */


.detalle-info-carrusel{
    margin-top:50px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}



.info-item-carrusel{
    color:white;
}



.info-item-carrusel h3{

    font-size:25px;
    margin-bottom:15px;
	color: #DC141F;
}

.info-item-carrusel h4{

	color: #00994F;
}

.info-item-carrusel p{
    font-size:20px;
	color: #00994F;
}



/* BOTON */


.detalle-compra-carrusel{
    margin-top:50px;
}



.detalle-compra-carrusel a{

    display:inline-block;
    padding:15px 45px;
    background:#DC141F;
    color:white;
    text-decoration:none;
    border-radius:30px;
    font-weight:bold;
    transition:.3s;
}



.detalle-compra-carrusel a:hover{
    transform:scale(1.05);
}

/* DESCRIPCION CARRUSEL DEL RIO */

.Descripcion-Carrusel-Del-Rio{

    position:relative;
    width:100%;
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-image:url("../img/Fondo-Descripcion-Carrusel-Del-Rio.png");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}





.descripcion-overlay-carrusel{

    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.20);
}



/* CONTENIDO */

.descripcion-contenido-carrusel{

    position:relative;
    z-index:2;
    width:70%;
    max-width:1000px;
    text-align:center;
    color:white;
	padding: 20px 0;
}



.descripcion-contenido-carrusel p{

    font-size:22px;
    line-height:1.6;
    font-weight:400;
}

/* TABLA DE PRECIOS */

.precios-section-carrusel{

    width:100%;
    padding:80px 0;
    background:#FECF10;
}



.precios-container-carrusel{

    width:80%;
    max-width:1200px;
    margin:auto;
}



/* TITULO */


.precios-titulo-carrusel{

    text-align:center;
    margin-bottom:50px;
}



.precios-titulo-carrusel h2{

    color:#00954E;
    font-size:40px;
    font-weight:700;
}



/* TABLA */


.tabla-wrapper-carrusel{

    overflow-x:auto;

}



.tabla-precios-carrusel{

    width:100%;
    border-collapse:collapse;
    background:white;
    border-radius:20px;
    overflow:hidden;
}



/* CABECERA */


.tabla-precios-carrusel thead{

    background:#DC141F;
    color:white;
}



.tabla-precios-carrusel th{

    padding:20px;
    font-size:20px;
    text-align:center;
}



/* CONTENIDO */


.tabla-precios-carrusel td{

    padding:18px;
    text-align:center;
    font-size:18px;
    color:#333;
    border-bottom:1px solid #ddd;
}



/* EFECTO FILAS */


.tabla-precios-carrusel tbody tr:hover{

    background:#f5f5f5;

}



/* ULTIMA FILA SIN BORDE */

.tabla-precios-carrusel tbody tr:last-child td{

    border-bottom:none;

}

/* Ten en Cuenta */

.prohibiciones-section-carrusel{
    width:100%;
    padding:80px 0;
    background: #eabd00; /* Cambiar según experiencia */
}



.prohibiciones-container-carrusel{
    width:80%;
    max-width:1200px;
    margin:auto;
}



/* TITULO */


.prohibiciones-titulo-carrusel{

    text-align:center;
    margin-bottom:50px;

}



.prohibiciones-titulo-carrusel h2{

    color:#DC141F;
    font-size:45px;
    font-weight:700;
}



/* COLUMNAS */


.prohibiciones-grid-carrusel{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:50px;
	padding-bottom: 20px;
}



/* LISTA */


.lista-prohibiciones-carrusel{

    background:rgba(255,255,255,0.08);
    padding:35px;
    border-radius:20px;
}



.lista-prohibiciones-carrusel ul{

    list-style:none;
    padding:0;
    margin:0;

}



.lista-prohibiciones-carrusel li{

      color:#039B29;
    font-size:20px;
    margin-bottom:20px;
    padding-left:35px;
    position:relative;
}



/* ICONO */

.lista-prohibiciones-carrusel li::before{

    content:"✦";
    position:absolute;
    left:0;
    top:0;
    color:#ff0055;
    font-size:22px;

}

/* =============================
   EXPERIENCIA SAFARI NOCTURNO
============================= */


.detalle-experiencia-safari{
    width:100%;
    background-image: url("../img/Fondo-Safari-Nocturno.png");
    padding:100px 0;
}


.detalle-container-safari{
    width:80%;
    margin:auto;
    text-align:center;
}


/* IMAGEN CENTRAL */


.detalle-imagen-safari img{
    width:600px;
    max-width:90%;
}


/* INFORMACION */


.detalle-info-safari{
    margin-top:50px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}



.info-item-safari{
    color:white;
}



.info-item-safari h3{

    font-size:25px;
    margin-bottom:15px;
	color: #47D91E;
}

.info-item-safari h4{

	color: #ffffff;
}

.info-item-safari p{
    font-size:20px;
	color: #ffffff;
}



/* BOTON */


.detalle-compra-safari{
    margin-top:50px;
}



.detalle-compra-safari a{

    display:inline-block;
    padding:15px 45px;
    background:#47D91E;
    color: black;
    text-decoration:none;
    border-radius:30px;
    font-weight:bold;
    transition:.3s;
}



.detalle-compra-safari a:hover{
    transform:scale(1.05);
}

/* DESCRIPCION safari nocturno */

.Descripcion-safari{

    position:relative;
	border-top: 7px solid #F20587;
	border-bottom: 7px solid #F20587;
    width:100%;
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-image:url("../img/Fondo-Descripcion-Safari-Nocturno.png");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}





.descripcion-overlay-safari{

    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.20);
}



/* CONTENIDO */

.descripcion-contenido-safari{

    position:relative;
    z-index:2;
    width:70%;
    max-width:1000px;
    text-align:center;
    color:white;
	padding: 20px 0;
}



.descripcion-contenido-safari p{

    font-size:22px;
    line-height:1.6;
    font-weight:400;
}

/* TABLA DE PRECIOS */

.precios-section-safari{

    width:100%;
    padding:80px 0;
    background:#d08b0c;
}



.precios-container-safari{

    width:80%;
    max-width:1200px;
    margin:auto;
}



/* TITULO */


.precios-titulo-safari{

    text-align:center;
    margin-bottom:50px;
}



.precios-titulo-safari h2{

    color:white;
    font-size:40px;
    font-weight:700;
}



/* TABLA */


.tabla-wrapper-safari{

    overflow-x:auto;

}



.tabla-precios-safari{

    width:100%;
    border-collapse:collapse;
    background:white;
    border-radius:20px;
    overflow:hidden;
}



/* CABECERA */


.tabla-precios-safari thead{

    background:#F20587;
    color: white;
}



.tabla-precios-safari th{

    padding:20px;
    font-size:20px;
    text-align:center;
}



/* CONTENIDO */


.tabla-precios-safari td{

    padding:18px;
    text-align:center;
    font-size:18px;
    color:#333;
    border-bottom:1px solid #ddd;
}



/* EFECTO FILAS */


.tabla-precios-safari tbody tr:hover{

    background:#f5f5f5;

}



/* ULTIMA FILA SIN BORDE */

.tabla-precios-safari tbody tr:last-child td{

    border-bottom:none;

}

/* Ten en Cuenta */

.prohibiciones-section-safari{
    width:100%;
    padding:80px 0;
    background: #b3770a; /* Cambiar según experiencia */
}



.prohibiciones-container-safari{
    width:80%;
    max-width:1200px;
    margin:auto;
}



/* TITULO */


.prohibiciones-titulo-safari{

    text-align:center;
    margin-bottom:50px;

}



.prohibiciones-titulo-safari h2{

    color:white;
    font-size:45px;
    font-weight:700;
}



/* COLUMNAS */


.prohibiciones-grid-safari{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:50px;
	padding-bottom: 20px;
}



/* LISTA */


.lista-prohibiciones-safari{

    background:rgba(255,255,255,0.08);
    padding:35px;
    border-radius:20px;
}



.lista-prohibiciones-safari ul{

    list-style:none;
    padding:0;
    margin:0;

}



.lista-prohibiciones-safari li{

      color:white;
    font-size:20px;
    margin-bottom:20px;
    padding-left:35px;
    position:relative;
}

.lista-prohibiciones-safari p{

      color:white;
    font-size:20px;
    text-align: center;
}



/* ICONO */

.lista-prohibiciones-safari li::before{

    content:"✦";
    position:absolute;
    left:0;
    top:0;
    color:#F20587;
    font-size:22px;

}

/* =====================
MOBILE
===================== */



@media(max-width:768px){

.header{
height:70px;
}

.logo img{
height:50px;
}

.hero{
height:550px;
}

.hero-text{
left:25px;
right:25px;
top:55%;
}



.hero-text h1{
font-size:35px;
}

.hero-text p{
font-size:18px;
}

.experiencias{
padding:50px 0;
}

.experiencias-container{
width:90%;
display:flex;
overflow-x:auto;
gap:25px;
padding-bottom:20px;
scroll-snap-type:x mandatory;
-webkit-overflow-scrolling:touch;
}

.card{
flex:0 0 85%;
 scroll-snap-align:center;
}


.experiencias-container::-webkit-scrollbar{
display:none;
}

.experiencias-container{
scrollbar-width:none;
}
	
/* =============================
   EXPERIENCIA LUNA DEL RIO
============================= */	

.detalle-container{

    width:90%;

}


.detalle-info{

    grid-template-columns:1fr;

    gap:25px;

}


.detalle-imagen img{

    width:300px;

}


.info-item h3{

    font-size:20px;

}


.info-item p{

    font-size:18px;

}
	
/* DESCRIPCION LUNA DEL RIO */
	
.Descripcion-Luna-Del-Rio{

    min-height:450px;

}



.descripcion-contenido{

    width:90%;
	padding: 20px 0;

}


.descripcion-contenido p{

    font-size:17px;

    line-height:1.5;

}
	
/* TABLA DE PRECIOS LUNA DEL RIO */
	
.precios-section{

    padding:50px 0;

}



.precios-container{

    width:90%;

}



.precios-titulo h2{

    font-size:28px;

}

.tabla-precios th{

    padding:15px 10px;

    font-size:15px;

}



.tabla-precios td{

    padding:14px 10px;

    font-size:14px;

}
	
/* Objetos Prohibidos */
	
.prohibiciones-section{

    padding:50px 0;

}



.prohibiciones-container{

    width:90%;

}



.prohibiciones-titulo h2{

    font-size:28px;

}



.prohibiciones-grid{

    grid-template-columns:1fr;

    gap:25px;

}



.lista-prohibiciones{

    padding:25px;

}



.lista-prohibiciones li{

    font-size:16px;

    margin-bottom:15px;

}
	
/* Texto Personas con discapacidad */
	
	
.texto-info-section{

    padding:50px 0;

}



.texto-info-container{

    width:90%;

}



.texto-info-container h2{

    font-size:30px;

    margin-bottom:20px;

}



.texto-info-container p{

    font-size:16px;

    line-height:1.6;

}
	
	
/* =============================
   EXPERIENCIA CARRUSEL DEL RIO
============================= */	

.detalle-container-safari{

    width:90%;

}


.detalle-info-safari{

    grid-template-columns:1fr;

    gap:25px;

}


.detalle-imagen-safari img{

    width:300px;

}


.info-item-safari h3{

    font-size:20px;

}


.info-item-safari p{

    font-size:18px;

}
	
/* DESCRIPCION CARRUSEL DEL RIO */
	
.Descripcion-safari{

    min-height:450px;

}



.descripcion-contenido-safari{

    width:90%;
	padding: 20px 0;

}


.descripcion-contenido-safari p{

    font-size:17px;

    line-height:1.5;

}
	
/* TABLA DE PRECIOS CARRUSEL DEL RIO */
	
.precios-section-safari{

    padding:50px 0;

}



.precios-container-safari{

    width:90%;

}



.precios-titulo-safari h2{

    font-size:28px;

}

.tabla-precios-safari th{

    padding:15px 10px;

    font-size:15px;

}



.tabla-precios-safari td{

    padding:14px 10px;

    font-size:14px;

}
	
/* Ten en Cuenta */
	
.prohibiciones-section-safari{

    padding:50px 0;

}



.prohibiciones-container-safari{

    width:90%;

}



.prohibiciones-titulo-safari h2{

    font-size:28px;

}



.prohibiciones-grid-safari{

    grid-template-columns:1fr;

    gap:25px;

}



.lista-prohibiciones-safari{

    padding:25px;

}



.lista-prohibiciones-safari li{

    font-size:16px;

    margin-bottom:15px;

}
	
	
/* =============================
   EXPERIENCIA SAFARI NOCTURNO
============================= */	

.detalle-container-safari{

    width:90%;

}


.detalle-info-safari{

    grid-template-columns:1fr;

    gap:25px;

}


.detalle-imagen-safari img{

    width:300px;

}


.info-item-safari h3{

    font-size:20px;

}


.info-item-safari p{

    font-size:18px;

}
	
/* DESCRIPCION SAFARI NOCTURNO */
	
.Descripcion-safari{

    min-height:450px;

}



.descripcion-contenido-safari{

    width:90%;
	padding: 20px 0;

}


.descripcion-contenido-safari p{

    font-size:17px;

    line-height:1.5;

}
	
/* TABLA DE PRECIOS SAFARI NOCTURNO */
	
.precios-section-safari{

    padding:50px 0;

}



.precios-container-safari{

    width:90%;

}



.precios-titulo-safari h2{

    font-size:28px;

}

.tabla-precios-safari th{

    padding:15px 10px;

    font-size:15px;

}



.tabla-precios-safari td{

    padding:14px 10px;

    font-size:14px;

}
	
/* Ten en Cuenta */
	
.prohibiciones-section-safari{

    padding:50px 0;

}



.prohibiciones-container-safari{

    width:90%;

}



.prohibiciones-titulo-safari h2{

    font-size:28px;

}



.prohibiciones-grid-safari{

    grid-template-columns:1fr;

    gap:25px;

}



.lista-prohibiciones-safari{

    padding:25px;

}



.lista-prohibiciones-safari li{

    font-size:16px;

    margin-bottom:15px;

}
	



}