.layout__menu-toggle{

display:none ;

}

@media (max-width: 1490){



    body{
width: 100%;

padding: 0;

    }

.layout{


min-width: auto;
width: 85%;

}




}

@media (max-width:1320px){


.layout{

width: 89%;
margin-left: 3rem;
overflow-x: hidden;
border-radius: 3rem;

}



}


@media (max-width:1160px){


    .layout{
    
    width: 85px;
    margin-left: 1.5rem;
    
    
    }
    
    .certificates__certificate{
        
        
        flex-basis: 100%;}
    
    }

    @media (max-width: 1060px){

.layout__aside{

display: none;


}

.layout__menu-toggle{
z-index: 9999;
    display:block ;
    position: absolute;
    width: 4.8rem;
    height: 4.8rem;
    line-height: 4.6rem;
    text-align: center;
    background-color: var(--color-secondary);
    color:  var(--color-principal);
font-size: 1.9rem;
border-radius: 3rem;
cursor: pointer;
transition: all 500ms ease-in-out;
    top: 3rem;
    
    }

.menu-toggle__icon{

color: var(--color-principal);
display: block;
position: absolute;
top: 25%;
left: 31%;
transition: all 300ms ease-in-out;

}



    .fa-xmark{
/*provisional*/
opacity: 0;

    }

    .fa-bars{
opacity: 1;

    }
  

    .layout__aside{


display: block;
position: absolute;
max-width: 33rem;
top: 0;
left: 0;
bottom: 0;
border-radius: 0;
text-align: center;
overflow: auto;
transition: all 300ms ease-in-out;
z-index: 999;
display: block;

margin-left: -100%;
opacity: 0;

    }

    .layout__aside--visible{


width: 100%;
margin-left: 0;
opacity: 1;
    }

    .layout__aside--hidden{

        margin-left: -100%;
        opacity: 0;

    }

    .menu__list{

position: static;
width: 100%;
background-color:var(--color-secondary) ;
box-shadow: none;
margin-left: 0;
padding: 0;
min-height: auto;

    }


    .menu__link{

text-decoration:none ;
display: block;
padding: 1.2rem 0;

    }


    

    .menu__link--active .menu__overlay{

opacity: 1;

    }

    .menu__overlay{

transition: all 400ms ease-in-out;

    }

    .menu__overlay:hover{

text-decoration: underline;

    }

    .menu__overlay{

position: static;
opacity:0.7 ;
margin-top: 0;
padding: 0;
box-shadow: none;
font-size: 1.6rem;
line-height: 2rem;

    }

    .menu__icon{

display: none;

    }

    .user-info__name{

font-size: 2.7rem;
margin-top: 0.5rem;
padding-left: 2rem;
padding-right: 2rem;


    }

    .layout__menu{

position: static;
margin: 3rem 0;

    }
.user-info__container-image{

padding-top: 3rem;
padding-left: 4rem;

}

    .user-info__image{

width: 70%;
height: 15rem;
        
    }

body{


background-image:none;
position:static;

}



.languages__container{

    flex-basis: 100%;
    justify-content: space-around;
    padding-left: 8rem;
    
        }

.layout{

width: 100%;
height: 100%;
margin: 0;
border-radius: 0;
min-height: 100%;

grid-template-areas: 'content';
grid-template-columns: 100%;
}

.layout__content{


border-radius: 0;
background-color: transparent;
height: 100%;
width: 100%;

}

.content__page{


border-radius: 0;
height: 100vh;

}

.layout__menu{


position: static;

}}


    

    @media(max-width:800px){

        .content__page{

max-width: 72rem;

        }

.reviews__review{
    
    flex-basis: 100%;
margin-top: 6rem;}

.reviews__container{
display: flex;
flex-direction: row;
max-width: 70rem;}


.personal-info__data{

display: flex;
flex-direction: column;
max-width: 70rem;

}

.services__container{

display: flex;
flex-direction: column;
max-width: 65rem;
justify-content: left;
text-align: left;



}
        
    

    .personal-info__description{

max-width: 70rem;
display: flex;
flex-direction: column;


    }

    .languages__container{

flex-basis: 100%;
justify-content: space-around;
max-width: 70rem;
padding-right: 6rem;

}

    .prices__container{
max-width: 70rem;
flex-direction: column;
gap: 2rem;
flex-basis: 100%;

    }

    .prices__box{

flex-basis: 100%;
margin: 0;

    }

.prices__box:last-child{

margin-top: 2rem;}

.extra__container{

max-width: 70rem;
display: flex;
flex-direction: column;
gap: 2rem;

}

.gallery__item{

    flex-basis: 50%;
    padding: 0.7rem;
    
      }

      .articles__article{

flex-basis: 100%;

      }


}

@media(max-width: 585px){

.services__container{

display: flex;
flex-direction: column;
max-width: 50rem;

}

.personal-info__description{

max-width: 45rem;
justify-content: center;

}

.about__personal-info{

flex-direction: column;
margin-top: 2rem;
max-width: 50rem;

}

.personal-info__list{

margin-top: 2rem;


}

.reviews__container{
    max-width: 50rem;
}

.languages__container{

max-width: 50rem;


}

.prices__container{

max-width: 50rem;

}

.personal-info__data{


flex-basis: 100%;
padding: 0;

}

.resume__right {
    display: flex;
    padding: 0px 1.5rem;
    flex-direction: column;
  }

.extra__container{

flex-direction: column;
gap: 2rem;
max-width: 47rem;
gap: 2rem;


}



.resume__container{
flex-direction: column;
flex-basis: 100%;
max-width: 50rem;


}

.knowledges__list{

max-width: 50rem;


}

.contact__container{


    display: flex;
    flex-direction: column;
    max-width: 50rem;
}}



@media(max-width:480px){


    .links__social{

margin-top: 0;

    }

    .user-info__footer{

position: static;
padding-bottom: 2rem;

    }

    
.page__name{




font-size: 4.8rem;
line-height: 5.6rem;
text-align: center;



}





.content__page{

max-width: 100%;
min-width: 100%;

}

.gallery__item{

flex-basis: 100%;


}

.form__left{

flex-basis: 100%;

}

.form__right{

max-width:96% ;

}

.layout__content{

max-width: 36%;


}}



  .languages__image{

max-width:30rem;

  }


/* Responsive fino del espaciado de currículum */
@media (max-width: 820px){
  .timeline__description{ max-width:unset; }
  .timeline__list{ grid-template-columns:1fr; }
}
@media (min-width: 821px){
  .timeline__list{ grid-template-columns:1fr; } /* deja 1 columna; cambia a 2 si tienes espacio */
}

/* Modo print (CV en PDF limpio) */
@media print{
  .timeline__logo{ background:#fff; border-color:#ddd; box-shadow:none; }
  .timeline__description, .timeline__text{ color:#000; }
}