/* Responsive nueva web */

/* Home */
@media(max-width:1600px){
    div.box-ico-category > a > label{
        font-size:12px;
    }
}

@media(max-width:1500px){
    div.title-box-municipio{
        position:relative;
        transform:none;
        width:100%;
        left:0px;
        top:0px;
    }
    hr.separador-municipios{
        margin-bottom:0px;
    }
    #presentacion-municipio .box-right-municipio{
        padding-top:0px;
    }
}
@media(max-width: 1450px){
    div.title-block-destacada-home > h2{
        width:250px;
    }
    div.title-block-destacada-home > hr{
        width:60px;
    }
    div.info-box-block > div{
        padding:30px 50px 30px 110px;
    }   
    div.box-zona-recomendado{
        flex-direction:column-reverse;
        margin-top:20px;
    }
}

@media (max-width:1380px){
    div.img-box-grid-restaurante > a > img{
        height:350px;
    }
}

@media(max-width: 1350px){
    .grid-block-1{
        grid-template-columns: repeat(3, 0.7fr);
    }
    div.img-box-grid-restaurante > img{
        height:350px;
    }
    div.box-grid-restaurante > div.img-box-grid-restaurante{
        height:350px;
    }
}

@media(max-width: 1220px){
    .grid-block-1{
       grid-column-gap: 10px;
    }
    #left-block-1 > p{
        line-height:normal;
    }
    div.title-block-destacada-home > h2{
        width:215px;
    }
    footer > div.ancho-limitado-new{
        padding-bottom:18%;
    }
}

@media(max-width:1200px){
    div.left-zona-inicio-destacada > img{
        width:75px;
    }
    div#box-categories-page > div.ancho-limitado-new{
        flex-wrap:wrap;
        gap:25px;
    }
    div.box-ico-category{
        padding:0px 1vw 0px 2vw;
        max-width:130px;
    }
}

@media(max-width:1150px){
    div.left-title-page-categorias > h1{
        font-size:2vw;
    }
}

@media(max-width:1050px){
    div.content-page-categorias{
        flex-direction:column;
    }
    div.content-page-categorias > label{
        font-size:5vw;
    }
}

@media(max-width:1024px){
    div.title-block-destacada-home > hr{
        display:none;
    }
    div#content-block-destacada-home{
        flex-direction:column;
    }
    div#zona-inicio-destacada{
        margin-bottom:40px;
    }
    div.title-block-destacada-home{
        width:100%;
    }
    div.title-block-destacada-home > h2{
        width:98%;
    }
    div#content-footer{
        flex-wrap:wrap;
        gap:10px;
    }
    div#content-footer > div.box-footer:nth-child(1){
        flex-basis:100%;
        margin-bottom:20px;
        text-align:center;
    }
    div#content-footer > div.box-footer:nth-child(1) > p{
        text-align:center;
        margin-top:15px;
        margin-bottom:20px;
    }
    #copyright{
        padding:20px 0px 10px 0px;
    }
    div#content-footer > div.box-footer:last-child{
        flex-basis:100%;
        text-align: center;
        margin:40px auto;
    }
    #presentacion-municipio .box-left-municipio img{
        height:400px;
    }
    #presentacion-municipio .ancho-limitado-new{
        flex-direction:column;
    }

    /* Arreglo asociados galeria altura */
    div#galeria-asociado{
        height:350px !important;
    }    
    div.galeria-asociado-item > img{
        height:350px; 
    }
    
}

@media(max-width:900px){
    #mostrar-menu{
       margin-bottom:0px !important;
    }
    div#content-footer > div.box-footer > h4.title ,div#content-footer > div.box-footer > h4.subtitle{
        font-size:17px;
    }
    div.box-footer > ul > li > a{
        font-size:15px;
    }
    #info-categoria-asociado{
        flex-direction:column;
    }
    .box-info-catasociado:first-child > img{
        height:auto;
    }

    div.right-contenido-asociado{
        flex-direction:column;
        margin-bottom:30px;
    }
}

@media(max-width:830px){
    div#content-footer > div.box-footer{
        flex-basis:47%;
    }
    div.right-contenido-asociado{
        padding:0px 5px;
    }
}

@media(max-width: 800px){
    div#zona-menu-header > nav#menu-superior-new{
        display:none;
    }
    #panel-derecho-menu > div > form > input{
        width:140px;
    }
    /* Responsive Menú Movil */
    .menu-container.active{
        width:60vw;
    }
    div.title-page-categorias{
        flex-direction:column;
    }
    div.left-title-page-categorias > hr{
        display:none;
    }
    div.left-title-page-categorias{
        flex-basis:100%;
        justify-content: center;
        margin-bottom:20px;
    }
    div.box-zona-recomendado > label{
        font-size:10vw;
    }
    img.img-zona-recomendado{
        width:100%;
    }
    div.left-title-page-categorias > h1{
        font-size:5vw;
    }
    div.content-page-categorias > label{
        font-size:7vw;
    }
    div.content-page-categorias > h2{
        text-align:center;
        margin:20px auto;
    }
    div#box-categories-page > div.ancho-limitado-new{
        padding-top:0px;
    }
    div#grid-restaurantes-box{
        padding:0px 25px;
    }
}

@media(max-width:650px){
    ul.list-presentacion-asociado{
        flex-wrap:wrap;
        flex-direction:column;
    }
    ul.list-presentacion-asociado > li{
        flex:0 0 100%;
        flex-direction:row;
        align-items:center;
        gap:5px;
        background-color:#f8f8f8;
        margin-bottom:5px;
    }
}


/* Navegación Movil */
@media(max-width:600px){

    div.box-gris-info > span.icon{
        line-height:25px;
    }

    div.box-gris-info > a{
        display:block;
        margin-bottom:20px;
    }

    div#barra-movil{
        display:block;
    }
   #panel-derecho-menu{
    display:none;
    }
    header > div.ancho-limitado-new > div.flex{
        flex-direction:row-reverse;
    }
    header > div.ancho-limitado-new > div.flex > div#zona-menu-header{
        flex-basis:auto;
    }

    div#home-block-1 > div.ancho-limitado-new > div.flex-nocenter{
        flex-direction:column;
    }
    #left-block-1 > h1{
        padding-top:0px;
        font-size:45px;
    }
    #left-block-1 > p{
        font-size:19px;
    }
    .grid-block-1{
        grid-template-columns: repeat(2,0.7fr);
    }
    div.right-zona-inicio-destacada{
    display:none;
    }
    div.left-zona-inicio-destacada{
        flex-basis:100%;
        text-align:center;
    }
    div.left-zona-inicio-destacada > h3{
        font-size:57px;
        margin-top:40px;
    }
    div.left-zona-inicio-destacada > img{
        display:none;
    } 

    section#block-movil-home-type{
        display:block;
    }

    section#block-destacada-home{
        display:none;
    }

    div.text-overlay-image-box-movil > h2{
        font-size:clamp(1rem,5vw,2rem);
        font-family:var(--avenir);
    } 
    section#listado{
        padding:0px 35px;
        box-sizing:border-box;
    }
    #single-blog > .ancho-limitado{
        padding:40px 30px;
        box-sizing:border-box;
    }
    div#map{
        width:85%;
        margin:0px auto;
    }
    div#block-mapa-municipio{
        padding:0px 40px;
        box-sizing:border-box;
        margin:0 auto;
        width:100%;
    }
    .box-info-catasociado:last-child{
        padding-left:0px;
    }
    div#children-categories-movil{
        display:block;
    }
    div#box-categories-page{
        -display:none;
        margin-top:50px;
        margin-bottom:20px;
    }

   div.box-ico-category{
    border-left:none;
    max-width:150px;
   }

   div.box-ico-category:last-child{
        border-right:none;
   }

    div.box-ico-category > a{
        flex-direction:row;
        gap:15px;
    }
    div#box-categories-page-movil{
        height:450px;
        overflow:scroll;
    }
    div#box-categories-page-movil > .ancho-limitado-new {
        gap:20px;
    }
    div.box-ico-category > a > label{
        text-align:left;
    }

}

@media(max-width:550px){
    #menu-movil-nav a{
        font-size:17px;
    }
}

@media(max-width:500px){
    div#grid-restaurantes-box > div.ancho-limitado-new > div.box-grid-restaurante{
        width:85vw;
    }
    div.content-page-categorias > label{
        font-size:10vw;
    }
    div.title-page-categorias{
        margin-bottom:0px;
    }
}