.TEXTO {
    width: 60rem;
    height: fit-content;
    background-color: #E8E9E9;
    font-size: 1.8rem;
    padding: 0rem;
    padding-bottom: 4rem;
    margin-bottom: 4rem;
    font-weight: normal;

}
.TEXTO tr td:first-child {
    font-weight: bolder;    
}
.TEXTO .textocursiva{
    font-style: italic;
    font-weight: 1.7rem;    
}



h3{
    width: auto;
    margin-left: 17rem;
    margin-right: 0rem;
    padding: 1rem;
    border: 0rem;


}

h4{
    border: 0rem;
    font-size: 2.5rem;
    font-style: normal;
    color: #1003B1;
}
.cursivapequeña {
    font-size: 1.4rem;
    font-style: italic;
    font-weight: bold;    
}


/********************************************************************/
body {
    overflow-y: scroll;
    height: 100000px;
}

section {
	background-color: #F7F9F9;
	position: absolute;
	left: 0;
	width: 100%;
	height: 80000px;
	top: 8%;
	overflow-y: scroll;
    display:grid;
    justify-items: center;
}
section p {
    text-indent: 0rem;
}

section a{
       padding-top: 10rem; 
       display: block;
}

header {
    position: fixed;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 80%;
    left: 10%;
    top: 0rem;
    height: 5rem;
    margin: 0rem;
    letter-spacing: .3rem;
    text-indent: 0rem;
    padding: 0rem;
    z-index: 1;

}

nav {
    width: 60rem;
    height: 1250px;
    font-size: 1.5rem;
    overflow-y: auto;
    scrollbar-width:none;
}

ul{
    display: none;
    height: 2000px;
    margin-top: 0rem;
    margin-right: 0rem;
    margin-bottom: 0rem;
    width: 25rem;
    padding-left: 0.5rem;
    padding-right: 0rem;
}  
ul a {
    display: inline-block;
    width: auto;
    text-decoration: none;
    margin: 0;
    padding: 0;
    font-size: 1.8rem;
    color: #150274;
}


input {
  display: none;
}

label {
    box-sizing: border-box;
    display: inline-block;
    border: 0.1rem solid #0646F5;
    border-radius: 0.8rem;
    padding: 0rem;
    width: 5rem;
    height: 5rem;
    font-size: 4rem!important;
    text-align: center;
    line-height: 5rem;
    background-color: #D7E8E6;
}
.POS2{
    display: none;
    color: #B32B2D;    
}

/* Estilo del boton cuando se pasa el mouse por encima*/
label:hover{
    background-color: #B8FBBB;
}

/* Estilo del boton cuando el menú está expandido*/
input:checked ~ label {
    background-color: #F87777;
}


li {
  width: 40rem;
  line-height: 0rem;
  background: lightgrey;
  margin: 0;
  padding: 1rem;
  list-style: none;
}

/*Estilo cuando el mouse pasa encima de cada link del menu*/
li:hover {
  filter: brightness(110%);
}




@media screen and (max-width:1000px){
    header {width: 100%; left:0rem; height: 12rem;}
    nav {position: absolute; top: 1rem; left: 0rem; width: 100%;height: 100vh; }
    input{position: absolute; top:0rem;}
    label{position:fixed;top: 0rem; width: 10rem; height: 10rem; font-size:9rem!important;line-height: 9.5rem;}
    h4{font-size: 4.5rem;position: absolute; right: 10%;}
    ul{position: absolute; top: 10rem; width: auto; height: 4000px; overflow-y: auto;}
    li{width:60rem;}
   .TEXTO {width: 100%; margin: 0 auto; margin-bottom: 20rem;font-size:2rem } 
    h3{font-size: 5rem;}
    ul a {font-size: 4rem;width:auto;line-height: 6rem;}
    section a::before {margin-top: 15rem!important;}
}