@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

*{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    box-sizing: border-box;
}

/*------BODY/HEADER-------*/

body{
    background-color: rgb(253, 249, 239);
    display: block;
    font-family: 'Lato', sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.contenedora{
    background-color: rgb(53, 177, 226);
    padding: 2.5em;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    position: fixed;
    top: 0em;
    width: 100%;
    z-index: 9990;
}

    

#logo {
    display: flex; 
    align-items: center; 
    z-index: 9999; 
    position: fixed;
    top: 1.7em;
  }
  
  #logo img {
    width: 15em;
    margin: -1em .75em -1em 0;
  }
  

/* ----   menu   ---- */

   nav {
    position: relative;
  }

/* ----   hamburguesa  ---- */

.menu{
    position: fixed;
    top: 6em;

}

.menu-btn,
.menu-fondo {

  padding: .75rem;
  width: 3rem;
  height: 3rem;

  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 9000;
  cursor: pointer;
  transition: all 0.3s ease-out;
}

.menu-fondo {
  background: rgba(212, 234, 255, 0.25);
  box-shadow: -5px 5px 5px rgba(0, 20, 20, 0.2);
  z-index: 8000; 
  
}

.menuVisible .menu-fondo {
  background: rgb(53, 177, 226);
  /* transform: scale(2000%); */
  width: 280vw;
  height: 200vw;
  right: -100vw;
  top: -100vw;
}

.menu-btn .btn-linea {
  width: 25px;
  height: 3px;
  margin: 4px 0 4px 0;
  background: rgb(88, 88, 88);
  transition: all 0.3s ease-out;
  position: relative;
  z-index: 9000;
}

.menuVisible .menu-btn .btn-linea {
  transform: rotate(180deg);
  ;
}

.menuVisible .menu-btn .btn-linea:nth-child(1) {
  transform: rotate(45deg) translate(4px, 6px);
}
.menuVisible .menu-btn .btn-linea:nth-child(2) {
  opacity: 0;
}
.menuVisible .menu-btn .btn-linea:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -6px);
}


nav ul {
  position: absolute;
  right: 1rem;
  top: calc(100% + 4rem);
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  transition: all .5s ease;
}

.menuVisible ul {
  visibility: visible;
  opacity: 100%;
  transition: all .5s .2s ease;
}


nav ul li a {
  border-bottom: solid 4px transparent;
  color: white;
  display: block;
  font-size: 1.5rem;
  margin-bottom: .5rem;
  width: min(40vw, 15rem);
  text-align: right;
  padding: .5rem;
  text-decoration: none;
  
}

nav ul li a:hover {
  border-bottom: solid 4px rgba(255, 255, 255, 0.5);
  transition: all .3s;
}



/*------descripcion-------*/


.eluniversodellibro{
    margin: auto;
}

.descripcion h1{
    margin-top: 3.5em;
    margin-bottom: 1em;
    font-weight: 900;
    font-size: 2em;
    text-align: center;
    color: rgb(53, 177, 226);
}

.descripcion p{
    margin: 0.8em 2em 0.8em 2em ;
    font-weight: 500;
    text-align: center;
    width: 80%;
}

.descripcion span{
    font-weight: 700;
}

/*------novedades-------*/


.novedades{
    flex-flow: column wrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-direction: row;
    margin-bottom: 5em;
}

.novedades li{
    list-style: none;
}

.novedadesh2{
    margin:auto;
    margin-top: 1em;
    margin-bottom: 0.6em;
    font-weight: 900;
    justify-content: center;
}

.novedades p{
    font-weight: 700;
    width: 11em;
    margin-left: 1.7em;
}

p.autornovedades{
    font-weight: 500;
    width: 11em;
    margin-left: 2.1em;
    color: rgb(94, 94, 94);
    font-style: italic;
} 


.novedades img {
margin-left: 2em;
max-width: 55%;
box-shadow: 2px 2px 10px rgba(57, 149, 185);
border-radius: 1em;
justify-content: center;
display: block;
margin-bottom: 2em;
} 

.autornovedades {
margin-bottom: 1em;
} 


.flexarticle{
    display: flex;
    overflow-x: scroll;
    margin: 0.5em;
}

.flexarticle article {
    min-width: 15em;
    display: flex;
    flex-direction: column;
    margin-right: 1em;
}

.flexarticle article figure {
    width: 100%;
    width: 22em;
}

figure img {
    width: 100%;
}

.flexarticle p:not(.autornovedades) {
    font-size: 1.2em;
}



/*------ultimos descargados-------*/


.ultimosdescargados{
    margin:0 auto;
    justify-content: center;
    text-align: center;
    margin-bottom: 2em;
    
}

ul li{
    margin-top: 0.3em;
}

.ultimosdescargados h2{
    font-weight: 900;
   
}

.ultimosdescargados h3{
    margin-top: 1.3em;
    font-weight: 700;
    color: rgb(53, 53, 53);
    
}

.ultimosdescargados ul li a{
    color: rgb(57, 149, 185);
text-decoration: none;
list-style: none;
font-weight: 500;
    
}




/*------edad media-------*/

.bloqueedadmedia{
    margin: 3em auto;
    justify-content: center;
    align-items: center;
}

.bloqueedadmedia h2{
    margin: 0.5em 0 0.5em 0;
    font-weight: 900;
    text-align: center;
    font-size: 2em;
    color: rgb(57, 149, 185);
}

.bloqueedadmedia h4{
    margin: 0.8em 2em 0.8em 2em ;
    font-weight: 500;
    text-align: center;
}

.bloqueedadmedia h3{
    font-weight: 700;
    width: 11em;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.2em;
}

.bloqueedadmedia p{
    font-weight: 500;
    margin: 0 auto;
    text-align: center;
    color: rgb(94, 94, 94);
    margin-bottom: 2em;
    }

    .bloqueedadmedia span{
        font-weight: 700;
    }

.bloqueedadmedia img{
    width: 100%;    
    border-radius: 1em;
    box-shadow: 2px 2px 10px rgba(57, 149, 185);
}

.bloqueedadmedia ul{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-top: 2em;
}
    
.bloqueedadmedia ul li{
    border-radius: 0.5em;
    padding: 0.5em;
    margin-bottom: 1em;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 70%;
    width: 70%;
    list-style: none;
}

.edades { 
    margin-top: 5em;
}

.accordion-titulos {
    position: relative;
    width: 97%;
    margin-left: 0em;
    display: block;
    padding: 5px;
    font-size: 20px;
    font-weight: 300;
    background: #2888ad;
    color: #fff;
    text-decoration: none;
}

.accordion-titulos.open {
    background: rgb(57, 149, 185);
    color: #fff;
}
.accordion-titulos:hover {
    background:rgb(57, 149, 185);
}

.iconosverdes { 
    
    margin-bottom: 0.3em;
    margin-right: 3em;
    
}

.infoylike {
    display: flex;
    margin-left: 3em;
    
}

/*----- Estilo del QUIENES SOMOS------*/

article#somos li{
    padding: .50em;
}

article#somos h2{
    color: dimgrey;
}

article#somos img{
    width: 70%;
    margin-left: 3em;
    border-radius: 8em;
}

/*----- Estilo del QUIENES SOMOS------*/



/*------footer-------*/



footer {
    padding: 1.5em;
    background-color: rgb(57, 149, 185);;
    justify-content: center;
    text-align: center;
    position: static;
    width: 100%;
    z-index: 9990;
    bottom: 0;
    margin-top: auto;
}

footer h2{
    font-weight: 900; 
    font-size: 20px;
    margin-bottom: 0.5em;
}

footer a{
    color: rgb(255, 255, 255);
    font-weight: 700; 
    font-size: 16px; 
    text-decoration: none;
}

footer ul{
    list-style: none;
}

ul {
    list-style: none;
  }

footer img{
    display: none;
}

footer h5{
  color: rgb(41, 41, 41);
  margin-top: 1em;
}

footer span{
    font-weight: 900;
}


/*------libro detalle-------*/



.libro_detalle{
    width: 95%;
    margin-top: 4em;
    margin-bottom: 2em;
}
.portada_libro{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    margin-top: 1.5em;
}

.libro_detalle img {
    margin: 0 auto;
    max-width: 65%;
    box-shadow: 2px 2px 10px rgba(57, 149, 185);
    border-radius: 1em; } 

    .caracteristecas_libro{
        width: 80%;
        margin: 0 auto;
    }
    .caracteristecas_libro p{
        margin-top: 0.5em;
        line-height: 1.3;
        margin-left: -1em;
    }
    
    .caracteristecas_libro ul li{
        margin: 1em 0 0.5em -1em;

    }
    .caracteristecas_libro h4{
        margin-left: -1em;
        margin-top: 1.5em;
        font-weight: 700;
    }

.botones button{
background-color:#f0bf64 ;
color: #131211;
border-radius: 6px ;
text-align: center;
padding: .3em;
box-shadow: 2px 2px 10px rgb(128 128 128 / 48%);
width: 40%;
font-weight: 600;
margin: 3em 0 3em -1em;
}

.libro_detalle h5 {
    margin: 8em 0 0.5em 2em;
    color: rgb(126, 126, 126);
    line-break: none;
}

.libro_detalle h2 {
color: #9b6513;
margin: 0 0 1em 1em;
}

.libro_detalle h4 {
font-size: 13px;
font-style: italic;
font-weight: 400;
margin: .5em 0 1em 1.8em;
border-bottom: solid 1px #5b7894; 
}



.registro{
    margin-left: -1em;
}


.libros_similares h3 {
color: #9b6513;
margin: 2.5em 2em 0 1.5em;
}

.libros_similares img {
margin: 2em auto;
max-width: 65%;
box-shadow: 2px 2px 10px rgb(173, 129, 6);
border-radius: 1em; } 


.articleflex img {
width: 100%;
display: block;
margin-left: 0em;
}

.articleflex {
display: flex;
overflow-x: scroll;
margin: 1.5em;
}

.articleflex article {
min-width: 12.95em;
display: flex;
flex-direction: column;
margin-right: 1em;
}

.articleflex article figure {
width: 100%;
}

figure img {
width: 100%;
}

.articleflex p:not(.autor) {
font-size: 1em;
word-spacing: .1em;

}
.articleflex p {
font-size: .8em;
font-style: italic;
margin-top: .2em;
width: 80%;
margin-bottom: 0.7em;
font-weight: 700;
}



a.boton2{
    text-decoration: none;
    color: rgb(173, 129, 6);
}
.estrellas { 
    margin-top: 1em;
    margin-left: 7em;
}

.detalibro {
    margin-left: 1.5em;
    margin-top: 2em;
}

.botones {
    margin-left: 3em;
}

.resenadetallemobile {
    margin-left: 2em;
    margin-bottom: 3em;
  
}

.resenadetalleweb {
    display: none;
}

.detalibro span{
    font-weight: 900;
}

.otro {
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 2em;
    margin-top: 0em;
}

.otro h2{
    margin-bottom: 0.8em;
}

.otro h4 {
     font-size: 13px;
    font-style: italic;
    font-weight: 400;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/*------inicio sesion-------*/



.iniciarsesion{
    justify-content: center;
    text-align: center;
    margin-top: 6em;
}


.iniciarsesion h2{
    font-weight: 900;
    font-size: 2em;
    margin-bottom: 0.5em;
    color: rgba(57, 149, 185);
}


.iniciarsesion h3{
    font-weight: 900;
    font-size: 1em;
    margin-bottom: 1.8em;
}

.iniciarsesion h4{
    font-size: 1.5em;
    margin-bottom: 1em;
    text-align: center;
}

.formulario{
    width: 400px;
    margin:auto;
    padding: 30px;
    justify-content: center;
    align-items: center;
}

.registro{
    width: 100%;
    padding: 10px;
    margin-bottom: 1.5em;
    border: 2px solid rgb(57, 149, 185);
    border-radius: 0.5em;
}

.botoncomenzar{
    margin-top: 1em;
    width: 100%;
    padding: 10px;
    margin-bottom: 1em;
    border: 2px solid rgb(158, 158, 158);
    border-radius: 0.5em;
    background-color: rgb(48, 48, 48);
    color: white;
    font-weight: 700;
}

.formulario p{
    margin-top: 1em;
    font-size: 0.9em;
    font-weight: 700;
    color: rgb(173, 129, 6);
    margin-bottom: 1.5em;
}



/*------contacto-------*/

.titulos-contacto{
	margin-top: 3em;
    justify-content: center;
    text-align: center;
    margin-bottom: 2em;
}

.titulos-contacto h2{
    margin-top: 3.5em;
    font-weight: 900;
    font-size: 2em;
    margin-bottom: 0.5em;
    color: rgb(57, 149, 185);
}

.titulos-contacto h5{
    margin: 0 0.5em 2em 0.5em;
    font-size: 1em;
}


.contactate{
    width: 400px;
    margin:auto;
    padding: 30px;
    justify-content: center;
    align-items: center;
}

.contactate h4{
    font-size: 1.5em;
    margin-bottom: 1em;
    text-align: center;
}

.categorias{
    width: 100%;
    padding: 10px;
    margin-bottom: 1.5em;
    border: 2px solid rgb(57, 149, 185);
    border-radius: 0.5em;
}

textarea.comentarios{
    width: 100%;
    padding: 10px;
    margin-bottom: 1.5em;
    border: 2px solid rgb(57, 149, 185);
    border-radius: 0.5em;
}

.botonenviar{
    margin-top: 1em;
    width: 100%;
    padding: 10px;
    margin-bottom: 1em;
    border: 2px solid rgb(158, 158, 158);
    border-radius: 0.5em;
    background-color: rgb(48, 48, 48);
    color: white;
    font-weight: 700;
}

.redes{
	margin-top: 1em;
    justify-content: center;
    text-align: center;
}

.iconos-redes {
	width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 1.5em;
    
    
}

.iconos-redes img{
	width: 2.5em;
    margin: 1em;

}


/*------formulario recibido-------*/

.formulariorecibido{
	margin-top: 3em;
    justify-content: center;
    text-align: center;
    margin-bottom: 2em;
}

.formulariorecibido h2{
    margin-top: 4.5em;
    font-weight: 900;
    font-size: 2em;
    margin-bottom: 0.5em;
    color: rgb(57, 149, 185);
}

.formulariorecibido h5{
    margin: 0 0.5em 5em 0.5em;
    font-size: 1em;
}




/*------ FIN formulario recibido-------*/





/*------ Acumar-------*/

.tercero3 h2 {
    font-size: 20px;
    color: #2888ad;
margin: 2em 0 1em 2em;

}
.tercero3 h3 {
    margin: 2em 2em 3em 2em;
    font-size: 16px;
    font-weight: 200;

}

/* video */


#videoresponsive {
    position: relative;
    margin-top: 1em;
    height: 0;
    padding-bottom: 56.25%;
    margin-left: 2.3em;
   z-index: 0 ;
}

#videoresponsive iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
  
    
}

iframe {
    border: 0;
    border-radius: .5em;
}

.segundo2 span{
    font-weight: 700;
}

/*------Fin Acumar-------*/





/*-------- --------- Material de Estudio--------*/

.actividades{
    margin-top: 5em;
}

.mapas_conceptuales {
    display: none;
}
.apuntesweb {
    display: none;
}
.accordion-content {
    width: 80%;
margin-top: 1em;
margin-left: 3em;
margin-right: 2.5em;

}
.apuntes {
    margin-top: 1em;
}

.carpetasmapass h3{
    margin-top: 1em;
    font-weight: 500;
    margin-bottom: 0.2em;
    text-align: left;
    font-style: italic;
    font-weight: 700;
    color: rgb(48, 48, 48);
}
    
.carpetasmapass a{
    text-decoration: none;
    color: #f0a926;
}
    


.carpetasmapass p{
        font-size: 0.9em;
        margin-bottom: 1em;
        text-align: absolute;
        
        
    }
.carpetasmapass article{
    width: 80%;
    padding-bottom: 2rem;
    background-color: rgb(253, 255, 255);
    margin: 1em 1em 1em 1em;
    padding: 1em;
    border-radius: .25em;
    display: block;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    max-width: 50rem;
    margin: 2em auto;
    box-shadow: 2px 2px 10px rgb(73, 172, 230);

    }



.carpetasmapass > div{
    flex-wrap: calc(100% - 9em);
    width: calc(100% -9em);
    min-width: 10em;
}

.carpetasmapass article a{
    
    border-radius: .25em;
    padding: .15em 1em;
    text-decoration: none;
    text-emphasis-color: black;
    margin-top: .5em;
    text-align: center;
    
}


.accordion-titulo { 
    position: relative;
    width: 87%;
    margin-left: 1.5em;
    display: block;
    padding: 5px;
    font-size: 20px;
    font-weight: 300;
    background: #2888ad;
    color: #fff;
    text-decoration: none;
    border-radius: .25em;
    text-align: center;
}

.accordion-titulo.open {
    background: rgb(57, 149, 185);
    color: #fff;
}
.accordion-titulo:hover {
    background:rgb(57, 149, 185);
}
 
.accordion-titulo span.toggle-icon:before {
    content:"+"; 
 
}
 
.accordion-titulo.open span.toggle-icon:before {
    content:"-";
}
 
.accordion-titulo span.toggle-icon {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 0.7em;
    font-weight:bold;
}

.bloqueedadmedias{
    margin: 6em auto;
    justify-content: center;
    align-items: center;
}

.bloqueedadmedias h2{
    margin: 0.5em 0 0.5em 0;
    font-weight: 700;
    text-align: center;
    font-size: 1.7em;
    color: rgb(57, 149, 185);
}
.bloqueedadmedias h4 {
    margin: 1em auto;
    text-align: center;
    font-weight: 200;
    margin-left: 2em;
    margin-right: 2em;
    
}

.mapasimagenes article a{
    text-decoration: none;
    color: #f0a926;
}

/*-------- Fin Material de Estudio--------*/


/*----- Contenido mapas conceptuales-----*/

.mapascontenedora h1{
    margin-top: 4em;
    justify-content: center;
    text-align: center;
    margin-bottom: 1em;
    font-weight: 900;
    color: rgb(53, 177, 226);
}

.mapascontenedora h4{
    font-size: 1em;
        margin-bottom: .5em;
        text-align: center;
}

.carpetasmapas h3{
    margin-top: 1em;
    font-weight: 900;
    font-size: 2em;
    margin-bottom: 0.5em;
    text-align: center;
    color: rgb(57, 149, 185);}
    

.carpetasmapas p{
        font-size: 1em;
        margin-bottom: 1em;
        text-align: center;
    }
.carpetasmapas article{
    padding-bottom: 2rem;
    background-color: rgb(255, 254, 253);
    margin: 1em 1em 1em 1em;
    padding: 1em;
    border-radius: .25em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    max-width: 50rem;
    margin: 2em auto;
    box-shadow: 2px 2px 10px rgb(73, 172, 230);

    }

.carpetasmapas img{
    background-color: transparent;
    border-radius: 50%;
    width: 8em;
    }

.carpetasmapas > div{
    flex-wrap: calc(100% - 9em);
    width: calc(100% -9em);
    min-width: 10em;
}

.carpetasmapas article a{
    
    border-radius: .25em;
    padding: .15em 1em;
    text-decoration: none;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    color: #f0a926;
    margin-top: .5em;

    
}

/*----- FIN CONTENIDO -----*/


/* ------- DETALLE APUNTE ------------ */

.apunte_detalle{
    width: 95%;
    margin-top: 4em;
    margin-bottom: 2em;
}

.caracteristecas_apunte{
        width: 80%;
        margin: 0 auto;
}

.apunte_detalle h5 {
    margin: 8em 0 0.5em 2em;
    color: rgb(126, 126, 126);
}

.apunte_detalle h2 {
color: #9b6513;
margin: 0 0 1em 1em;
}

.caracteristecas_apunte p{
    margin-top: 1em;
}

.caracteristecas_apunte h4{
    margin-left: -1em;
    margin-top: 1.5em;
    font-weight: 700;
}


.apunte_detalle h4 {
font-size: 13px;
font-style: italic;
font-weight: 400;
margin: .5em 0 1em 1.8em;
border-bottom: solid 1px #5b7894; 
}

.botoness button{
    background-color:#ffe5b6 ;
    color: #000000;
    border-radius: 9px ;
    margin: 0 auto;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: .3em;
    box-shadow: 2px 2px 10px rgb(128 128 128 / 48%);
    width: 15%;
    font-weight: 600;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
 .parawebdetalle { 
     display: none;
 }

/* ------- FIN DETALLE APUNTE ------------ */

/*------PERFILENMISLIBROS------*/

.columnaperfil{
    margin-top: 7em;
    display: flex;
    align-items: center;
    flex-direction: column;
    }

    
.columnaperfil h2{
    color: rgb(53, 177, 226);
}

.columnaperfil ul li{
    font-size: 1em;
}
.columnaperfil img{
        margin-top: 1em;
        margin-bottom: 1em;
        background-color: transparent;
        border-radius: 50%;
        width: 7em;
        box-shadow: 2px 2px 10px rgb(73, 172, 230);
        align-content: center;
    }


.botonperfil button{
    visibility: visible;
    background-color:#ffe5b6 ;
    color: #000000;
    border-radius: 9px ;
    margin: 0 auto;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: .3em;
    box-shadow: 2px 2px 10px rgb(128 128 128 / 48%);
    width: 100%;
    font-weight: 600;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    }

.botonperfil button:hover{
    background-color: rgba(57, 149, 185);
    color: white;
}   

.estrellasmislibros {
    display: flex;
    justify-content: center;
    margin-top: .5em;
    margin-left: .5em;
}

.mislibrosperfiltxt{
        margin-bottom: 5em;
        }

.mislibroscontenedora{
        margin-top: 3em;
}       

.mislibroscontenedora h1{
    text-align: center;
    font-size: 1.6em;
    margin-bottom: 0.5em;
    color: rgb(53, 177, 226)
}       

.mislibroscontenedora h3{
    font-size: 1.2em;
        margin-bottom: 1.5em;
        text-align: center;
}

.mislibrosperfil{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 15em;
    flex-direction: row;
    margin-bottom: 1.5em;
    }
    
.mislibrosperfil h2{
    margin-top: 0.5;
    font-weight: 300;
    font-size: 1em;
    margin-bottom: 0.2em;
    margin-top: .2em;
    text-align: center;
    color: rgb(57, 149, 185);}
    

.mislibrosperfil p{
        font-size: 1em;
        margin-bottom: .5em;
        text-align: center;
    }
.mislibrosperfil article{
    padding-bottom: 2rem;
    background-color: rgb(255, 254, 253);
    padding: 1em;
    border-radius: .25em;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
    max-width: 50rem;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    box-shadow: 2px 2px 10px rgb(73, 172, 230);
    min-width: 15em;
    height: 20em;
    }

.mislibrosperfil img{

    background-color: transparent;
    border-radius: 2em;
    width: 8em;
    margin-bottom: .5em;

    }

.mislibrosperfil > div{
    flex-wrap: calc(100% - 9em);
    width: calc(100% -9em);
    min-width: 10em;
}
.flexlibros{
    display: flex;
    overflow-x: scroll;
    margin: 0.5em;
}
.flexlibros article {
    min-width: 15em;
    display: flex;
    flex-direction: row;
    margin-right: 1em;
}

/*-----Carpetas-----*/

.carpetascontenedora{
    margin-top: 2em;

}

.carpetascontenedora h1{
    text-align: center;
    font-size: 1.6em;
    margin-bottom: .5em;
    color: rgb(53, 177, 226);
}

.carpetascontenedora h4{
    text-align: center;
font-size: 1em;
margin-bottom: .5em;
}

.carpetas{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 15em;
    flex-direction: row;
    margin-bottom: 1.5em;
   
    }
.carpetas a{
    text-decoration: none;
    margin:2em 0 0.5em 0 ;
    font-weight: 300;
    font-size: 1em;
    text-align: left;
    color: rgb(57, 149, 185);
}


.carpetas p{
    font-size: 1em;
    text-align: left;
}  
.carpetas img{
    background-color: transparent;
    width: 8em;
    height: 8em;
    margin-bottom: .5em; 
}


.carpetas article{
    padding-bottom: 2rem;
    background-color: rgb(255, 254, 253);
    padding: 1em;
    border-radius: .25em;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    max-width: 50rem;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    box-shadow: 2px 2px 10px rgb(73, 172, 230);
    min-width: 15em;
    height: 15em;
}

.carpetas > div{
    flex-wrap: calc(100% - 9em);
    width: calc(100% -9em);
    min-width: 10em;
}
.flexcarpetas{
    display: flex;
    overflow-x: scroll;
    margin: 0.5em;
}
.flexcarpetas article {
    min-width: 15em;
    display: flex;
    flex-direction: row;
    margin-right: 1em;
}


/*------descarga concretada-------*/

.descargas{
	margin-top: 3em;
    justify-content: center;
    text-align: center;
    margin-bottom: 2em;
}

.descargas h5 {
    text-align: left;
    margin: 8em 0 0.5em 2.5em;
    color: rgb(126, 126, 126);
}

.descargas h2{
    font-weight: 900;
    font-size: 2em;
    margin-top: 0.4em;
    margin-bottom: 0.5em;
    color: rgb(57, 149, 185);
}

.descargas h4{
    margin: 0 0.5em 2em 0.5em;
    font-size: 1em;
}

.leertambien{
    margin-bottom: 2em;
}

.lectura h2{
    margin: 0 0 0.8em 0.5em;
    font-size: 1.5em;
    font-weight: 700;
    text-align: left;
}

.leertambien h3{
    margin: 1.5em 1em 0.5em 0.8em;
    font-weight: 500;
    text-align: left;
    color: rgb(57, 149, 185);
    font-style: italic;
}
    
.leertambien p{
        font-size: 1em;
        margin: 0 1.5em 0.5em 1em;
        text-align: left;
    }

.leertambien a{
        margin-left: 1em;
        text-decoration: none;
        color: rgb(255, 255, 255);
}

.descargar {
    margin: 0 auto;
    justify-content: center;
    text-align: center;
    margin-bottom: 2em;
}

.descargar a{
    text-decoration: none;
    background-color:#f0bf64 ;
    color: #131211;
    border-radius: 6px ;
    text-align: center;
    padding: 0.5em;
    font-weight: 700;
    }

.descargas img{
    width: 15em;
    margin-bottom: 2em;
    box-shadow: 2px 2px 10px rgb(57 149 185);
    border-radius: 1em
}

.descargas span{
    font-weight: 900;
}

@media(min-width: 60em) {


    header nav {
      position: relative;
    }
      

    .menu-btn {
      display: none;
    }
  
.contenedora{
    width: 100%;
    max-width: none;
    display: block;
    padding: 1em;
}

.menu{
    position: relative;
    z-index: 9999;
    top: 0;
    justify-content: flex-end;
    align-items: center;
}

    /* menu visible */
    header nav ul {
      display: flex;
      position: relative;
      opacity: 1;
      visibility: visible;
    }
      

    header nav ul li {
      min-width: 4em;
      margin: 1em 0 .25em .25em;
      padding: 0.5em;      
    }
  
    header nav ul li a {
      background-color: #1177a3;
      border-radius: .3em ;
      color: rgb(255, 255, 255);
      font-size: 1em;
      font-weight: 700;
      width: auto;
      padding: .5em;
      text-align: center;
      display: block;
    }
  
    header nav ul li a:hover {
      background-color: white;
      color: #009cde;
    }

    #logo img{
        margin: 0 auto;
        margin-left: 1em;
    }

/*-------- universo del libro--------*/

.descripcion h1 {
    margin: 4.5em 0 0 1em;
    text-align: left;
}

.descripcion p {
    text-align: left;
    margin-bottom: 3em;
}

/*-------- novedades--------*/

.novedades{
    display: block;
    padding: 1em;
    background-color: #f0bf64;
}

.novedadesh2 {
    margin:1em 0 1em 0 ;
    text-align: center;
    color: rgb(0, 0, 0);
}


.novedades p{
    margin: 1em 0 0.4em 2.7em;
}

p.autornovedades {
    margin: 0 0 1em 2.6em;
    font-size: 1.2em;
    color: rgb(87, 87, 87);
}


.flexarticle{
    margin: 0 auto;
}


.novedades img {
    margin: 0 auto;
    max-width: 70%;
    box-shadow: 2px 2px 10px white;
}




/*--------ultimos descargados--------*/


.ultimosdescargados{
    margin-left: 2em;
    justify-content: left;
    text-align: left;
    margin-bottom: 2em;
    flex-wrap: wrap;
    
}

.ultimosdescargados h2{
    font-weight: 900;
   
}

.ultimosdescargados h3{
    margin-top: 1.3em;
    font-weight: 700;
    color: rgb(53, 53, 53);
    
}

.ultimosdescargados ul li a{
    color: rgb(57, 149, 185);
text-decoration: none;
list-style: none;
font-weight: 500;
margin-right: 2em;

    
}

.ultimosdescargados1{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;

}

.librodescargado{
    width: 20em;
    margin-bottom: 1em;
}


/*--------ultimos descargados--------*/

.titulos-contacto h2 {
    margin-top: 4.5em;
}



/*--------registro--------*/

.iniciarsesion h2 {
    margin-top: 4.5em;
}





/* ------- DETALLE APUNTE ------------ */

.botoness {
    margin-top: 2em;
    width: 100%;
}
.apunte_detalle{
    width: 90%;
}
.parawebdetalle {
    display: initial;

}
.parawebdetalle h3 {
    font-weight: 300;
    font-size: 17px;

}
.apunte_detalle h2 {
margin: 0.5em 0 1em 2em;
}

.apunte_detalle h5 {
    margin-top: 11em;
    margin-left: 4em;
    margin-bottom: 3em;
}

.apunte_detalle h4 {
    margin-left: 4em;
border-bottom: solid 1px #5b7894 ; width:96%;
}

.apunterelacionado { 
    
    margin-top: 2em;
    color: rgb(57, 149, 185);
    margin-bottom: 3.5em; 
    
}



/*--------Contenido mapas conceptuales--------*/

.mapascontenedora h1{
    margin-top: 4em;
    justify-content: center;
    text-align: center;
    margin-bottom: 1em;
    font-weight: 900;
    color: rgb(53, 177, 226);
}

.mapascontenedora h4{
    font-size: 1em;
        margin-bottom: .5em;
        text-align: center;
}

.carpetasmapas h3{
    margin-top: 1em;
    font-weight: 900;
    font-size: 2em;
    margin-bottom: 0.5em;
    text-align: center;
    color: rgb(57, 149, 185);}
    

.carpetasmapas p{
        font-size: 1em;
        margin-bottom: 1em;
        text-align: center;
    }
.carpetasmapas article{
    padding-bottom: 2rem;
    background-color: rgb(255, 254, 253);
    margin: 1em 1em 1em 1em;
    padding: 1em;
    border-radius: .25em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    max-width: 50rem;
    margin: 2em auto;
    box-shadow: 2px 2px 10px rgb(73, 172, 230);

    }

.carpetasmapas img{
    background-color: transparent;
    border-radius: 50%;
    width: 8em;
    }

.carpetasmapas > div{
    flex-wrap: calc(100% - 9em);
    width: calc(100% -9em);
    min-width: 10em;
}

.carpetasmapas article a{
    
    border-radius: .25em;
    padding: .15em 1em;
    text-decoration: none;
    text-emphasis-color: black;
    margin-top: .5em;
    text-align: center;
   }

/*--------PERFIL/mis libros--------*/

.columnaperfil{
    background-color:rgba(226, 208, 208, 0.795);
    margin-top: 7em;
    height: 1000px;
    width: 365px;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    }

.columnaperfil ul li{
    color: rgb(126, 126, 126);
    font-size: 1em;
}


.columnaperfil img{
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: transparent;
    border-radius: 50%;
    width: 10em;
}
.columnaperfil h2{
    margin-top: 1em;
    color: rgb(53, 177, 226);
    font-size: 2em;
   
}

.mislibroscontenedora{
margin-top: 8em;
float:right;
width: calc(100% - 365px);

}

.mislibrosperfil{
    padding: 0;
    justify-content: center;
    margin-top: 1em;

}

.mislibrosperfil article{
    display: flex;
    margin-left: 5em;
}


.flexlibros {
 overflow-x: hidden;
    background-color: #f0bf64;
    padding: 2em;
    margin-bottom: 0;
}

.flexcarpetas {
    overflow-x: hidden;
}



/*------edad media-------*/

.accordion-titulo{
    margin-top: 2.5em;
    width: 16%;
    text-align: left;
    margin-left: 2.5em;
}


.accordion-content {
    width: 25%;
}


.bloqueedadmedia h2{
    text-align: left;
    margin-left: 2em;
}

.bloqueedadmedia h4{
    width: 70%;
    text-align: left;
    margin-left: 3.5em;
}



.bloqueedadmedia h3{
    text-align: left;
    width: 20em;
    margin-left: 2.5em;
}

.bloqueedadmedia p{
    text-align: left;
    margin-left: 2.9em;
}

.flexarticleedadmedia{
    display: flex;
    margin: 0 auto;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}


img.libroedad{
    width: 20em;
    display: flex;
    flex-direction: row;
}


/*------libro detalle ------*/ 

.portada_libro {
    width: 60%;
}
.libro {
    margin: 0.5em;
    display: flex;
   width: 85%;
}

.caracteristecas_libro {
    margin-top: 16em;
    margin-left: 3em;

}
.caracteristecas_libro p {
font-size: 15px;
}

.estrellas { 
    margin-top: 2em;
    margin-left: 12em;
}
.detalibro {
    margin-left: 6em;
    margin-top: 2em;
}

.botones {
    margin-left: 6em;
    width: 120%;

}
.resenadetallemobile {
    display: none;
}

.resenadetalleweb {
    display: initial;
    margin-top: 2em;
    margin-left: 22em;
    margin-right: 3em;
    
   
    
}
.resenaydetalle {
    display: flex;

}

.portada_libro {
    margin-top: 3em ;
}

.libro_detalle {
    margin-left: 3em;
}
.libros_similares
{
    margin-left: 3em;
    
}

.articleflex img {
    width: 20em;
}

.otro { 
    margin-left: 5em;
    margin-right: 4em;
}

.otro p{
    width: 70%;
}

/*------ FIN libro detalle ------*/ 


/*------ Acumar-------*/


.primero1 {
    margin-top: 3em;
    width: 370em
}

.segundo2 {
    margin-top: 12em;
    margin-left: 3em;
}

.bienvenida {
    width: 90%;
    margin-top: 6.5em;
    margin-bottom: 1em; 
  margin-left: 3em;
  display: flex;
}

.tercero3 {
margin-left: 5em;
margin-right: 4em;
margin-top: 3em;
margin-bottom: 4em;
}
.tercero3 h2 { 
    font-size: 20px;
    color: #2888ad;
margin-bottom: 1em;
}

/*------ FIN Acumar-------*/

/*------ MATERIAL DE ESTUDIO -------*/

.apuntesweb h2 {
    margin: 6em 0 0 1em;
    color: rgb(57, 149, 185);

}

.apuntesweb h4{
    margin-left: 1.5em;
    color: rgb(114, 114, 114);
    margin-bottom: 1em;
}


.bloqueedadmedias {
  display: none;
}
h2.txt-edadmedia { 
    text-align: left;
}



.apuntes { 
    display: none;
}


.apuntesweb{
    display: initial;
    margin-left: 1em;
    justify-content: left;
    text-align: left;
    flex-wrap: wrap;
    
}

.bloqueedadmedias h4 {
    margin-left: 3.5em;
   
}
.apuntenombre h3{
    margin-top: 2em;
    font-weight: 700;
    color: rgb(57, 149, 185);
    margin-bottom: 0.5em;
    
}
.titulomapas{
    margin-left: 3em;
    margin-top: 3em;
    font-weight: 700;
    color: rgb(57, 149, 185);
    margin-bottom: 0.5em;
    
}

.apuntenombre ul li a{
    color: rgb(10, 10, 10);
text-decoration: none;
list-style: none;
font-weight: 500;
margin-right: 2em;

    
}

.apuntes1{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;

}

.apuntenombre{
    width: 20em;
    margin-bottom: 2em;
}
.mapas_conceptuales {
    display: initial;
}

.mapasimagenes {
    display: flex;
    margin-left: 3em;
    margin-right: 3em;
}

.mapasimagenes h3{
    margin-top: 1em;
    font-weight: 900;
    font-size: 2em;
    margin-bottom: 0.5em;
    text-align: center;
    color: rgb(57, 149, 185);}
    

.mapasimagenes p{
        font-size: 1em;
        margin-bottom: 1em;
        text-align: center;
}

.mapasimagenes article{
    padding-bottom: 2rem;
    background-color: rgb(255, 254, 253);
    margin: 1em 1em 1em 1em;
    padding: 1em;
    border-radius: .25em;
    max-width: 20rem;
    margin: 2em auto;
    box-shadow: 2px 2px 10px rgb(73, 172, 230);
}

.mapasimagenes img{
    display: flex;
    width: 6em;
    margin: 0 auto;
}

.mapasimagenes > div{
    flex-wrap: calc(100% - 9em);
    width: calc(100% -9em);
    min-width: 10em;
}

.mapasimagenes article a{
    
    border-radius: .25em;
    padding: .15em 1em;
    text-decoration: none;
    margin-top: .5em;
    display: flex;
    margin: 0 auto;
    justify-content: center;

}

/*------footer-------*/

.contenedorfooter{
    display: flex;
}

.footerid{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footerid img{
    display: flex;
    width: 15%;
    align-items: center;
}

footer h2{
    display: flex;
    margin-bottom: 0;
}

footer ul{
    display: flex;
    flex-direction: column;
    text-align: left;
}


/*------descarga concretada-------*/

.descargas{
	margin-top: 9em;
}

.leertambien{
    display: flex;
    justify-content: center;
    
}

.descargas h2{
    margin-top: 1em;
}



.lectura{
    background-color: #f0bf64;
    padding: 1em;
}

.lectura h2{
    margin: 1em 1em 1em 1em;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    
}


.leertambien h3{
    margin-top: 1em;
    width: 15em;
}
    
.leertambien p{
    width: 20em;
}

.botondescarga {
    margin-bottom: 6em;
    width: 30%;
}

}