/*   TIPOGRAFIA NOTO SANS JP*/

/*.................................................RESPONSIVE PARA CELULARES...................................................*/
@charset"utf-8";

/* TIPOGRAFIA*/
@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');


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


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

#seccion2-desktop{display: none;}
#niveles-desktop{display: none;}

header{font-family: 'Noto Sans JP'; 
    display: block;
    background-color:#4e1486;
    
}
.header{
    
        
      
      display: flex; 
    justify-content:space-between;
    padding:1em;
    align-items: center;

}

#fotoytexto {
    display: flex;
    align-items: center;   
}

#fotoytexto p{padding-right: 1em;
    color: white;
}

.logo-acumar figure img{
    width: 14em;
}
#fotoytexto figure img {width:4em;}

#barrasm{width:8em;}

/* ...........MENU HAMBURGUESA...........*/ 
#barrasm {width: 2em; margin:.6em 1.2em .3em .5em;  
height: 100%; }
    
#menu {height: 10em; }
    
header nav ul {margin-top: 2em; }

header > ul { display: flex;
    text-decoration: none;}

header > ul > li { align-self:center;
    width: 2em;
    display: flex; }

header ul li a {  text-decoration: none;
    color: #4e1486; }

header li {list-style: none;}

header nav {padding-top: 2em;
    color: white;
    position: fixed;
    right: -100vw;
    text-align: center;
    top: 0;
    height: 100vh;
    min-width: 100vw;
    transition: all .6s ease;
    z-index: 99999;  
     transition: all .6s ease;}
    
header nav:target { right: 0;}

header nav  li a { display: block;
    padding:.5em;
    text-align: center;
    background-color: #EE8025;
       
    border-bottom: .2em solid;
    border-bottom-color: #f5d52b;
    text-align:center;
    font-weight: 700;
}



header nav a:hover { color: white;}



#x { text-decoration: none;
    font-size: 2em;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    padding:.5em;
    text-align: end;
    background-color: #EE8025;
    width: 100vw;
    
}

/*-----BARRA BUSCADOR---*/
.barra-buscador{
    display: flex;
    justify-content: space-around;
    background-color:  #EE8025;
    align-items: center;
}

#buscador{
    margin-top: 2em;
    width: 30em;
    border-color: #f5d52b;
    border-radius: 1.5em;
}	

#buscador-boton{
    width: 4em;
    height: 2em;
   padding: 0;
    border-color: #4e1486;
    border-radius: 1em;
}
/*FIN DE HEADER*/

/*MAIN PARA TODOS*/

main{
    margin-left: 1.5em;
    margin-right: 1.5em;
}

/*----FOOTER PARA TODOS-----*/
footer{
    width: 100%;
    height: 100%;
    position: relative;
        
}
    .footer-caja {   background-color:#4e1486;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 4em;
font-family:  'Noto Sans JP', sans-serif;
        flex-grow: 0;
}
  
     .footer-caja ul{color:white;
                    margin-bottom: 1em;
 list-style: none;}
  
    .titulo-footer{color: #F2D523;
                   margin-top:1em; }





/*.................................................INDEX......................................................................*/

.tituloindex{
    padding-top: 1em;
    padding-bottom: 1em;
    font-family:  'Luckiest Guy', sans-serif;
    color:#4e1486;
    text-transform: uppercase;
}

.buscador-escritorio{
    display: none;
}
    
video{
    width: 90vw;
    border-radius: 1em;
}

.videosolo{
    display: flex;
    justify-content: center;
}
.textodelvideo{
    display: none;
}

#top3{
    padding-top: 2em;
}

.titulos-fondo-violeta{
   padding-top:.2em;
    padding-bottom:.2em;
    padding-left: .5em;
    background-color:#4e1486;
    border-radius: .4em;
    font-family:  'Luckiest Guy', sans-serif;
    color:#f5d52b;
    font-size: 25px;
   letter-spacing: 0.05em;
  word-spacing: 0.09em;
    margin-top: 3em;
}

#natacha{
    margin-top: 3em;
    background-color: #f5d52b;
    border-radius: 2em;
    display: flex;
}

#natacha figure img{
    position: relative;
   top: -2em;
    left: 1em;
width: 14em;
    padding-left: 1em;
    
}

#textonatacha{
    padding-left: 1.5em;
    padding-top: 1em;
    padding-right: 1em;
    font-family: 'Noto Sans JP';
}

#textonatacha h2{
   font-weight: 900;
    font-size: 30px;
}

#textonatacha h4{
   font-weight: 300;
    font-size:18px;
    padding-bottom: 1em;
}

#textonatacha p{
  line-height: 1.3em;  
}

#categorias{
    display: flex;
    justify-content: space-around;
    padding-top: 1em;
}

#categorias h3{ background-color: #f55352;
    border-radius: .2em;
    padding-right: 1em;
    padding-left: 1em;
    color: white;
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
}

#destacados-chiquitos{
    font-family: 'Noto Sans JP';
    margin-top: 5em;
    display: flex;
    justify-content: center;
    
}

#franklin{
    background-color:  #f5d52b;
     border-radius: 1em;
    margin-right: 1.3em;
   width: 15em;
}
#franklin figure {
     display: flex;
    justify-content: center;
}
#franklin figure img{
   width: 80%;
    border-radius: .9em;;
    position: relative;
    top: -2em;
    
}

#franklin h2{
   font-size: 14px;
    text-align: center;
}
#franklin h4{
    text-align: center;
    font-size: 12px;
    font-weight: 300;
}
#matematica2{
    background-color:  #f5d52b;
     border-radius: 1em;
    width: 15em;
}
#matematica2 figure {
     display: flex;
    justify-content: center;
}
#matematica2 figure img{
    width: 80%;
    border-radius: .9em;;
    position: relative;
    top: -2em;
    
}

#matematica2 h2{
   
    font-size: 14px;
    text-align: center;
    
}

#matematica2 h4{
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    padding-bottom: 1em;
}




/* ELEGIDOS PARA VOS*/

#elegidos{
   margin-top: 4em;
    font-family:  'Noto Sans JP';
}

#matrix{
    margin-top: 2em;
    background-color: #f5d52b;
    border-radius: 1em;
    align-items: center;
    width: 91vw;
    margin-bottom: 2em;
}

#matrix figure img{
    width: 91vw;
}

#textomatrix{
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: .5em;
}

#textomatrix h2{
    color:#4e1486;
    font-weight: 800;
}

#textomatrix h3{
   font-size: 20px;
    font-weight: 400;
    font-style: italic; 
}
.sinopsis{
    font-size: 18px;
    line-height: 1.5em;
    padding-bottom: .7em;
    padding-top: .4em;
    
}

.elenco{
    font-size: 12px;
    font-weight: 700;
}

/* EL SECRETO DE SUS OJOS Y BIOLOGIA*/
#elegidos-chicos{
    display: flex;
    justify-content: center;
}

#elsecreto{
    margin-top: 2em;
    background-color: #f5d52b;
    border-radius: 1em;
    align-items: center;
    margin-bottom: 2em;
    margin-right: 1.5em;
}

#elsecreto figure img{
    width: 40vw;
}
.textos{
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: .5em;
}

.textos h2{
    font-size: 15px;
    color:#4e1486;
}

.textos h3 {font-size: 16px;
    font-weight: 400;
    font-style: italic;
    
    }

.textos p{
    font-weight: 600;
}
#biologia{
     margin-top: 2em;
    background-color: #f5d52b;
    border-radius: 1em;
    align-items: center;
    margin-bottom: 2em;
    margin-left: 1.5em;
}

#biologia figure img{
    width: 40vw;

    }

/*-----BOTONES DE INICIO Y REGISTRO que van en el INDEX-----------------*/
   #inicioyregistro{ display: flex;
                    flex-direction: column;
                    align-items: center;
font-family:  'Noto Sans JP', sans-serif;}
    
    .registro-index {margin-top: 2em;
 background-color: #4e1486; 
     width: 14em;
 border-radius: 15px;
text-align: center;}
    
   .registro-index a{
     color: white;
        font-size: 20px;
        font-weight: 500;
          text-decoration: none;
   }
    
.iniciar-sesion-index{
     display: flex;
     flex-direction: row;
    margin-bottom: 3em;
}

.iniciar-sesion-index a{
        font-weight: 500;
        display: flex;
        flex-direction: row;
    color:black;
    
}





/*---------------------------------------------------CONTACTO---------------------------------------------------------------------*/

.contact_form{  
 
  border-radius: 10px;  
  display: flex;
justify-content: center;  
  
  }

.contact_form span  {color:black;}

input{
  background-color: #fbfbfb; 
  width: 408px; 
  height: 40px; 
  border-radius: 5px;  
  border-style: solid; 
  border-width: 1px; 
  border-color:  #4e1486; 
  margin-top: 10px;  
  padding-left: 10px;
  margin-bottom: 20px; }

textarea{
  background-color: #fbfbfb; 
  width: 405px; 
  height: 150px; 
  border-radius: 5px;  
  border-style: solid; 
  border-width: 1px; 
  border-color:#4e1486 ; 
  margin-top: 10px;  
  padding-left: 10px;
  margin-bottom: 20px; 
  padding-top: 15px; }

label{ display: block; 
  float: center; }
     
button{
  height: 45px; 
  padding-left: 5px;
  padding-right: 5px;   
  margin-bottom: 20px; 
  margin-top: 10px;   
  text-transform: uppercase;
  background-color:  #4e1486; 
  border-color:  #4e1486; 
  border-style: solid; 
  border-radius: 10px;  
  width: 420px;   
  cursor: pointer;}
     
button p{color: #fff; }

span{ color: #4e1486; }

.aviso{ font-size: 13px;  
  color: #0e0e0e; }

.formulario h1  {
  text-align: letf; 
  padding-bottom: 20px; 
  color: #4e1486 ;
    font-family: 'Luckiest Guy'; 
     font-size: 26px;
    }

.formulario h3{
        font-family:  'Noto Sans JP';
    padding-bottom: 1em;
    }
p{ font-size: 14px; 
  color: #0e0e0e; 
     font-family:  'Noto Sans JP', sans-serif;}

::-webkit-input-placeholder {
 color: #a8a8a8;}


::-webkit-textarea-placeholder { color: #a8a8a8;}

.formulario input:focus{ outline:0;
  border: 1px solid #4e1486;}

.formulario textarea:focus{
  outline:0;
  border: 1px solid #4e1486;}

.contact_form form input { width:30em;}


#mensaje  {font-family:  'Noto Sans JP', sans-serif;
    
}


.mas-contacto{
    font-family:  'Noto Sans JP', sans-serif;
    display: flex;
    justify-content: space-around;
    margin-top: 2em;
    
    border-top: 2px solid;
    border-top-color:#4e1486;
    padding-top: .8em;
    margin-top: 3em;
    
    
}

.mas-contacto{
    display: flex;
    flex-direction: column;
 
}


.datos-datos h3{
       
    text-align: center;
}

.datos-datos h4{
       
    text-align: center;
}

.datos-datos h5{
       
    text-align: center;
}

.mas-contacto h3{
    color:#4e1486;
    padding-bottom: .5em;
}



.redes-datos{
    margin-top: 2em;
}

.redes-datos-sintitulo figure img{
    width: 3em;
}



.redes-datos-sintitulo{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 2em;
}

.datos-escritorio{
    display: none;
}

.img-callcenter{
    display: none;
}

#enviar a{
    color:white;
    text-decoration: none;
}
/*--------------------------------------------------------FICHA MATERIAL----------------------------------------------------------*/
 
.botones-info{
    background-color: #F2D523;
    padding-left: 2em;
    padding-right: 2em; }

.texto-material p{font-family: 'Noto Sans JP', sans-serif;}

.botonatras img{ 
   width: 4em;
    padding-top: 1.3em;
    padding-left: 1em;
    padding-right: 1em;
}

.flechaylibro{
    display: flex;

}
    
.texto-material{
    margin-left: 1em;
    margin-right: 1em;}
    
.titulo-info-material{
    font-size: 28px;
    padding-bottom: .3em;
    padding-top: .5em;
    color:#4e1486;
     font-family: 'Luckiest Guy', sans-serif; }
    
.deprisa{font-size: 27px;
     padding-bottom: .6em;
    color:#4e1486;}

.info-material{background: #F2D523;
}

.botones-info{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 1em;
    font-family: 'Noto Sans JP', sans-serif;
}
    
.sinopsisfranklin{color:#4e1486;}

.vista-previa{
    background-color: #EE8025;
    height: 2em;
    width: 8em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .2em;}

.vista-previa a {
    color:white;
    text-decoration: none;
    font-size: 16px;
font-weight: 900;}

.descargar-gratis{
    background-color: #4e1486;
    height: 2em;
    width: 10em;
    display: flex;
    
    justify-content: center;
    align-items: center;
    border-radius: 1em;}


.descargar-gratis a{ 
    color:white;
    text-decoration: none;
    font-size: 16px;
font-weight: 900;}

.datos-material{display: flex;
                justify-content: center;
                 align-items: center;}


.datos-material img{
    display: block;
    margin: auto;
    margin-top: 2em;
    margin-bottom: 2em;}

.cajadatos{ padding-left: 3em;
     font-family: 'Noto Sans JP', sans-serif;
    display: flex;
    justify-content: center;
}
    
.ficha-datos p{padding-bottom: .3em;
    font-size: 19px;}
    
.datos{font-size: 25px;}

.botongrande{ display: flex;
    justify-content: center;
font-family: 'Noto Sans JP';
padding-bottom: 2em;}

#agregar-biblio{
     background-color: #EE8025;
    height: 2em;
    width: 12em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .4em;
    margin-top: 1em;}

#agregar-biblio a{color: white;
    text-decoration: none;}
    
    
#caja-formulario-comentario input {width:20%;
margin-left: 1em;
}

#caja-comentarios{
         display: flex;
        padding-top: 2em;
        padding-bottom: 2em;
        flex-direction: column;
      align-items: center;}

#comentarios-hechos figure img{
    width: 25em;
}
    
    #comments{
        width: 20em;
        height: 10em;
        border-radius: .4em;
     border: 2px solid darkgray;
        font-family: 'Noto Sans JP', sans-serif;
        color:darkgray;
        padding-left: 1em;
        padding-top: .2em;}
    
    #publicar{
        font-family: 'Noto Sans JP';
        color: #f88028;
       padding-right: 1em;}
    
    #caja-formulario-comentario{
        display: flex;
        flex-direction: row;
        align-items: center; }
    
    #boton-mas-comentarios a{
         font-family: 'Noto Sans JP', sans-serif;
        color: #f88028;
       text-decoration: none;
        font-size: 30px;}
    
    #boton-mas-comentarios{  
        border-radius: 3em 3em 3em 3em;
     border: .4px solid #f88028;
       padding-left: .8em;
        padding-right: .8em;
        margin-top: 1em;} 

.subtitulos{
    font-family: 'Luckiest Guy', sans-serif;
    color:#f5d52b;
        background-color:#4e1486;
    border-radius: .4em;
    padding-left: .5em;
    letter-spacing: 0.07em;
 text-transform: uppercase;}
    
/*------- OTROS LIBROS DE ESTE AUTOR  -----------*/

#otros-mismo-autor{ display: flex;
                justify-content: space-around;

    font-family: 'Noto Sans JP', sans-serif;
margin-top: 2em;}

#otros-mismo-autor figure img{
    width:12em}

.subtitulo{
    font-size: 12px;
    width: 10em;
}

/*---------------------------------------------------------VISTA PREVIA ----------------------------------------------------------*/

.libro-vista-previa{display: flex;
                     align-items: center;}

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

.boton-agregar-biblioteca{display: flex;
               justify-content: center;
                margin-top:1em;
               margin-bottom: 2em;}

#agregar-biblio a{font-family: 'Noto Sans JP', sans-serif;
       color: white;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;}

.libro-mas-boton{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.scroll-libro figure img{
    width: 80vw;
    padding-bottom: 1em;
}
.descargar-gratis{font-family: 'Noto Sans JP';
}


/*---------------------------------------------------------REGISTRO --------------------------------------------------------------*/

.registro-todo{display: flex;
    padding-top: 4em;
      justify-content: center;
 align-items: center;}

.registro{
    display: flex;
    flex-direction: column; 
    align-items: center;
}

.registro-formulario{
  width: 460px; 
  height: auto;
  border-radius: 1em;  
  padding-top: 2em;
  padding-bottom: 2em;  
  background-color: #4e1486;
}


.subtitulo-registro{
    font-family: 'Noto Sans JP', sans-serif;
    color: white;
    margin-top: .6em;
    font-size: 1em;
    font-weight: 100;
    display: flex;
    flex-wrap: nowrap;
     margin-bottom: 1em;}

.registro h3 a{
    color: white;
    font-size: 1em;
    text-decoration-line:underline;  }

.registrate{
    font-family: 'Noto Sans JP', sans-serif; 
    color:white;
    border-radius: 8px;  
    background-color:#f88028;
    width: 6em;
    font-size: 24px;
    text-align: center;
    font-weight:500;
     padding: 0.5em;}

input{
  background-color: white; 
  width: 408px; 
  height: 40px; 
  margin-top: 10px;  
  margin-bottom: 20px; }

textarea{
  background-color:white; 
  width: 30em; 
  height: 13em; 
  margin-top: 10px;  
  margin-bottom: 20px; 
  padding-top: 15px; }

label{ display: block; 
  float: center; }

.boton-enviar-registro{
  margin-bottom: 2em; 
  margin-top: 1em;   
  text-transform: uppercase;
  background-color:  #f5d52b;  
  border-radius: 1em;  
  width: 17em;   
    padding: .5em;
  cursor: pointer;}

 
span{  color: white; }


.registro p{ color: white;}


.formulario h1 {
 
  padding-bottom: 20px; 
  color: #4e1486 ;
    font-family: 'Luckiest Guy'; }
.formulario h3 {

  padding-bottom: 20px; 
  color: #4e1486 ;
    font-family: 'Noto Sans JP'; }

p{  font-size: 14px; 
  color: black; 
     font-family:  'Noto Sans JP', sans-serif;}

.boton-enviar-registro a{display: flex;
                          justify-content: center;
                         text-decoration-line: none;}

::-webkit-input-placeholder {
 color: #a8a8a8;}


::-webkit-textarea-placeholder {
 color: #a8a8a8;}


.formulario input:focus{
  outline:0;
  border: 1px solid #4e1486;}


.formulario textarea:focus{
  outline:0;
  border: 1px solid #4e1486;}

#placeholder-registro{width:20em;}

/*------------------------------------------------INICIO SESION (LA PÁGINA)-------------------------------------------------------*/ 
   
.registro-registro{display: flex;
                     justify-content: center;
                       flex-direction: column;
                       align-items: center;}
    
    .registro-registro .registrate-registro{display: flex;
                     justify-content: center; }

    
   .registrate-registro{font-family: 'Noto Sans JP', sans-serif;
                         background-color: #f88028;
                          width:8em;
                         border-radius: 8px;
                      color: white; 
                      font-size: 24px;
                        font-weight: 500;
                     margin-bottom: .7em;
                         padding: 0.5em;}

.subtitulo-registro-registro{font-family: 'Noto Sans JP', sans-serif; 
        color: white; 
        font-weight: 100;     
        font-size: 1em;
        margin-bottom: 1em;}
    
     .subtitulo-registro-registro a{font-family: 'Noto Sans JP', sans-serif; 
                                 color: white; 
                                font-weight: 100;}
   .registro_nombre, .registro_contrasena, .aviso-registro{ color: white;}
    
    
   .registro-formulario .boton-de-ingresar{background-color: #f5d52b;
                 padding: 1em;
                 width:15em;
                 border-radius: 9px;}    


    .boton-de-ingresar a{color: white;  
                         text-decoration-line: none;}

 /*--------------------------------------------------------- PERFIL---------------------------------------------------------------*/ 


.unido{ color: darkgrey;}

#perfil{  display: flex;
          margin-top: 1em;  
           align-items: center;
            justify-content: space-around;
            }

#datos-perfil{font-family:  'Noto Sans JP', sans-serif;  }


.nombre-perfil{ font-size: 27px; }


.unido{color: gray;
    font-size: 18px;
    padding-bottom: .5em;}

.titulo-perfil{font-family:  'Luckiest Guy';
               color: #4e1486;
               font-size: 2em;
     text-transform: uppercase;
            }

#zona-imagen {display: flex; 
            flex-direction: column;
              align-items: center;
    
              padding: 3em;  }

#zona-imagen label{
    background-color: #EE8025;
    border-radius: .3em;
    color: white;
    height: 3em;
    font-family:  'Noto Sans JP', sans-serif;
    font-weight: 100;
    padding: .4em;
     display: flex;
    align-items: center;}


#zona-imagen input{
 width: 0.1px;
 height: 0.1px;
 opacity: 0;
   overflow:hidden;
    position: absolute;
    z-index: -1;
}

#zona-imagen img{
    width: 12em;}

  /*------------- BARRAS DE INTERACCION - (DE PERFIL)---------------------*/ 
    #datos-interaccion{ box-sizing:border-box;
    border: 1em;
    padding-right: 1em; }
    
    .barra-subido{
    width: 90%; background-color: #EE8025;
    text-align: right; 
  color: white;   }

.barra-descargado{
    width: 50%; background-color:#EE8025;
    text-align: right; 
  color: white;  }

  
.contenedor-barra {
  width: 100%; 
  background-color: white;
     border: .2em solid #4e1486;
   width: 280px;}

#datos-interaccion p{
    margin-bottom: .5em;
    margin-top: .5em;}
    
 /*-------------MATERIAL SUBIDO -(DE PERFIL)---------------------*/ 

.slide-desktop{display: none;}

 /*-SLIDER--------( de  PERFIL)-------*/ 
    
    #myCarousel{display: flex;
              align-items: center;}
.item-active {display: flex;
    flex-direction: row;}

    .carousel-indicators {display: none;}

.carousel-inner figure img{
   width: 60vw;
    
}
.carousel-inner figure {
    display: flex;
    justify-content: center;
}   

/*------------- MI BIBLIOTECA (DE PERFIL)  ---------------------*/
   #mibiblioteca{display: flex;
                 margin-top: 1em;
}
#mibiblioteca figure{display: flex;
    justify-content: space-around;
}

   #mibiblioteca img {width: 30vw;
display: flex;
justify-content: center;
       
}

.textosubido{font-family: 'Noto Sans JP', sans-serif; 
    text-align: center;
    margin-top: -1em;
   
          }

.sub-titulo{font-size: 12px;}

.sub-titulo-bien{
   font-size: 16px;
   font-weight: 700;
    color:#f88028;
    
    
}
.textosubido p{

    text-decoration: underline;
}

.caption p {
    text-decoration: underline;
}

/*------------- SUBIR MATERIAL BOTON AMARILLO (DE PERFIL)  ------------*/

.subir-material{
    display: flex;
    justify-content: center;
    font-family: 'Noto Sans JP', sans-serif;
    margin-top: 2em;
    margin-bottom: 2em;
    font-weight: 700; }

.boton-subir-material a{
    background-color: #F2D523;
    width: 20em;
    height: 2em;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin:2em;
    font-size: 25px;}

.boton-subir-material{
    display: flex;
    justify-content: center;}


/*------BOTON POP UP PARA SUBIR NUEVO MATERIAL (de PERFIL)--------*/

.modal3{width: 100%;
	height: 100vh;}

.modal3{
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	transition: all 500ms ease;
	opacity: 0;
	visibility: hidden;  }

   
#btn-modal3:checked ~ .modal3{
	opacity: 1;
	visibility: visible;} 

#btn-modal3:checked ~ .modal3 .contenedor3{
	transform: translateY(0%);} 
 
#btn-modal3{display: none;}

.lbl-modal3{
	background: #F2D523;
	padding-top: .7em;
    padding-bottom: .7em;
	border-radius: 29px;
	cursor: pointer;
    color: white;
    display: flex;
    justify-content: center;
    width: 30%;}

.contenido3 h3{ background-color: #f88028;
     color: white;
   text-align: center;
    width:10em;
    border-radius: 0.3em;
 margin-bottom: 10px;}

.contenido { color: white;}

.contenedor3{
	width: 25em;
	height: 16em;
	margin: auto;
    margin-top: 10em;
	background: #4e1486;
	box-shadow: 1px 7px 25px rgba(0,0,0,0.6);
	transition: all 500ms ease;
	position: relative;
	transform: translateY(-30%);
    border-radius: 5px;
    color: white;}


.contenedor3 label{
	position: absolute;
	bottom: 12.7em;
    left:22em;
	color: white ;
	font-size: 15px;
	cursor: pointer;}

.contenido3{
	align-items: center;
     display: flex;
    flex-direction: column;
    background-color: #4e1486;
    border-radius: 6px;
    padding: .5em;}
    
    .subir-material form p{color:white;}
    
.boton-subir-material {padding:.4em; }
    
    .listo{display: flex;
   background: #F2D523;   
    text-align: center;
    width: 6em;
    border-radius: .4em;    
    margin-top: 1em; 
    margin-bottom: 1em;
    margin-left: 4em;
    padding: .5em;}

.listo a{margin-left: 1.2em;
    color:white;
    text-decoration: none;   }


input{width:15em;  }

/*-------------------------------------------------------TALLER-------------------------------------------------------------------*/
.caja-taller{display: flex;
              justify-content: space-around;}

.titulo-taller{font-family:  'Luckiest Guy';
               color: #4e1486;
               font-size: 26px;
               margin-top: 1em;
    text-transform: uppercase;
    
                }

.taller-1{
           margin-top:1.5em ;
display: flex;
background-color: #9772b4;
height: 14em;
    border-radius: 1em;
}


.taller-2{
            margin-top:1.5em;
display: flex;
align-items: center;
background-color: #9772b4;
height: 14em;
    border-radius:1em;}

.taller-1 figure{
display: flex;
align-items: center;
    }

.taller-1 p{
display: flex;
align-items: center;
      padding-right: 1em;
    }
.taller-2 p{
display: flex;
align-items: center;
    padding-right: 1em;
    
    }
.taller-1 figure img{width:13em;
    padding-right:1em;
padding-left: 1em;
}

.taller-2 figure img{width:15em;
                     padding-right:1em;
padding-left: 1em}

.formulario-taller{display: flex;
              justify-content: center;
             margin-top: 3em;
border-top: 3px solid;
    border-top-color: #4e1486;
}
.formulario h1{
    padding-top: 1em;
}

.formulario-taller form{display: flex;
                       flex-direction: column;
                         justify-content: center;
}


.formulario-taller #enviar {background-color:  #F2D523;
                          width:15em; 
                             border-radius: 9px;
}


.formulario-taller form span  {color:black;}

.logo-acumar-taller figure img {width:20em;}

#nombre{
    width: 30em;
    
}
#email{
    width: 30em;
    
}
#assunto {
    width: 30em;
    height: 10em;
       
}





/*------------------------------------------------QUIENES SOMOS-------------------------------------------------------------------*/

.titulo-quienes-somos{ padding-top: 1em;
    padding-bottom: 1em;
    font-family:  'Luckiest Guy', sans-serif;
    color:#4e1486;
    text-transform: uppercase;
font-size: 24px;}



.imagenes-quienes-somos {display: flex;
                        flex-wrap: wrap;
                         justify-content: space-around;
                         align-items: center;
                          margin-top:2em;}


.imagenes-quienes-somos figure img {width:15em;}


.ubicacion-acumar{
    display: flex;
   align-items: center;
    flex-direction: column;
}

.ubicacion-acumar iframe{
    width: 80vw;
    border-radius: 1em;
} 


.ubicacion-acumar figure img{
    width: 30vw;
    display: flex;
    justify-content: center;
    margin-top: 4em;
}
.ubicacion-acumar p{
    margin-top: 1em;
}

.acumar-img-1{
    display: none;
}

.lugares{
    font-family:  'Noto Sans JP', sans-serif;
    font-size: 15px;
    column-count: 2;
    padding-top: 1em;
  column-gap: 3em;
    
}

/*------------------------------------------------NIVEL INICIAL-------------------------------------------------------------------*/
/*-----------------FILTROS-----------*/

input[type="radio"], input[type="checkbox"] {
    font-size:0.5px; height:2vh; width:5%;}

.nivel-inicial{
    color: #4e1486;
    font-family: 'Luckiest Guy', sans-serif;
margin-top: 1em;}

.texto-nivel {margin-bottom: 1.5em;}
.texto-nivel p{ 
   font-family: 'Noto Sans JP', sans-serif; 
    font-size: 20px;
    margin-top: -.7em;}


#ordenaryfiltrar{
     font-family: 'Noto Sans JP', sans-serif;}

.filtrar h3{
   border-bottom: 3px solid;
    border-bottom-color: #f88028;
    padding-bottom: .2em;}

.filtrar section{
    border-bottom: 3px solid;
    border-bottom-color: #f88028;
    padding-bottom: .2em;
  display: flex;
    flex-wrap: nowrap;
    align-items:center;
    justify-content: flex-start;}


#todo , #libro , #pelicula , #presentacion , #ejercicio {
    margin-left:1.5em; 
    margin-right: .5em;}

.ordenar h3{
    margin-top: 1em;
     border-bottom: 3px solid;
    border-bottom-color: #f88028;
    padding-bottom: .2em; }

.ordenar section{
     border-bottom: 3px solid;
    border-bottom-color: #f88028;
    padding-bottom: .2em;
     display: flex;
    align-items: center;
    justify-content: flex-start; }
  
.navegar{font-family: 'Noto Sans JP', sans-serif;}

.navegar h3{ margin-top: 1em;
     border-bottom: 3px solid;
    border-bottom-color: #f88028;
    padding-bottom: .2em;}

.navegar section{
     border-bottom: 3px solid;
    border-bottom-color: #f88028;
    padding-bottom: .2em;
    display: flex;
    flex-wrap: wrap;
justify-content: flex-start;
align-items: center; }

/*-----------------IMAGENES (DE NIVEL INICIAL)----------*/

#sam-destacado{
    display: none;
}
#edinicial-destacado{
    display: none;
}

#coquito{
    margin-top: 2em;
    display: flex;
    flex-direction: row;
    background-color: #f5d52b;
    border-radius: 1.2em;
    font-family: 'Noto Sans JP', sans-serif;
    padding: 1em;}

#coquito figure img{ width: 13em;}

#textocoquito{  margin-left: 1em;}


.sub-titulo{
    background-color: #9772b4;
    border-radius: .2em;
    color: white;
    width: 5em;
    height: 1.5em;
    text-align: center;
    text-transform:  uppercase; }

#categorias{display: flex; 
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 3em;}

#textocoquito p{
    font-size: 14px;
    margin-top: 1em;}

#franklin2-destacado, #franklin3-destacado{ display: none; }

#destacados-chiquitos{
    margin-top: 2em;
    font-family: 'Noto Sans JP', sans-serif;}

#franklin1-destacado section{display: flex;
justify-content: center;}

#franklin1-destacado{margin-right: 1.5em;}


#franklin1-destacado h2{
    font-size: 18px;
}
#franklin1-destacado h4{
     font-size: 12px;
}
#matematica2-destacado section{display: flex;
justify-content: center;}

#matematica2-destacado {margin-left: 1.5em;}

#matematica2-destacado h2{
    font-size: 18px;

}

#matematica2-destacado h4{
     font-size: 12px;
}
.subtitulolibro{
     background-color: #9772b4;
    border-radius: .2em;
    color: white;
    width: 5em;
    height: 1.5em;
    text-align: center;
    text-transform:  uppercase;
    margin-bottom: .4em;}
 
/*-------------------------------------------------NIVEL SECUNDARIO---------------------------------------------------------------*/

#macbeth{display: none;}
#jugueterabioso{display: none;}

/*-------------------------------------------------GRACIAS(LA PAGINA)-------------------------------------------------------------*/

.caja-grande-gracias{display: flex;
                     flex-direction: column;
                      align-items: center;
text-transform: uppercase;}

.gracias h1{color: #4e1486;
           font-family: 'Luckiest Guy', sans-serif;
           margin-top: 1em;}
 
.gracias figure img{width:20em;
       margin-bottom: 3em;}
 
.recorrido-visita{display: flex;
                  align-items: center;
                   flex-wrap: wrap;
    flex-direction: column;
                   justify-content: space-around;}

.visita-pagina-01 h3{color: #4e1486;
           font-family: 'Luckiest Guy', sans-serif;
           margin-top: 1em;}

.visita-pagina h3{color: #4e1486;
           font-family: 'Luckiest Guy', sans-serif;
           margin-top: 1em;}

.visita-pagina-2 h3{color: #4e1486;
           font-family: 'Luckiest Guy', sans-serif;
           margin-top: 1em;}

.visita-pagina-01{display: flex;
               flex-direction: column;
               align-items: center; }

.visita-pagina{display: flex;
               flex-direction: column;
               align-items: center; }

.visita-pagina-2{display: flex;
               flex-direction: column;
               align-items: center;}

.visita-pagina-01 figure img {width: 10em;}

.visita-pagina figure img {width: 12em;}

.visita-pagina-2 figure img {width: 20em;
                             margin-bottom:1.6em;
                             margin-top:.8em;}






/*..............................MEDIA PARA DESKTOP.......................................*/







@media screen and (min-width:800px) { 

@charset"utf-8";

/* TIPOGRAFIA*/
@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');


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

    
main {margin-top:4em; 
    margin-left: 7em;
    margin-right: 7em;

}
    
    .header{
        margin-left: 5em;
        margin-right:5em; 
    }
  
   
 #menu{display: none; }
    
#barrasm{display: none; }
    
  #seccion2-desktop {
                      display: flex;
                     width: 100%;
                      margin-left: 10em;
                      flex-wrap: wrap;
    justify-content: center;
    }
    
    #seccion2-desktop a{ color: white;
                         text-decoration-line: none;
                         margin-right: 2em;
                          font-size: 16px; }
    
    #fotoytexto p{ color: white;
                         text-decoration-line: none;
                        
                         font-size: 16px; }
    
    #fotoytexto figure img {width: 4em;}
       
    #niveles-desktop { background-color:  #9772b4;
                   padding: 1em;     
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: nowrap;
     top: 7.2em;
      width: 100%;
      left: 0em;}
   
    #niveles-desktop a{ color: white;   
                    text-decoration-line: none;  
                     font-size: 16px;  }
    
    
    /*------BUSCADOR--------*/ 
    
    .buscador-escritorio{
        display: flex;
        justify-content: center;
    }
    .barra-buscador{
    display: flex;
        background-color: white;
    align-items: center;
      
        border-radius: 3em;
}

#buscador{
    margin-top: 2em;
    width: 50em;
    border-color: #4e1486;
   border-width: medium;
    
}	
    
 
    #boton-buscar{
        margin-top: 2em;
        border-radius: 2em;
         border-width: medium;
        width: 8em;
        display: flex;
        justify-content: center;
        cursor: pointer;
        
     
    }
    
    /*------VIDEO--------*/  
    
    .textodelvideo{display: flex;
                   flex-direction: column;
                    
    font-family: 'Noto Sans JP'; }
    
    .textodelvideo li{margin-bottom: 1em;}
    
    video{width: 45vw;}
    
    .videoytexto{display: flex; 
                  justify-content: space-around;
                    align-items: center;}
    
    
    /*------TOP 3 DESCARGADOS--------*/  
    .titulos-fondo-violeta{
        margin-top:3em;
    }
    
    
    #natacha{
        width: 50vw;
        
    }
    
    #top3{ display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
         }
    
    #franklin{
        height: 25em;
        width: 20em;
        
    }
    #matematica2{
        height: 25em;
        width: 20em;
    }
    
    #destacados-chiquitos{
        position: relative;
top:3.5em;
    }
    /*------ELEGIDOS PARA VOS--------*/ 
    #elegidos{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-end;
        margin-top: -.5em;
    }

    #matrix{
        width: 40vw;
    }
    
    #matrix figure img{
        width: 40vw;
    }
    
    
    #elsecreto{
         width: 18vw;
        
    }
     #elsecreto figure img{
         width: 18vw;
    }
    
    #biologia{
         width: 18vw;
         
    }
    
    #biologia figure img{
         width: 18vw;
    }
    /*--------------------------------------------------MI PERFIL-----------------------------------------------------------------*/
    
    
    #myCarousel{display: none; }
    
    .slide-desktop {display: flex;
                     flex-direction: column;
                     justify-content: center;
        text-align: center;
                    margin-top:1em;}
    
    #material-subido-desktop{display: flex;
                             justify-content: space-around;}
    
    
     .slide-desktop figure img {width: 17em; }
    
   #mibiblioteca {display: flex;
                   justify-content: space-around;
                    margin-top: 2em;
    }
    
    #niveles-desktop{
        margin-top:-1em;
    }
    
    #coquito-bien figure img{
        width: 20vw;
    }
        #losinstrumentos figure img{
        width: 20vw;
    }
     #labrujanovata figure img{
        width: 20vw;
    }
    /*--------------------------------------------------GRACIAS (LA PAGINA)-----------------------------------------------------*/
     
     .visita-pagina figure img {width:18em; }
    
    .visita-pagina-2 figure img {width:25em;  }
   
    .visita-pagina{margin-right: 2em;}
    
    .visita-pagina-2{margin-left: 2em;
         margin-bottom:2em; }
    
    .enrowdesktop{
        display: flex;
        align-items: center;
    }
    
     /*--------------------------------------------------FICHA MATERIAL-----------------------------------------------------*/
     
    .info-material{margin-top:2.3em;
    padding-left: 7em;
    padding-right: 7em;}
    
    #otros-mismo-autor{display: flex; 
                        justify-content: space-around;}
    
     #otros-mismo-autor figure img  {width:15em;  }
    
    .subtitulo {font-size:1.3em;  }
    
   /*--------------------------------------------------NIVEL INICIAL-----------------------------------------------------*/  
   
    #sam-destacado{
        display: flex;
        flex-direction: column;
        font-size: 12px;
        align-items: center;
    }
    
    #edinicial-destacado{
        display: flex;
        flex-direction: column;
        border-radius: 1em;
font-size: 12px;
        align-items: center;
        
    }
    
    #edinicial-destacado figure img{
        width: 15vw;
    }
       #sam-destacado figure img{
        width: 15vw;
    }
    
    
    #coquito-y-otros{
        margin-top: 2em;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
       font-family: 'Noto Sans JP', sans-serif;
        align-items: center;
    }
    
    
    #coquito{
        width: 40vw;
    }
    #destacados-chiquitos{display: flex; 
                         justify-content: space-around;
    font-size: 12px;
        }
    
    #destacados-chiquitos figure img{width:10.5em;}
    
    #franklin2-destacado{display: flex; 
                         flex-direction: column;
                        margin-right: 1.5em;
                        margin-left: 1.5em;
        align-items: center;
        
    }
    
    #franklin3-destacado{display: flex; 
                         flex-direction: column;
                          margin-left: 1.5em;
    align-items: center;}
    
    #franklin1-destacado{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #franklin1-destacado{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #matematica2-destacado{
         display: flex;
        flex-direction: column;
        align-items: center; 
    }
    
    /*--------------------------------------------------NIVEL SECUNDARIO-----------------------------------------------------*/ 

    #macbeth{display: flex; 
                         flex-direction: column;
                        margin-right: 1.5em;
                        margin-left: 1.5em;}
    
    #jugueterabioso{display: flex; 
                         flex-direction: column;
                          margin-left: 1.5em; }
    
     /*--------------------------------------------------VISTA PREVIA-----------------------------------------------------*/ 
    
    .scroll-libro figure img{
    width: 40vw;
}
    
   
    
    .descargar-gratis{
       font-family: 'Noto Sans JP', sans-serif;
    }
    
      /*--------------------------------------------------QUIENES SOMOS-----------------------------------------------------*/ 
    
    .acumar-img-1{
    display: flex;
}
    .lugares{
    column-count: 4;

  column-gap: 3em;
    
}
    
    /*--------------------------------------------------CONTACTO-----------------------------------------------------*/ 
    .img-callcenter{
        display: flex;
       
    }
   
    
    .datos-escritorio{
        display: flex;
    }
    
    .mas-contacto-1{
        display: flex;
        flex-direction: column;
    }
    .mas-contacto{
        display: flex;
        flex-direction: row;
    }
    
    .datos-escritorio{
        display: flex;
        flex-direction: column;
    }
    
     
    /*------------------------------------------------TALLER--------------------------------------------------*/  .talleres-juntos{
        display: flex;
        flex-direction: row;
    }
    
    .taller-1{
        margin-right: 1em;
        width: 40vw;
    }
    
    .taller-2{
        margin-left: 1em;
        width: 40vw;
    }
    }