@charset "utf-8";

@import url ('https://fonts.googleapis.com/css2? family = Archivo: ital, wght @ 0,400; 0,500; 0,600; 1,400 & display = swap');

*{
    box-sizing: border-box;
}

img {
    width: 100%;
    height: auto;
}

ul{
    list-style: none;
    margin:0.5em;
}

body {
    margin: 0;
    background: #F4FAF5;
    font-family: 'Archivo Narrow', sans-serif;
}

/* menu hamburguesa*/
/*boton que llama al menu*/
#abrehamburguesa {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    cursor: pointer;
    height: 2.5em;
    width: 2.5em;
    /*caja flexible*/
    display: flex;
    position: relative;
    z-index: 9999;
    margin-left: 12em;

}

#abrehamburguesa:hover {
    background-color: rgba(0, 0, 0, 0.75);
    color: white;
    justify-content: center;
    align-content: center;
   
    
}

#abrehamburguesa i {
    padding: 0;
    /*centrado en la horizontal y vertical */
    margin: auto;
    justify-content: center;
    align-content: center;
    
}

/*el menu en si*/
header nav ul {
    background-color: rgba(0, 0, 0, 0.5);
    /* el menu sale y se oculta a la derecha*/
    position: fixed;
    top: -1em;
    left: 100%;
    width: 50%;
    padding-top: 6em;
    transition: all .5s ease;
    z-index: 9000;
    padding-bottom: 40em;
    padding-left: 0.8em;


}
header nav ul li {
   align-content: center;
text-transform: uppercase;
    text-transform: full-width;
    padding-top: 0.5em;
    }

.visible {
    /*menu se corre izquierda*/
    left: 50%;
    transition: all .25s ease;
}


.contenedor{
    display: flex;
    align-items: center;
    margin: 0 auto; 
}

.contenedor img{
    width: 4em; 
}

#menu {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-right: 8em;
}

#menu ul {
    display: flex;
    flex-wrap: wrap;
}

#menu ul li {
    display: flex;
    margin-right: 1em;
}

#menu ul li a {
    color : white;
    font-size: larger;
    padding: .3em;
    
}

#menu ul li a:hover {
    background: rgba(240, 240, 240, 0.5);
    border-radius: .2em;
}

header, footer {
    background: #7F7F7F;
    color : white;
    
}

#logo{
    display: flex;
    justify-content: center;
}

#iconos{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
}


.contenedordeiconos{
    padding: 0;
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
  
 
}

.contenedordeiconos li{
    margin: 1em;
    
    
    
}

#icobiblio {
    width: 8em;
    background-color: #F6ADC3;
     border-radius: 1em;
    text-align: center;
    padding: 0.5em;
    padding-top: 0;
    text-transform: uppercase;
   
    
}

#icoclub{
    width: 8em;
      background-color: #9cd3b3;
     border-radius: 1em;
    text-align: center;
    padding: 0.5em;
    text-transform: uppercase;
    padding-top: 0;
}

#icoaudio{
    width: 8em;
      background-color: #ffda99;
     border-radius: 1em;
    text-align: center;
    padding: 0.5em;
    padding-top: 0;
    text-transform: uppercase;
}

#icoactiv{
    width: 8em;
      background-color: #b2e0ea;
     border-radius: 1em;
    text-align: center;
    padding: 0.5em;
    padding-top: 0;
    text-transform: uppercase;
}


#acumar{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1em;
    
}

#acumartxt{
    align-items: center;
   
}

#botonera{
    display: flex;
   
    text-transform: uppercase;
    justify-content: center;
    margin-bottom: 1em;
}

.micuenta{  
    margin: 0;
    padding: 0;
    color : white;
    font-weight: 500;
}

.micuenta li{
      display:flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    padding:  0.5em;
    margin: 1em;
    background: #7F7F7F;
   
}

footer {
 padding: 0.5em;
    
}

.pie {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: space-around;
}



#logoig {
    width: 20%;
    padding: 0.5em;
    margin: 0;
    background-color: #7F7F7F;
}

#logofb {
    width:20%;
    padding: 0.5em;
    margin: 0;
    background-color: #7F7F7F;
}

#logomoviles {
    width: 70%;
    padding: 0;
    margin: 0;
    
}

#logoacumar {
    height: auto;

    padding: 0;
    margin: 0; 
}

#logotw{
   width: 22%;
   padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 1em;
    padding-bottom: 1em;
    margin: 0;
    background-color: #7F7F7F;
}

/* Bibliotecas*/


#icobiblioinicio{
    display: flex;
    width: 6em;
    padding-left: 1em;
    padding-right: 1em; 
    padding-bottom: 0;
    background-color:   #F6ADC3;
    border-radius: 0.5em;
    margin-top: 3em;   
}

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

h1{
    font-size: 3em;
   
    padding: 0;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}

h2 { 
  
    justify-content: center;
    text-align: center;
    font-weight: 500;
     text-transform: uppercase;
}

#rosauratitulo{
    
    color: white;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    font-size: 2em;
    margin: auto;
    padding-bottom: .5em;

  
}



h3 {
    
    font-weight: 500;
 
}

h4 {
    margin: 0 auto;
    font-style: italic;
    font-size: .9em;
}

.recomendado{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #F6ADC3;
    margin:  auto;

 

}

#rosaurauno{
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    
    margin: 1.5em;
    padding: .2em;
    margin-top: 0;
}

#rosaurados{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 2em 2em;
}

#tituloslibros{
    padding: .1,5em;
    margin: 1em;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
}


#titulorecomendado{
    
    margin-top: 1em;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1em;
}


.popularidad{
    display: flex;
    justify-content: flex-start;
     padding: 0 1em;
    margin: 0;
    overflow-x: scroll;
   flex-direction: row;
    margin-bottom: 3em;
}

.popularidad article {
    flex-direction: column;
    align-items: center;
    padding: 0 1em;
    
    
}


#lista-titulo{
    background-color: #F6ADC3;
    margin: 0;
    padding: .3em;
    margin-bottom: 1em;
}



.select {
   
    display: block;
    align-items: center;
    width: 14em;
    font-size: 20px;
    font-weight: 400;
    color: black;
    line-height: 1.4;
    padding: .4em 1.4em .3em .8em;
  
    margin: 2em;
    margin-bottom: 0;
    outline: none;
    box-shadow: 0 1px 0 1px rgb(0 0 0 / 3%);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #F6ADC3;
    outline: none;
}


#Buscador {
  
    display: flex;
    flex-direction: row;
    font-size: 20px;
    font-weight: 400;
    margin: 2em 2em 2em 2em;
    box-shadow: 0 1px 0 1px rgb(0 0 0 / 3%);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-size: .65em auto, 100%;
    outline: none;

}

#lupa{
    max-width: 5;
}

input[type=text] {
    
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    background: white;
    padding-left: 1em;
    font-size: 1em;
}

#eternauta img{
    width: 10em;
}


#tunel img{
    width: 10em;
}
#Tuya img{
    width: 10em;
}

#Rayuela img{
    width: 10em;
}

#juguete img{
    width: 10em;
}
#boquitas img{
    width: 10em;
}
#volver img{
    width: 10em;
}

#variaciones img{
    width: 10em;
}

#megusta{
    margin-top: .6em;
    display: flex;
    justify-content: center;

}

#mas{

    margin-top: .6em;
    display: flex;
    justify-content: center; 
}


/* Libro */

#indicador{
    margin-left: 1.5em;
    margin-right: 1.5em;
    color: #4d4d4d;
    font-size: 0.8em;

}

#rosauraimg{
    
     margin:  2em;
    margin-bottom: 0;
  
    
}
.contenedorarosaura {
   
      display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #F6ADC3;
    
}

#rosaurainfo{
    margin-left: 2em;
    margin-right: 2em;
    
   
}

#contenedoradetalles{
     box-sizing: border-box;
    border:solid #F6ADC3;
    padding: 1.5em;

}

#autor{
font-style: italic;
}


#detalles{
  padding: 0;
    margin: 0;
   
}
#detalles li{
  padding: .3em;
    margin: 0;
   
}

#contenedoradetalles{
    display: flex;
    flex-direction: row;
}

#lista {
    color: #F6ADC3;
}

.cajadeiconos{
    margin: 0.5em;
    display: flex;
    justify-content: center;
}

.botonleer{
 display: flex;
    flex-direction:column; 
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #F6ADC3;
    margin: 0.5em;
    padding: 0.6em;   
}

.botonescuchar{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #F6ADC3;
    margin: 0.5em;
     padding: 0.3em;
}

.botondescargar{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #F6ADC3;
    margin: 0.5em;
     padding: 0.3em;
}

span{
    font-size: 0.7em;
}

#leer{
    padding: 0.2em;
}

#play{
    padding: 0.2em;
}
#descargar{
    padding: 0.2em;
}


#primero, #segundo, #tercero, #cuarto, #comentario {
    margin: 1.5em;
   
}


#fotousuario{
 padding: 0;
    margin: 0;
     width: 15%; 
}


.cajausuario{
   display: flex;
  
}

#tituloreseña{
   background-color: #F6ADC3;
    margin:0;
    padding: .3em;
    text-align:center;
    text-transform: uppercase;

}

#dejatucomentario{
     background-color: #F6ADC3;
    margin: 0;
    padding: .3em;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1em;
}

#comentario {
   width: 80%;
    padding-top: 1em;
    padding-left: 1em;
    padding-bottom: 5em;
}

.botonenviar{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 1em;
    width: 8em;
    text-decoration: none;
    font-size: 1.em;
    font-weight: 600;
    background-color: #F6ADC3;
    color: black;
    box-shadow: 0 0 0.5em 1px rgb(0 0 0 / 30%); */
    font-size: 1.3em;
    padding: .4em;
    align-self: center;
    margin-bottom: 1em;
    margin: 2em;

}



#nombres {
        color: #F6ADC3;
    font-weight: 600;
    margin-left: 1em;
    
        
    }


#megusta1{
    margin-left: 2em;
    margin-top: 2em;
}

#horayfecha {
    font-style: italic;
    font-size: .6em;
}

#Botonatras{
    display: flex;
    width: 4em;
    align-items: center;
    margin-bottom: 1em;
    margin-left: 1.6em;
     padding: 0.1em;  
    box-sizing: border-box;
    border:solid #F6ADC3;
}

/* Club */

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

#titulo-encuentro{
   margin-top: 1em;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
}

#icoclubinicio{
    display: flex;
    width: 6em;
    padding-top: 0.5em;
    padding-left: 1em;
    padding-right: 1em; 
    padding-bottom: 0;
    background-color:  #9cd3b3;
    border-radius: 0.5em;
    margin-top: 3em;
    
}

.contenedoraclub, .contenedoraproximo{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #9cd3b3;
    padding: 1.5em;
   
    margin-top: 2em;
    
}

#familia, #historias {
    text-align: center;
     text-transform: uppercase;
    
}

#delmesdos, #delmestres{
    margin: 1.5em;
}


.detalleclub1, .detalleclub2, .detalleclub3, .detalleclub4{
    display: flex;
    flex-direction: row;
    align-items: center;
    
}

#detallecrono{
    padding: 0;
    margin: 0;
    margin-top: .3em;
    font-size: .7em;
    margin-bottom: 1.9em;
}

#crono{
    margin: 0;
    justify-content: center;
}

#icoencerrado{
    margin-top: 0;
    justify-content: center;
    align-items: center;
    margin-right: 1em;
    margin-bottom: .7em;
    padding: 0.5em;
    background-color: #9cd3b3;
}

.botones{
    margin: 0.5em;
    display: flex;
    justify-content: center;
}

.botonmes{
 display: flex;
    flex-direction:column; 
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #9cd3b3;
    margin: 0.5em;
    padding: 0.6em;   
}

.botoncomunidad{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #9cd3b3;
    margin: 0.5em;
     padding: 0.3em;
}

.botonreunion{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #9cd3b3;
    margin: 0.5em;
     padding: 0.3em;
}

span{
    font-size: 0.7em;
}

#mes{
    padding: 0.5em;
}

#comunidad{
    padding: 0.5em;
}
#reunion{
    padding: 0.5em;
}

.contenedoraxdia{
     box-sizing: border-box;
    border:solid #9cd3b3;
    
}

.botonenviar1{
     display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 2em;
    width: 17em;
    text-decoration: none;
    font-size: 1em;
    font-weight: 600;
    background-color: #9cd3b3;
    color: black;
    box-shadow: 0 0 0.5em 1px rgb(0 0 0 / 30%); */
    font-size: 1.5em;
    padding: .5em;
    align-self: center;
    margin-bottom: 2em;
    margin-left: 3em;

}

.proximoclub{
     display: flex;
    flex-direction: column;
    justify-content: center;
    background: #9cd3b3;
    padding: 1.5em;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 2em;
    
}

.inscribite{
        margin: 1.5em;

    
}

.nombre{
  margin-bottom: 1em;
    padding: .4em;
    width: 100%;
}


.botoninscribite{
      display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 1em;
    width: 10em;
    text-decoration: none;
    font-size: 1em;
    font-weight: 600;
    background-color: #9cd3b3;
    color: black;
    box-shadow: 0 0 0.5em 1px rgb(0 0 0 / 30%); */
    font-size: 1.5em;
    padding: .5em;
    margin-bottom: 3em;  
    
}

.calle{
    width: 100%;
    margin: 0;
}

/*Encuentros anteriores*/

input[type="date"] {
   
    display: block;
    align-items: center;
    width: 14em;
    font-size: 20px;
    font-weight: 400;
    color: black;
    line-height: 1.4;
    padding: .4em 1.4em .3em .8em;
  
    margin: 2em;
    margin-bottom: 0;
    margin-top: 0.5em;
    outline: none;
    box-shadow: 0 1px 0 1px rgb(0 0 0 / 3%);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #9cd3b3;
    outline: none;
}


#titulo-reflexiones{
    margin: 1em;
}



#nombres1 {
        color: #9cd3b3;
    font-weight: 600;
    margin-left: 1em;
        
    }

#primero1, #segundo1, #tercero1, #cuarto1 {
    margin: 1.5em;
}

#Botonatras1{
    display: flex;
    width: 4em;
    align-items: center;
    margin-bottom: 1em;
    margin-left: 1.6em;
     padding: 0.1em;  
    box-sizing: border-box;
    border:solid #9cd3b3;
}


/* actividades*/

#icoactividinicio{
    display: flex;
    width: 6em;
    padding-left: 1em;
    padding-right: 1em; 
    padding-bottom: 0;
    background-color: #b2e0ea;
    border-radius: 0.5em;
    margin-top: 3em;   
}

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

#tallerescritura{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #b2e0ea;
    margin:  auto;
}

#actividadesprincipal{
   display: flex;
    flex-direction: column;
    justify-content: center;
    background: #b2e0ea;
    margin:  auto;
   
}

.siberianoparte1, .siberianoparte2{
       display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1.5em;
    padding: .2em;
    margin-top: 0;
}

#siberiano-titulo, #titulotaller, #mitrabajo{
    
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
}

.botonenviar2{
     display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 2em;
    width: 17em;
    text-decoration: none;
    font-size: 1em;
    font-weight: 600;
    background-color: #b2e0ea;
    color: black;
    box-shadow: 0 0 0.5em 1px rgb(0 0 0 / 30%); */
    font-size: 1.5em;
    padding: .5em;
    align-self: center;
    margin-bottom: 2em;
    margin-left: 3em;

}
    
.tallerdeescritura1{
         display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1.5em;
    margin-bottom: 0;
    padding: .2em;
    margin-top: 0;
}

.botoninscribite1{
      display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 1em;
    width: 10em;
    text-decoration: none;
    font-size: 1em;
    font-weight: 600;
    background-color: #b2e0ea;
    color: black;
    box-shadow: 0 0 0.5em 1px rgb(0 0 0 / 30%); */
    font-size: 1.5em;
    padding: .5em;
    align-self: center;
    margin-bottom: 1.5em;
     
}

.botonesact{
    margin: 0.5em;
    display: flex;
    justify-content: center;
    margin-bottom: 2em;
}

.botonencuentro{
 display: flex;
    flex-direction:column; 
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #b2e0ea;
    margin: 0.5em;
    padding: 0.6em;   
}

.botoncomunidad1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #b2e0ea;
    margin: 0.5em;
     padding: 0.3em;
}

.botonescritos{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #b2e0ea;
    margin: 0.5em;
     padding: 0.3em;
}

span{
    font-size: 0.7em;
}

#mes{
    padding: 0.5em;
}

#comunidad{
    padding: 0.5em;
}
#reunion{
    padding: 0.5em;
}


/* actividades del mes*/

input[type="date" ] {
   
    display: block;
    align-items: center;
    width: 14em;
    font-size: 20px;
    font-weight: 400;
    color: black;
    line-height: 1.4;
    padding: .4em 1.4em .3em .8em;
  
    margin: 2em;
    margin-bottom: 2em;
    margin-top: 0.5em;
    margin-left: 5em;
    outline: none;
    box-shadow: 0 1px 0 1px rgb(0 0 0 / 3%);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    
    outline: none;
}
.comentariosdestacados{
    margin: 1.5em;
}
#celeste{
     background-color:  #b2e0ea;
    
}

.librodelmes, .contenedoraactanteriores{
    background-color:  #b2e0ea;
    
}
#nombres2{
    color:  #b2e0ea;
    margin-left: 1.5em;
    font-weight: 600;
    
}

#primero2, #segundo2, #tercero2, #cuarto2{
    margin-bottom: 2em;
}

#tituloreseña1, #titulo-actividad{
   background-color: #b2e0ea;  
    margin:0;
    padding: .3em;
    text-align:center;
    text-transform: uppercase;
 }
.actividadesmesuno, #actividadesmesdos{
    margin: 1.5em;
}


#actividadesmesdos{
   padding-bottom: 1.5em;
}

.misreseñas{
    background-color: #b2e0ea;  
    padding: 1.5em; 
    
}
#cantreseñas{
 text-align: center;   
}

#Botonatras2{
    display: flex;
    width: 4em;
    align-items: center;
    margin-bottom: 1em;
    margin-left: 3em;
     padding: 0.1em;  
    box-sizing: border-box;
    border:solid #b2e0ea; 
}
  
/* Audiolibro*/

#quiero{
  
     background-color:  #ffda99;
}

 #eternautaa{
        box-sizing: border-box;
    border:solid #ffda99;
     padding: 1em;
     padding-top: 2em;
     margin: 1em;
     width: 68%;
    }

    #rayuelaaud{
        box-sizing: border-box;
    border:solid #ffda99;
        padding: 1em;
         margin: 1em;
    }

    #variacionesaud {
        box-sizing: border-box;
    border:solid #ffda99;
        padding: 1em;
        padding-top: 2em;
        width: 68%;
    }

    #boquitasaud {
        box-sizing: border-box;
    border:solid #ffda99;
        padding: 1em;
         margin: 1em;
         width: 68%;
    }

#icobaudioinicio{
   display: flex;
    width: 6em;
    padding-left: 1em;
    padding-right: 1em; 
    padding-bottom: 0;
    background-color:  #ffda99;
    border-radius: 0.5em;
    margin-top: 3em;   
  
}

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


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

.malasparte2 {
  margin-bottom: 2em;  
}


#participar{
  background-color: #ffda99;
    margin: 0;
    padding: .3em;
    margin-bottom: 1em;
}
    
.datosaudio{
    margin: 1.5em;
    
}

.formsubir{
    display: flex;
    flex-wrap: wrap;
}


.select4{
     display: block;
    align-items: center;
    width: 14em;
    font-size: 20px;
    font-weight: 400;
    color: black;
    line-height: 1.4;
    padding: .4em 1.4em .3em .8em;
  
    margin: 1.2em;
    margin-bottom: 2em;
    outline: none;
    box-shadow: 0 1px 0 1px rgb(0 0 0 / 3%);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #ffda99;
    outline: none;
}

#lista-titulo1{
    background-color: #ffda99;
    margin: 0;
    padding: .3em;
    margin-bottom: 1em;
}

.listaaudios{
    max-width: 100%;
    display: flex;
    flex-direction:column;
    align-items: center;
    align-content: center;
    text-align: center;
    margin-left: 1em;
    margin-bottom: 2em;
        overflow-x: scroll;
   flex-direction: row;
 
}

#autor1{
    text-align: center;
}


/* Nosotros*/

#tituloacumar1, #tituloacumar3{
    background-color:  #7F7F7F;
    padding: 0.2em;
}

#txtnosotros{
    margin: 1.5em;
    margin-bottom: 3em;
}

.conocenos{
    background-color:  #7F7F7F;
    padding: 0.1em;
    margin-bottom: 3em;
}

.logoseguidos{
    
    display: flex;
    justify-content: space-around;
    margin-bottom: 3em; 
    
}

.botoninscribite2{
        display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 1em;
    width: 10em;
    text-decoration: none;
    font-size: 1em;
    font-weight: 600;
    background-color: #7F7F7F;
    color: black;
    box-shadow: 0 0 0.5em 1px rgb(0 0 0 / 30%); */
    font-size: 1.5em;
    padding: .5em;
    align-self: center;
    margin-bottom: 2em;
    
}

#video{
    margin: 1.5em;
}



  /* mi cuenta */ 

.contenedormicuenta{
     background-color: #7F7F7F;
    
}

.usuario{
    margin: 1.5em;
}


.checkboxanimado {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    cursor: pointer;
    
   
}

.checks{
   display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
}

#titulointereses{
    margin-left: 1.8em;
    
}

#primtres, #segtres{
    padding-left: 0;
    padding: 0.3em;
    margin: 1em;
    margin-top: 0.5em;
    
}
  


#comentario1{
    margin-top: 1em;
    margin-bottom: 01em;
    display: flex;
    width: 23.5em;
    padding: 0.5em;
       
}

.infousuario{
    display: flex;
    align-content: center;
    justify-content: center;
    
}

#info1{
   text-align: center;
}

.inscribitebotones{
    margin: 2em;

    margin-bottom: 0;
}
/* responsive pantalla grande*/

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


/* menu hamburguesa*/
    
    #abrehamburguesa {
        display: none;
    }
    
header nav ul {
        display: flex;
        flex-wrap: wrap;
        background: none;
        position: relative;
        top: auto;
        left: auto;
        width: 100%;    
        padding-top: 0;
    padding-bottom: 0;
    }
    
     header nav ul.visible {
        left: auto;
    }
    
.contenedor img{
    width: 12em;
}


#logo{
    display: flex;
    margin: 0 auto;
    width:  40vw;
}
    
  
    
#acumar{
    display: flex;
    margin: 0 auto;
    width:  50vw;
    padding: 1em; 
}
    
 #tituloacumar{
     padding-top: .4em;
    margin: .1em .1em;   
    }
    
    #acumartxt{
         margin: 1em 5em; 
    }
    
    .pie {
    display: flex;
        justify-content: space-around;
    
    align-items: center;
    
}

#logoig {
    width: 5em;
}

#logofb {
    width: 5em;
}

#logomoviles {
    width: 10em;
}

#logoacumar img{
    width: 12em;  
}
    
    #botonera{
        padding-bottom:  2em; 

    }
    
    .micuenta{
     display: flex;
    flex-wrap: nowrap;
        

    }
    
    #icoclub li{
        
        
    }
    
    
    .footer{
        margin: 2em;
    }
    
    /* responsive Biblioteca */
    
    #icobiblioinicio{
    display: flex;
        justify-content: center;

        
    }
    
.rosaura.foto {
    
   width: 20vw;
}

.contenedora {
    display: flex;
    flex-direction: row;  
}

    h2{
        padding: auto;
        align-items: flex-start;
        text-align: left;
       
    }    
    
    #rosauratitulo{
        display: flex;
        margin: 0;
        
       
    }
    
#rosaurauno{
    display: flex;
    margin-left: 9em;
     width:50vw;
    
}

#rosaurados{
    display: flex;
    margin-top: 3em;
    margin-left: 2em;
    margin-right: 10em;
}
    

    #filtroybuscador{
        display: flex;
        flex-direction: row; 
        margin: 0;
        margin-left: 3em;
        margin-top: 1em;
    }

    #lista-titulo{
    text-align: center;
        margin-top: 1em;
    }
    
    #eternauta {
        width: 80em;
        justify-content: center;
        display: flex;
    
    }  
    
    #tunel{
         width: 80em;
        justify-content: center;
        display: flex;
    }
    
    #Tuya{
        width: 80em;
        justify-content: center;
        display: flex;
    }
    #juguete{
        width: 80em;
        justify-content: center;
        display: flex;
    }
    
    #volver{
        width: 71em; 
        justify-content: center;
        display: flex;
    }
    
.popularidad {
    flex    
    width: 100vw;
    margin: 9em;
    margin-top: 2em;
    margin-bottom: 2em;   
}
    
    #variaciones{
        width: 71em;
        
    }
    
    #Rayuela{
        width: 80em;
        justify-content: center;
        display: flex;
    }


.select { 
        margin-left: 5em;

    }
    
        
     /* responsive Libro */
    
    #rosauraimg{
    width: 55%;
    
    }
    
    .contenedorarosaura{
        
        display: flex;
        flex-direction: row;
       
        margin-top: 3em;
    }
    
    #rosaurainfo{
        
        margin-left: 2em;
        margin-top: 7em;
        margin-right: 5em;
    }
    
    #rosauraimg{
        margin-bottom: 2em;
           margin-left: 7em;
        margin-right: 5em;
    }
    
    #rosaura{
        display: flex;
        justify-content:flex-start;
        margin: 0;
    }
    
    #megusta1{
        margin: 0;
       margin-left: 5em;
    }
    
    #contenedoradetalles{
          display: flex;
        justify-content:center;
    }
    
    #detalles{
       
        display: flex;
        justify-content:flex-end;
    }
    
    #lista{
    margin-left: 2em;
    }
    
    .cajadeiconos{
        margin-left: 19em;
        justify-content: space-around;
        
    }
    
    .botonleer{
        padding-bottom: 0.3em;
        padding-top: 0.3em;
    }

    .comentarios {
      margin: auto;
       margin-left: 7em;
        margin-right: 5em;
       
    }
    
    #tituloreseña{
       text-align: center;
        margin-top: 1em;
       
        }
    
    #fotousuario{
 padding: 0;
    margin: 0;
     width: 4%;
   
    
}
    
    #dejatucomentario{
         text-align: center;
        margin-top: 1em;
    }
    
    
    
    #comentario {
        margin: 0;
        margin-left: 10em;
        margin-bottom: 1em;
        
        
    }
    
    #primero, #segundo, #tercero, #cuarto{
        margin-bottom: 2em;
       
       
    }

    #botoneradeiconos ul li{
        padding-right: 6em;  }   

    #tituloreseña{
        margin-top: 2em;
    }

    .botonenviar{
        margin: 0;
        margin-left: 10em;
        margin-bottom: 3em;
    }
    
    #Botonatras{
      visibility:collapse;
    }
  
    /* responsive Club */
    
   
    #titulo-encuentro{
      text-align: center;
       
    }
    
    .contenedoraclub1{
        display: flex;
        flex-direction: row;
    }
    
    #imgclub{
        max-width: 100%;
        height: auto;
    }
    
    
    .delmesuno {
        width: 100%;
      
        margin-left: 7em;
        margin-bottom: 1em;
    }
    #familia{
        display: flex;
        align-items:flex-start;
        margin-top: 1em;
    }
    .contenedoraclub{
        flex-wrap: nowrap; 
       
    }
    
    
    #delmesdos { 
    margin-left: 0;
    margin-right: 5em;
        margin-bottom: 0;
        margin-top: 5em;
    }
    
    #delmestres{
        display: flex;
        flex-direction:row;
        flex-wrap: wrap;
    }
    
    .detalleclub1, .detalleclub2, .detalleclub3, .detalleclub4 {
        margin-right: 3em;
        margin-left: 9.5em;
    }
    
    .botones{
       margin: 1.5em;
        justify-content: space-around;
        
    }
  
    .botonenviar1{
        margin: auto;
        margin-top: 1em;
        margin-bottom: 1em;
    align-content: center;
        width: auto;
    }
    
    .proximoclub{
    
        display: flex;
        flex-direction: row;
        margin: 0;
        margin-top: 1em;
        
    }
    
    #titulo-proximo{
        text-align: center;
    }
    
    .calle{
        max-width: 30%;
    }
    
    #historias{
        margin-left: 2em;
        margin-top: 1em;
    }
    
    .inscribite1{
      width: 27em;
      margin-left: 2em;
    
}
    
     /* responsive Encuentros anteriores */ 
    
    .anterioresuno{
        max-width: 40%;
       
        margin-right: 3em;
        margin-bottom: 1em;
    }
    
    .anterioresdos{
        margin-left: 2em;
    }
    .contenedoraanteriores{
        display: flex; 
        flex-direction: row;
        margin-left: 6em;
        margin-right: 9em;
    }
    
    .contenedorasreflexiones{
        margin-top: 2em;
         margin-left: 7.5em;
        margin-right: 13em;
        margin-bottom: 4em;
    }
    
    #calendario {
      margin-left: 5em;
        margin-top: 1.5em;
    }
    
    #Botonatras1{
     visibility: collapse;   
    }
      /* responsive actividades */
    
    .siberianointro{
       display: flex;
        flex-direction: column;
        align-items:center;
       
    }
    
  .siberianoparte1 {
        
     width: 22vw;
      
    }
    .historiaparte1{
        
     width: 55vw;
    
    }
    .malasparte2{
        margin-left: 5em;
        margin-top: 1em;
        margin-top: 4.5em;
    }
    
    .contenedora1{
        display: flex;
        flex-direction: row;
       margin-left: 10em;
        margin-right: 10em;
    }
    
    .tallerdeescritura1{
        display: flex;
        flex-direction: row;
       margin-left: 10em;
        margin-right: 10em;
        margin-bottom: 2em;
    }
    
    .Tallerdeescritura2{
       margin-left: 5em; 
    }
    
    .botoneraactividad{
        display: flex;
        justify-content: center;
        
        
    }
    
    #familia{
       justify-content: center;
    
        
        
    }
    .historiasparte1{
        width: 20vw;
    }
    
    #tallerescritura1{
        margin-left: 12em;
        margin-right: 10em;
    }
    
    .inscribite5{
        margin-left: 10em;
        margin-right: 10em;
        margin-top: 2em;
 
       
    }
    
     .botonesact{
       margin: 1.5em;
        justify-content: space-around;
         margin-bottom: 3.5em;
        
    }
   
   /* responsive anteriore */ 
    
    .actividadesmesuno {
    
   width: 20vw;
        
}
    
    .contenedoranteriores{
        display: flex;
        flex-direction: row;
    }

    .contenedoranteriores{
       margin-left: 11em;
    }
    
    #actividadesmesdos{
      margin-right: 11em;  
    }
    
    #tituloreseña1{
        margin-top: 3em;
    }
    .comentariosdestacados{
      margin-left: 12em; 
    margin-right: 11em;
        margin-top: 2em;
    }
    
    #mis{
        text-align: center;
       
    }
    
    #Botonatras2{
       visibility: collapse; 
    }
    
  /* responsive Audiolibros */    
    
    #participar{
  background-color: #ffda99;
        text-align: center;
    margin: 0;
    padding: .3em;
    margin-bottom: 1em;
}
    
.datosaudio{
    margin: 1.5em;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 25em;
    
}

.formsubir{
    display: flex;
    flex-wrap: wrap;
}


.select4{
   margin-left: 20em;
    margin-top: 2em;
}

#lista-titulo1{
  text-align: center;
    display: flex;
    
}

.listaaudios{
    max-width: 100$;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    margin-left: 8em; 
    justify-content: space-around;
    
}
   
#autor1{
    text-align: center;
    
}

    #narrador, #duracion{
        text-align: center; 
    }
    
     .listaaudios{
        margin-right: 6em;
        
    }
    
    #eternautaa{
        width: 35%;
    }
    
    #rayuelaaud{
        width: 35%;
    }
    
      #variacionesaud{
        width: 35%;
    }
    

       #boquitasaud{
        width: 35%;
    }
    
    
     /* responsive Nosotros */ 
    
    #tituloacumar1, #tituloacumar2, #tituloacumar3, #tituloseguinos{
        text-align: center;
        margin-bottom: 1.5em;
        
    }
    
   
   #txtnosotros{
        margin-left: 15em;
       margin-right: 15em;

    }
    
    #video{
       width: 70%;
        margin: auto;
         
    }
    
   .inscribite4{
       display: flex;
       flex-direction: column;
       width: 50%;
       margin: auto;
    }
    
     /* responsive Micuenta */ 
    
    .usuario{
        display: flex;
        flex-direction: row;
        margin-left: 30em;
        margin-right: 20em;
    }
    #usuariouno{
        width: 20%;
    }
    #usuariodos{
        margin-left: 2em;
        margin-top: 1.5em;
    }
      #usuariotres{
        margin-left: 3em;
        margin-top: 1.5em;
          
    }
    #titulonombre{
        text-align: center;
    }
    
    #titulo2{
        text-align: center;
        
    }
    .inscribitebotones{
        margin: 0;
        display: flex;
        justify-content:flex-start
    
        
    }
    
    
    .botoninscribite2{
    
       margin-left: 2em; 
    }
    
    
}