.subheader{
    width:100%;
    background-image: url("https://portal5.eprinsa.es/wp-content/uploads/2025/07/fondo-cabecera-arc-mun-01.jpg");
    max-height:120px;
    margin-top: 0px;
   
}


.subheader__content{
    max-width:1080px;
    margin: auto;
    display:flex;
    flex-flow:column ;
    justify-content: center;
    

}





.subheader__titulo{
    
   

    display:flex;
    
    justify-content: center;
    max-height: 125px;

    
 
    

}


.subheader__icono{
    padding-top: 10px;
    width:20%;
}
.subheader__icono > img {
    max-height: 80px;
}
.subheader__nombrearea{
    text-align:right;
    width:80%;
    color:var(--cabecera-color);
    font-family: var(--tipografia-titulo_1);
    font-size: 33px;
    text-transform:uppercase;
    padding-top: 60px;

}
.subheader__nombrearea > a, .subheader__nombrearea > a:visited {
    color:var(--cabecera-color);
    font-family: var(--tipografia-titulo_1);
    font-size: 33px;
    text-transform:uppercase;
}
.subheader__menu{
    max-width:1080px;
    margin: auto;
    text-align: right;
    display:flex;
    justify-content: flex-end;

}

.subheader__links{
    display:flex;
    flex-flow:row ;
  
    
}
.subheader__links > li {
    margin-left:20px;
}

.subheader__links > li >a {
    color:var(--base-color);
    font-family: var(--tipografia-base);
    font-size: 16px;
}
.subheader__links > li.current-menu-item >a{
    border-bottom:solid 3px var(--base-color);
}


/* Estilamos la cruz*/
.subheader__cross{

    display:none;

}
.subheader__line{

    height: 3px;
    width:15px;
    margin: 0.5rem 0;
    background: #000000;
    transition: transform 0.75s ease, opacity 0.75s ease;

}
.subheader__line--line2{

    transform: rotate(90deg) translateX(-11px) ;

}


/*Fin de estilos de la cruz*/
/*Estilos de Movil */ 
@media screen and  (max-width:800px) {
    .subheader{
        margin-top:95px;
        background-position: center;
        background-size:contain;
    }
    .subheader__content{


        position:relative;
        z-index:50;
        width:100%;
    }
    .subheader__titulo{
        justify-content:start;
    }
    .subheader__nombrearea{
        font-size: 20px;
        padding-top:10px;
        padding-left:10px;
        text-align:left;
        width:100%;
    }

.subheader__nombrearea > a, .subheader__nombrearea > a:visited {

    font-size: 25px;

}














}
/*NO BEM*/


 /*Fin NO BEM*/