*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    scroll-behavior:smooth;
}
html{
    font-size: 62.5%; /* 1rem = 10px */
}
body{
    background:var(--light-beige);
    list-style: none;
    text-decoration: none;
}
:root{
    --red-main:#C50C29;
    --light-beige:#FAF8F7;
    --black:#201E1C;
    --light-black:#282623;
    --gray-footer:#383633;
    --menuBackground:#2b2d42;
    --size_p_desktop: 1.8rem;
    --size_t_desktop: 2rem;
}
/*
font-family: 'DM Sans', sans-serif;  Contenido general.
font-family: 'Roboto', sans-serif;   Titulos.
*/


/* Main styles */
/*Section2 styles*/
.section2{
    flex-wrap: nowrap;
    height: 50rem;
    min-height: 3rem;
}
.section2 > div{
    width: 30%;
    max-height: 30rem !important;
    max-width: 25rem;
    flex-direction: column;
    justify-content: space-between;
    padding: 3rem 1.5rem 1.5rem 1.5rem;
}
.section2-educationlevels_graduation, .section2-values_hands{
    margin: 0;
}
.section2-emphasis picture{
    margin-bottom: 4rem;
}
.section2-educationL_list{
    width: 100%;
    padding-left: 7rem;
}
.section2-educationL_list, .section2-values_list{
    margin-left: -6rem;
}
.section2-emphasis {
    justify-content: space-between;
}
.section2-emphasis_title{
    padding: 0;
}
#section2{
    position: absolute;
    bottom: 8rem;
}

/* Section3 styles */
.section3-picture{
    display: initial;
}
.section3-text_p{
    font-size: 1.7rem; /* Font size en 1.7 (mantener) */
}
.section3-text_title picture img{
    margin-block-start: 0;
}

@media (min-width:1100px){
    .section3-text{
        display: flex;
        align-items: center;
    }

    .section3-text-p-container{
        column-count: 2;
        column-gap: 3rem;
    }
    .section3-text{
        padding: 3rem;
    }

    .section3-text_img{
        margin: 0 3rem 0 0;
    }
}

/* Section4 styles */
.section4, .section3{
    padding: 2.5rem 7rem 7rem 7rem;
}
.section4-content{
    font-size: var(--size_p_desktop);
    line-height: 3rem;
}
.section4-content ul{
    padding-block-end: 0;
}
.section4-container-image, picture{
    display: flex;
    align-items: center;
}
.section4-content .section4-container-image picture img{
    margin-block-end: 2rem;
}
@media (min-width:1200px){
    .section4-content .section4-container-image{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }   
    .section4-container-image, picture{
        display: flex;
        align-items:unset;
    }
    .section4-content .section4-container-image picture img{
        width: 28rem;
        height: 23rem;
        margin-block-start:-3rem;
    }
}

/* prefooter styles */
.pre_footer{
    font-size: var(--size_p_desktop);
}


.buttom-footer p{
    width: 21rem;
    height: 2.5rem;
    margin: auto;
    padding-block-start: .1rem;
    font-size: 2rem;/*Se mantiene*/
}



/* Footer styles. */
.footer{
    padding: 4.5rem;
    height: 64rem;
}
.footer-container {
    width: 33.33%;
    border-bottom: 1px solid #42424296;
    padding-bottom: 4rem;
    margin-bottom: -1rem;
}
.footer-social, .footer-image{
    width: 50%;
}
.footer-social_title{
    font-weight: bold;
}









/* Main styles (philosophy) */
/* Styles section 1 (philosophy) */
.philosophy-section1 .section1-container-title{
    width:27rem;
    height: 3.4rem;
    font-size: var(--size_t_desktop);
    padding-block-start: .5rem;
}
.philosophy-section1 .section1-container-text .text1, .text2{
    font-size: var(--size_p_desktop);
}
.philosophy-section1 .section1-container-text .text2{
    grid-column: 1 / 2;
}
.philosophy-section1 .section1-container-text .text-moreInfo{
    grid-row: 5;
    margin: 0 auto;
}
.philosophy-section1 .section1-container-text ul{
    grid-row: 4;
    margin-block-end: 0;
}
.philosophy-section1 .section1-container-text .section1-container-image{
    grid-row: 3 / 5;
}

/*Styles section 2 (philosophy) */
.philosophy-section2 .section2-container-text .text1, .philosophy-section3-p{
    font-size: var(--size_p_desktop);
}
.philosophy-section3-title{
    font-size: var(--size_t_desktop);
}





/* Main styles (anthem) */
.main-anthem{
    padding: 6rem;
}

/* Styles section (anthem) */
.main-anthem .title-anthem h3{
    font-size: var(--size_t_desktop);
}
.main-anthem .credits-anthem{
    font-size: 1.5rem;
    margin-block-end: 2rem;
}
.main-anthem .text-anthem{
    width: 35rem;
}
.main-anthem .text-anthem p{
    font-size: var(--size_p_desktop);
}
.main-anthem .image-anthem{
    width: 36rem;
}

/* Styles section (Why) */
.section2-why, .section3-why, .section4-why{
    padding: 8rem 13rem;;
}

.section2-container-p-why , .section3-container-p-why, .section4-container-p-why{
    font-size: var(--size_p_desktop);
    line-height: 3rem;
}

.section2-container-picture-why,.section3-container-picture-why ,.section4-container-picture-why{
    display: flex;
    align-items: center;
    justify-content: center;
}

.section1_h1-why{
    font-size: 8rem;/*Se mantiene*/
}

.section1_p-why{
    font-size: 3.4rem;/*Se mantiene*/
}

.section-knowMore-why{
    font-size: 2rem;/*Se mantiene*/
}

.section1-a-why{
    height: 6.2rem;
    width: 17rem;
}





/* Main styles (Basic Formation) */
/* basicFormation-presentation (Basic Formation) */
.basicFormation-presentation_h1{
    font-size: 8rem;/*Se mantiene*/
}

/* Styles section 1 (Basic Formation) */
.basicFormation .basicFormation-section1{
    grid-template-rows: 15% 85%;
    padding: 6rem 10rem 2rem 10rem;
}
.basicFormation .basicFormation-section1 .section1-title h3{
    width: 16rem;
    height: 3.5rem;
    font-size: var(--size_t_desktop);
}
.basicFormation .basicFormation-section1 .section1-text p{
    font-size: var(--size_p_desktop);
    line-height: 3rem;
}
.basicFormation .basicFormation-section1 .section1-image img{
    width: 34rem;
    margin-block-end: 5rem;
    margin-block-start: 0;
}

/* Styles section 2 (Basic Formation) */
.basicFormation .basicFormation-section2{
    grid-template-rows: 15% 85%;
    padding: 2rem 10rem 2rem 10rem;
}
.basicFormation .basicFormation-section2 .section2-title h3{
    width: 17rem;
    height: 3.5rem;
    font-size: var(--size_t_desktop);
}
.basicFormation .basicFormation-section2 .section2-text p{
    font-size: var(--size_p_desktop);
    line-height: 3rem;
}
.basicFormation .basicFormation-section2 .section2-text ul{
    font-size: var(--size_p_desktop);
    line-height: 2.5rem;
    padding-inline-start: 3rem;
}
.basicFormation .basicFormation-section2 .section2-image img{
    width: 34rem;
    margin-block-start: 2rem;
}

/* Styles section 3 (Basic Formation) */
.basicFormation .basicFormation-section3{
    grid-template-rows: 15% 85%;
    padding: 2rem 10rem 6rem 10rem;
}
.basicFormation .basicFormation-section3 .section3-title h3{
    width: 28rem;
    height: 3.5rem;
    font-size: var(--size_t_desktop);
}
.basicFormation .basicFormation-section3 .section3-text-bachiller p{
    font-size: var(--size_p_desktop);
    line-height: 3rem;
}
.basicFormation .basicFormation-section3 .section3-image img{
    width: 34rem;
    margin-block-start: 2rem;
}