body{
    font-family: Montserrat, sans-serif;
    color: #3b4559;
    font-weight: lighter;
    text-align: center;
    margin: 0px;
    background-color: #e5e5e5;

}
.item1 { grid-area: logo1; }
.item2 { grid-area: logo2; }
.item3 { grid-area: logo3; }
.portada{
    display: grid;
    grid-template-columns: 100%;
    grid-template-areas:
            'logo1'
            'logo2'
            'logo3'
;

    background-color: #060605;
}

.item4 { grid-area: cab1; background:#060605; height: max-content; padding: 0% 0% 1% 0% }
.item5 { grid-area: cont1; }
.item6 { grid-area: pie1; }
.pagina1{
    display: grid;
    grid-template-columns: 100%;
    grid-template-areas:
            'cab1'
            'cont1'
            'pie1'
;

    background-color: #ffffff;
}

.item7 { grid-area: cab2; background:#060605; height: max-content; padding: 0% 0% 1% 0% }
.item8 { grid-area: cont2; }
.item9 { grid-area: pie2; }
.pagina2{
    display: grid;
    grid-template-columns: 100%;
    grid-template-areas:
            'cab2'
            'cont2'
            'pie2'
;

    background-color: #ffffff;
}
.item10 { grid-area: cab3; background:#060605; height: max-content; padding: 0% 0% 1% 0% }
.item11 { grid-area: cont3; }
.item12 { grid-area: pie3; }
.pagina3{
    display: grid;
    grid-template-columns: 100%;
    grid-template-areas:
            'cab3'
            'cont3'
            'pie3'
;

    background-color: #ffffff;
}

.item13 { grid-area: cab4; background:#060605; height: max-content; padding: 0% 0% 1% 0% }
.item14 { grid-area: cont4; }
.item15 { grid-area: pie4; }
.pagina4{
    display: grid;
    grid-template-columns: 100%;
    grid-template-areas:
            'cab4'
            'cont4'
            'pie4'
;

    background-color: #ffffff;
}
.item16 { grid-area: cab5; background:#060605; height: max-content; padding: 0% 0% 1% 0% }
.item17 { grid-area: cont5; }
.item18 { grid-area: pie5; }
.pagina5{
    display: grid;
    grid-template-columns: 100%;
    grid-template-areas:
            'cab5'
            'cont5'
            'pie5'
;

    background-color: #ffffff;
}
.item19 { grid-area: cab6; background:#060605; height: max-content; padding: 0% 0% 1% 0% }
.item20 { grid-area: cont6; }
.item21 { grid-area: pie6; }
.pagina6{
    display: grid;
    grid-template-columns: 100%;
    grid-template-areas:
            'cab6'
            'cont6'
            'pie6'
;

    background-color: #ffffff;
}
.item22 { grid-area: cab7; background:#060605; height: max-content; padding: 0% 0% 1% 0% }
.item23 { grid-area: cont7; }
.item24 { grid-area: pie7; }
.pagina7{
    display: grid;
    grid-template-columns: 100%;
    grid-template-areas:
            'cab7'
            'cont7'
            'pie7'
;

    background-color: #ffffff;
}
.item25 { grid-area: cab8; background:#060605; height: max-content; padding: 0% 0% 1% 0% }
.item26 { grid-area: cont8; }
.item27 { grid-area: pie8; }
.pagina8{
    display: grid;
    grid-template-columns: 100%;
    grid-template-areas:
            'cab8'
            'cont8'
            'pie8'
;

    background-color: #ffffff;
}
.item28 { grid-area: cab9; background:#060605; height: max-content; padding: 0% 0% 1% 0% }
.item29 { grid-area: cont9; }
.item30 { grid-area: pie9; }
.pagina9{
    display: grid;
    grid-template-columns: 100%;
    grid-template-areas:
            'cab9'
            'cont9'
            'pie9'
;

    background-color: #ffffff;
}
@media screen and (max-width: 600px){
    html {
        width:200%;
    }
    body {
        min-width:100%;
    }
    .titulo1{
        font-size: 25px!important;
    }
}
.titulo1{
    font-size: 40px;
    margin: 3% 5% 0% 5%;
    font-weight: 900;
    color: #000;
}
.titulo2{
    text-align: justify;
    margin: 2% 5% 0% 5%;
    font-weight: 900;
    color: #000;
    font-size: 20px;
}
.titulo3{
    color: #000;
    font-size: 20px;
    font-weight: 900;
    margin: 2% 5% 0% 5%;
    text-align: justify;
}
.titulo4{
    color: #333333;
    font-size: 20px;
    font-weight: 900;
    margin: 2% 5% 0% 5%;
    text-align: justify;
}

.texto{
    margin: 2% 5% 0% 5%;
    text-align: justify;
    font-size: 18px;
    color: #000;
    font-weight: normal;
    line-height: 20px;
}
.tex_pie{
    text-align: justify;
    font-size: 10px;
    color: #3b3b6f;
   padding-left: 6%;
    margin-right: 5%;
}
.linea{
    margin: 0% 5% 0% 5%;
    border-top: 1px solid rgb(0 0 0 / 50);
}
.linea_pie{
    margin: 2% 70% 2% 5%;
    border-top: 1px solid rgba(0,0,0,.5);
}

.numero{
    margin: 2% 5% 2% 5%;
    text-align: justify;
    font-size: 18px;
    color: #000;
    font-weight: normal;
}
 sup{
    font-size: 12px;
}