@media screen and (max-width: 768px) {
/*-------------------- explorar el parque ------------------------*/
    #header_image {
        display: none;
    }
    #header_middle_img {
        display: none;
    }
    #explorar-main-1-a > p {
        font-size:16px;
        line-height:26px;
    }
    #explorar-main-1-b {
        flex-direction: column;
    }
    #explorar-main-1-b > div > span {
        font-size:26px;
        text-align: center;
    }
    #explorar-main-1-b > div > p {
        font-size:18px;
        line-height:32px;
    }
    #explorar-main-1-b > div:nth-child(2) > ul {
        font-size:18px;
        line-height: 26px;
    }
    #explorar-main-1-b > div:nth-child(3) > p {
        line-height: 26px;
    }
    #explorar-main-1-b > div:nth-child(3) > ul {
        font-size:18px;
        line-height: 26px;
    }
    #explorar-main-2 > div:nth-child(1) {
        width: 250px;
        font-size: 46px;
    }
    .explorar-main-2-wrapper {
        flex-direction: column;
    }
    .explorar-main-2-a {
        letter-spacing: 5px;
        font-size:45px;
    }
    .explorar-main-2-aa {
        letter-spacing: 5px;
        font-size:45px;
    }
    .explorar-main-2-b {
        font-size:18px;
    }
    .explorar-main-2-c {
        width: calc(100%-40px);
        text-align: center;
        font-size:20px;
        letter-spacing:2px;
        padding: 3% 20px 3% 20px; 
    }
    #explorar_galerias_container {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: unset;
        align-items: unset;
    }
    #explorar-mapa {
        flex:1;
    }
    #explorar-mapa > div > h1 {
        font-size: 32px;
    }
    #explorar-galerias {
        flex:1;
    }
    #explorar-galerias > div > h1 {
        font-size: 32px;
    }
    .explorar-main-3-row {
        flex-direction: column;
    }
    .explorar-main-3-column:nth-child(1) {
        padding-right: 0;
    }
    .explorar-main-3-column:nth-child(2) {
        padding-left: 0;
    }
    .explorar-main-3-column:nth-child(3) {
        padding-right: 0;
    }
    .explorar-main-3-column:nth-child(4) {
        padding-left: 0;
    }
    .explorar-main-3-column:nth-child(5) {
        padding-right: 0;
    }
    .explorar-main-3-column:nth-child(6) {
        padding-left: 0;
    }

    .contenido_explorar_cuadro_izq {
        top: 25%;
    }
    .contenido_explorar_cuadro_izq h1 {
        font-size: 20px;
    }
    .contenido_explorar_cuadro_izq button {
        font-size: 16px;
    }
    .contenido_explorar_cuadro_der {
        top: 25%;
    }
    .contenido_explorar_cuadro_der h1 {
        font-size: 20px;
    }
    .contenido_explorar_cuadro_der button {
        font-size: 16px;
    }
/*-------------------- agencia de experiencias -----------------------*/
   #header_image {
       display: none;
   }
   #agencia-experiencia-main-1-container-a {
        padding: 5% 5% 1% 5%;
    }
    #agencia-experiencia-main-1-container-a > p {
        font-size: 18px;
    }
    #agencia-experiencia-main-1-container-a > h1 {
        font-size: 28px;
    }
    .agencia-experiencia-main-item {
        flex-direction: column;
        justify-content: unset;
        align-items: unset;
    }
    .item-izq-1-a {
        padding-left: 0;
    }
    .item-izq-1-a h1 {
        font-size: 26px;
    }
    .item-izq-1-a span {
        font-size: 28px;
    }
    .item-izq-1-b p {
        font-size: 26px;
        margin-right: 0;
    }
    .item-izq-1-b span {
        font-size: 28px;
        padding: 5px;
    }
    .item-izq-1-c p {
        font-size: 26px;
        margin-right: 0;
    }
    .item-izq-1-c-psmall {
        font-size: 20px;
        margin-right: 5px;
        padding-left: 15px;
    }
    .item-izq-1-c-pnormal {
        font-size: 30px;
        padding: 5px;
    }
    .agencia-experiencia-main-item-b {
        flex-direction: column;
        justify-content: unset;
        align-items: unset;
    }
    .agencia-experiencia-main-item-izq-b {
        flex: 100%;
    }
    .item-izq-1-a-b {
        flex-direction: column;
        justify-content: flex-start;
        align-items:flex-start;
        padding-left: 0;
    }
    .item-izq-1-a-b h1 {
        font-size: 26px;
    }
    .item-izq-1-a-b span {
        font-size: 30px;
        margin-right: 0;
    }
    .item-izq-1-a-c > ul > li {
        padding-left: 45px;
        font-size: 18px;
        line-height:15px;
        padding-left: 25px;
    }
    /*-------------------- comunidades ------------------------*/
    #comunidad-main-1-container {
        margin: 0;
    }
    #comunidad-main-1-container-a {
        margin:0;
    }
    #comunidad-main-1-container-a > h1 {
        font-size: 40px;
    }
    .blog-item {
        gap: 4px;
        width: 95%;
        margin-bottom: 10px;
    }
    
    #comunidad-main-2-container-a {
        margin: 2%;
    }
    #comunidad-main-2-container-a > h1 {
        padding:0;
        margin: 0 0 0 0;
        font-size: 40px;
    }
    #comunidad-main-2-container-a > p{
        font-size: 16px;
        line-height: 20px;
    }
    #comunidad-main-2-container-a  div  button {
        margin-top: 2%;
        padding: 10px 22px 10px 22px;
        font-size: 13px;
    }
    
    #comunidad-main-3-container {
        margin: 2%;
    }
    #comunidad-main-3-container h1 {
        font-size: 40px;
    }
    #comunidad-main-3-container p {
        font-size: 18px;
        line-height: 22px;
    }
    
    #comunidad-main-4-container {
        margin: 2%;
    }
    #comunidad-main-4-container h1 {
        font-size: 40px;
    }
    #comunidad-main-4-container p {
        font-size: 18px;
        line-height: 22px;
    }
    #comunidad-main-4-container div button {
        padding: 10px 22px 10px 22px;
        font-size: 13px;
    }
    #comunidad-main-5-container {
        margin: 2%;
    }
    #comunidad-main-5-container h1 {
        font-size: 40px;
    }
    #comunidad-main-5-container p {
        font-size: 18px;
        line-height: 22px;
    }
    #comunidad-main-5-container div button {
        padding: 10px 22px 10px 22px;
        font-size: 13px;
    }
    /*-------------------- restaurante ------------------------*/
    #restaurante-main-1-container-a {
        padding: 5% 3% 1% 3%;
    }
    #restaurante-main-1-container-a {
        padding: 5% 3% 1% 3%;
    }
    #restaurante-main-1-container-a > p {
        font-size: 18px;
        line-height: 22px;
    }
    #restaurante-main-1-container-a > h1 {
        font-size: 40px;
    }
    .restaurante_item-izq-1 h1 {
        font-size: 20px;
    }
    .restaurante_item-izq-1 span {
        font-size: 30px;
        margin-right: 0;
    }
    .restaurante_item-izq-1 button {
        margin-right: 0;
    }
    .restaurante_item-izq-2  {
        margin-left:0;
        margin-right: 0;
        padding-left: 0;
    }
    .restaurante_item-izq-2 div {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .restaurante_item-izq-2 label {
        font-size: 18px;
    }
    .restaurante_item-izq-2 input[type="text"] {
        padding: 10px;
    }
    .restaurante_item-izq-3 {
        margin-top: 10px;
    }
    .restaurante_item-izq-3 p {
        font-size: 18px;
        margin-left: 10px;
    }
    .restaurante_item-izq-3 ul {
        margin-top: 10px;
        margin-left: 15px;
    }
    .restaurante_item-izq-3 ul li {
        font-size: 18px;
        line-height:20px;
        padding-left: 30px;
        margin-bottom: 10px;
    }
    .restaurante-main-item-der  {
        flex: 50%;
        padding-left: 0;
    }
    .restaurante-main-item-der img {
        width: 90%;
    }
    /*-------------------- eventos ------------------------*/
    .eventos-main-item {
        flex-direction: column;
        justify-content: unset;
        align-items: unset;
    }
    .eventos-main-item-izq1  {
        background-image:unset;
        background-repeat: unset;
        background-size: unset;
        height: 50vw;
        flex: 100%;
    }

    #eventos-main-1-container-a {
        padding: 5% 5% 1% 5%;
    }
    #eventos-main-1-container-a {
        padding: 5% 5% 1% 5%;
    }
    #eventos-main-1-container-a > p {
        font-size: 18px;
        line-height: 26px;
    }
    #eventos-main-1-container-a > h1 {
        font-size: 26px;
    }
    .eventos_item-izq1-a {
        padding-left: 0;
    }
    .eventos_item-izq1-a h1 {
        font-size: 18px;
    }
    .eventos_item-izq1-a button {
        padding: 10px 16px 10px 16px;
    }
    #eventos-main-1-container-b {
        padding: 25px 0 25px 0;
    }
    .eventos_item-izq1-b {
        position: static;
        padding: 15px;
        top:0;
    }
    .eventos_item-izq1-b p {
        font-size:16px;
        line-height:22px;
    }
    .eventos-main-item-der1  {
        background-image:unset;
        background-repeat: unset;
        background-size: unset;
        height: 50vw;
        flex: 100%;
    }
    .eventos-main-item-der1-1 {
        position:static;
        font-size: 20px;
        padding: 8px;
        top: unset;
        bottom: unset;
    }



    .eventos-main-item-izq2  {
        background-image:none;
        background-repeat: unset;
        background-size: unset;
        position: static;
        flex: 100%;
    }
    .eventos-main-item-der2  {
        background-image:none;
        background-repeat: unset;
        background-size: unset;
        position: static;
        flex: 100%;
    }
    .eventos_item-der2-1 {
        border: 2px solid var(--bg-color-aqua);
        flex-direction: column;
        justify-content: unsafe;
        align-items:unset;
        padding-left: 0;
        margin-bottom: 15px;
    }
    .eventos_item-der2-1 h1 {
        font-size: 18px;
    }
    .eventos_item-der2-2 {
        position: unset;
        top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .eventos_item-der2-2 p {
        font-size:16px;
        line-height:22px;
    }
    .eventos_item-der2-2 ul li {
        font-size:18px;
    }
    .eventos_item-der2-2 ul li:before {
        content:"·";
        font-size:80px;
        line-height:22px;
    }
    .eventos_item-der2-3 {
        position: static;
        top: 0;
        right: 0;
        bottom: 5%;
    }
    .eventos_item-der2-3 button {
        padding: 11px 15px 11px 15px;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 5px;
    }



    .eventos-main-item-izq3  {
        background-image:none;
        background-repeat: unset;
        background-size: unset;
        height: 50vw;
        position: static;
        flex: 100%;
    }
    .eventos_item-izq3-a {
        flex-direction: column;
        justify-content: unset;
        align-items:unset;
        padding-left: 0;
        margin-bottom: 10px;
    }
    .eventos_item-izq3-a h1 {
        font-size: 18px;
    }
    .eventos_item-izq3-a button {
        padding: 10px 15px 10px 15px;
        margin-left: 120px;
        margin-right: 120px;
    }
    .eventos_item-izq3-b {
        position: static;
        padding: 10px;
        top: 0;
    }
    .eventos_item-izq3-b p {
        font-size:16px;
        line-height:22px;
    }
    .eventos-main-item-der3  {
        background-image:none;
        background-repeat: unset;
        background-size: unset;
        height: 50vw;
        position: static;
        flex: 100%;
    }
    
    .eventos_item-der3-1 {
        position: static;
        top: 0;
        left: 0;
        bottom: 0;
    }
    .eventos_item-der3-1 button {
        padding: 10px 15px 10px 15px;
    }

    .eventos-main-item-c1 h1 {
        font-size: 20px;
    }
    .eventos-main-item-c1 h2 {
        font-size: 28px;
        padding: 10px;
    }
    /*-------------------- zona camping ---------------------*/
    #zona-camping-main-1-container-a {
        padding: 5% 3% 5% 3%;
    }
    #zona-camping-main-1-container-a > p {
        font-size: 18px;
        line-height: 22px;
    }
    #zona-camping-main-1-container-a > h1 {
        font-size: 20px;
    }
    .zona-camping-main-item-izq  div h1 {
        font-size: 22px;
    }
    .zona-camping-main-item-izq  div span {
        font-size: 16px;
    }
    .zona-camping-main-item-der  div h1 {
        font-size: 22px;
    }
    .zona-camping-main-item-der  div span {
        font-size: 16px;
    }
    /*-------------------- blog ---------------------*/
    #blog_header {
        margin: 1% 2% 0 2%;
    }
    #blog_header > h1 {
        font-size: 50px;
    }
    #blog_main {
        margin: 2% 0 0 2%;
        flex-direction: column;
        align-items: unset;
    }
    .blog_data_entrie {
        margin-bottom: 10%;
        flex-direction: column;
    }
    .blog_data_entrie > div:nth-of-type(1) {
        width: 50%;
    }
    .blog_data_entrie > div:nth-of-type(2) {
        width: 100%
    }
    .blog_data_entrie > div:nth-of-type(1) > div > a > img {
        width: 110px;
        width: 110px;
        border: solid 2px var(--bg-color-aqua);
    }
    .blog_data_entrie > div:nth-of-type(2) > div:nth-of-type(2) > span > a {
        font-size: 22px;
    }
    .blog_data_entrie > div:nth-of-type(2) > div:nth-of-type(3) {
        font-size: 14px;
    }
    /*-------------------- pistas ---------------------*/
    #pistas-main-1-container {
        margin: 1% 0 1% 0;
    }
    #pistas-main-1-container-a {
        width: 100%;
    }
    .pistas-item-1-a {
        margin-left: 0;
        margin-bottom: 5%;
        background: var(--bg-color-orange);
        width: 100%;
        flex-direction: column;
        justify-content: unset;
    }
    .pistas-item-1-a div:nth-child(1) {
        flex: 100%;
    }
    .pistas-item-1-a div:nth-child(2) {
        flex: 100%;
    }
    .pistas-item-1-a div:nth-child(1) h1 {
        font-size: 32px;
    }
    .pistas-item-1-a div:nth-child(1)  p{
        margin-left: 2%;
        margin-right: 2%;
        margin-bottom: 5%;
        font-size: 16px;
    }

    .pistas-item-1-b {
        /* margin-right: 5%;
        margin-bottom: 5%; */
        background: var(--bg-color-orange);
        background-position: unset;
        background-size: unset;
        background-repeat: unset;
        flex-direction: column;
        justify-content: unset;
        align-items: unset;
    }
    .pistas-item-1-b div:nth-child(1) {
        flex: 100%;
    }
    .pistas-item-1-b div:nth-child(2) {
        flex: 100%;
    }
    .pistas-item-1-b div:nth-child(1) img {
        width: 100%;
    }
    .pistas-item-1-b div:nth-child(2) h1 {
        font-size: 32px;
    }
    .pistas-item-1-b div:nth-child(2)  p{
        color: var(--font-color-white);
        margin-left: 2%;
        margin-right: 2%;
        margin-top: 2%;
        margin-bottom: 5%;
        font-size: 16px;
    }
    /*-------------------- nuestro equipo ---------------------*/
    #redes_comunidad {
        display: none;
    }
    #comunidad-main-1-container {
        flex-direction: column !important;
    }
    #comunidad-main-1-container-a {
        flex: 100%;
        padding:50px 0 50px 0;
    }
    .comunidad-profile-item > div > h1 {
        font-size: 16px !important;
    }
    .comunidad-profile-item > div > h2 {
        font-size: 12px !important;
    }

    #c_b_txt1 {
        font-size: 45px;
    }
    #c_b_txt2 {
        font-size: 45px;
    }
    #c_b_txt3 {
        font-size: 45px;
    }

    .modal_cli {
        z-index: 999999999999;
        width: 95%;
        height: 95%;
        left: 50%; 
    }

    .modal_tar {
        z-index: 999999999999;
    }
    .modal_res {
        z-index: 999999999999;
    }
    .modal_cal {
        z-index: 999999999999;
    }
}
@media screen and (min-width: 1400px) {
    
    .modal_con {
        z-index: 999999999999;
        width: 45%;
        height: 60%;
    }
    .modal_cli {
        height: 65%;
    }
    .modal_tar {
        z-index: 999999999999;
    }
    .modal_res {
        z-index: 999999999999;
    }
    .modal_cal {
        z-index: 999999999999;
    }

}