/* __________________________________________________REGLAS GENERALES__________________________________________________ */
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'Poppins', sans-serif;
    list-style: none;
    box-sizing: border-box;
  }
  
  img {
    /* para que una imagen nunca sea mayor
          que la caja que las contiene */
    max-width: 100%;
    height: auto;
    border-radius: 2em;
  }
  
  
  /* selector múltiple */
  h1,
  h2,
  h3,
  h4,
  p {
    /* redefine los márgenes inferiores
      para que midan el tamaño de la tipografía */
    margin-bottom: 1em;
  }
  
  /* TODOS los vínculos */
  a {
    /* elimina los subrayados */
    text-decoration: none;
  }
  
  /* TODAS las listas */
  ul{
    /* elimina bullets, números etc. */
    list-style: none;
    /* retira el relleno izquierdo predeterminado */
    padding: 0;
  }
  

  /*-----------------------------------------------------------------------------------------------------------------------------------*/
  
  /*********
  MOBILE FIRTS
  *********/
  
  /*----------------------------
      HEADER PARA TODOS
  ------------------------------*/
  
  .logoheader{
    text-align: left;
  }

  header{
      justify-content: space-between;
      align-items:center;
      padding: .5em;
      position: sticky;
      top: 0;
      background-color: #A769B1;
      z-index: 9999;
      display: flex;

    }
  
  #logo {
      width: 10em;
      /*padding: 10px 10px;*/
    }

   #logoAcumar{
       padding: .2em;
       width: 12em;
    }
      
  
  /*--------------  Barra de Navegación ----------------*/
  
  /*header nav ul {
      display: flex;
      flex-wrap: wrap;
      font-weight: 500; 
      font-size: 22px;
      justify-content: center;
    }*/
    header nav ul {
      background-color: #522859;
      position: fixed;
      top: 0;
      left: 100%;
      width: 60%;
      padding: 3em 1em 1em 1em;
      transition: all 0.6s ease;
      font-size: 1.4em;
    }


    .default {
      left: 0%;
      transition: all 0.3s ease;
    }
    
    .visible {
      left: 40%;
      transition: all 0.3s ease;
    }
  
  header nav ul li {
      min-width: 4em;
    }
  
  
  header nav ul li a {
      color: white;
      font-weight:300;
      padding: .25em .5em;
      text-align:center;
      display:block;
      padding-top: .1em;
      font-size: 21px;
    }

    header nav ul a:hover {
      background-color: #A769B1;
    
      }

    

    header nav a{
      color: rgba(255, 255, 255, .75);
      padding: .5em 1em;
      text-decoration: none;
      display: flex;
      justify-content: center;
      align-items: center;

    }



      #llamamenu {
        background-color: #A769B1;
        color: white;
        cursor: pointer;
        height: 2.5em;
        width: 2.5em;
        display: flex;
        position: relative;
        left: 1px;
        z-index: 9999;
      }

      #llamamenu i{
        padding: 0;
        margin: auto;
      }

      .boton{
        color: #000000;
        font-weight: 500; 
        font-size: 18px; 
        text-align:center;
        background-color: #A769B1;
        border-radius: 1em;
        padding: 0.5em;
      }

      .boton:hover{
        background-color: #ffffff;
      }

      .juegosicono{
        display: flex;
        margin-bottom: 1em;
      }

      .juegosicono img{
        width: 40px;
        height: 40px;
        padding-bottom: 0.5em;
        padding-left: 0.5em;
      }

      .iconos{
        display: flex;
      }


      .iconos img{
        width: 65px;
        height: 65px;
        padding-bottom: 0em;
        padding-left: 0em;
      }

      h6{
        color: #000000;
        font-weight: 500; 
        font-size: 15px; 
        text-align:center;
        margin: 1em;
      }

      .contenedorCATEGORIAS a:hover{
        background-color: #6292FE;
      }

      .contenedorCATEGORIAS{
        display: flex;
        margin-bottom: 2em;
        background-color: antiquewhite;
        width: 100%;
        justify-content: center;
        border-radius: 1em;
      }

      .contenedorINICIA{
        background-color: #A769B1;
        justify-content: center;
        border-radius: 1em;
        margin: 2em;
        padding: 1em;
      }

      .contenedorINICIA:hover{
        background-color: #ffffff;
      }

      .contenedorFORM{
        background-color: #d6c3d9;
        justify-content: left;
        border-radius: 1em;
        margin: 2em;
        padding: 0.5em;
        display: flex;
      }


#mapa{
  text-align: center;
}


.formulario{
    background-color: #fbfe4a;
    border-radius: 0.3em;
    margin: auto;
    width: 50%;

  }


  .sinmargin{
    margin-bottom: 0.5em;
    margin-top: 1.5em;
  }

  .conmargin{
    margin-top: 0.5em;
    margin-bottom: 0;
  }

  #ubicacion{
    color: #000000;
    margin-left: 1em;
  }


  .avatarestamaño{
    display: flex;
    width: 50%;
  }

.separacionactividades{
  margin-bottom: 4em;
}



      .contenedorJUAN{
        background-color: #FFFFFF;
        justify-content: center;
        border-radius: 1em;
        margin: 2em;
        padding: 0.5em;
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .juan{
        color: #fec92d;
        align-items: center;
        font-size: 35px;
        justify-content: center;
        text-align: center;
      }

      
  h5 {
    color: #f1f1f3;
    font-weight: 300; 
    font-size: 12px; 
    text-align:center;
 }
  


  /*-----------------------------------------------------------------------------------------------------------------------------------*/
  
  /*--------------  MAIN ----------------*/

   .fondoimgvideos{
    background: #FEC92D url(img/ilus.DGPC-05.png) repeat-x 0 0; 
    background-attachment: fixed;
  }

  .fondoimglibros{
    background: #9DCB45   url(img/ilus.DGPC-02.png) repeat-x 0 0; 
    background-attachment: fixed;
  }

  .fondoimgpadres{
    background: #FE4A65  url(img/ilus.DGPC-04.png) repeat-x 0 0; 
    background-attachment: fixed;
  }

  .fondoimgjuegos{
    background: #6292FE url(img/ilus.DGPC-16.png) repeat-x 0 0; 
    background-attachment: fixed;
  }

  .fondoimgsemillin{
    background: #222d2d url(img/ilus.DGPC-03.png) repeat-x 0 0; 
    background-attachment: fixed;
  }
  
  /*--------------  Seccion 1----------------*/
  
  
  h1{ 
      
      margin:0 auto;
      font-family: 'Kalam', cursiva;
      font-size: 35px;
      font-weight: 700;
      line-height: 1.1;
      margin-bottom: 0.4em;
    }
   h2 { font-family: 'Kalam', cursiva;
    }
  
  h4 {
      font-weight: 500;
      font-size: 22px;
      color: #E47500;
    }
  

    p{
      font-weight: 500;
      font-size: 13px;
      color: #000000;
    }

    .descripciondeljuego{
      margin-top: 2em;
    }

    .descripciondeljuego p{
      margin-bottom: 2em;
    }



    .juegos{
      margin: 0 auto;
      padding: 2em;
      background: #6292FE url(img/ilus.DGPC-16.png) repeat-x 0 0; 
  background-attachment: fixed;
    }

    .juegos2{
      margin: 0 auto;
      padding: 2em;
    }
  
   .juegoscolor:hover{
      background-color: #6292FE;
   }

   .videoscolor:hover{
    background-color: #FEC92D;
 }

 .minilibroscolor:hover{
  background-color: #A7D155;
}

.padrescolor:hover{
  background-color: #FE4A65;
}


.caja{
  display: flex;
  flex-direction: column;
  margin: 2em;
}

.juegodesemananone{
  display: none;
}

.pregunta{
  padding: 1em;
  text-align: center;
}


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

.articleflex article {
  min-width: 18em;
  display: flex;
  flex-direction: column;
  font-weight: 700;
}

.articleflex article figure {
  width: 80%;
}

.juegos figure {
  border-radius: 2em;
  width: 100%; 
  margin: 0 auto;
  
  /* para que cada "figure" sea origen de coordenadas de sus elementos contenidos */
  position: relative;
  /* para ocultar lo que "excede" sus límites */
  overflow: hidden;
}

.juegos img {
  /* para que la imagen "llene" la etiqueta "img" aun con otras porporciones */
  
  object-position: left center;
  display: block; 
  border-radius: 2em;
  width: 100%;
  }

.juegosvideos{
  margin: 0 auto;
  padding: 2em;
  background: #222d2d url(img/ilus.DGPC-05.png) repeat-x 0 0;
  background-attachment: fixed;
}


.juegosvideosvideos{
  margin: 0 auto;
  padding: 2em;
  background: #FEC92D url(img/ilus.DGPC-05.png) repeat-x 0 0;
  background-attachment: fixed;
}



.juegos p{
  width: 100%;
}

.juegos h4{
  margin-top: 1em;
}

.juegos2 figure {
  border-radius: 2em;
  width: 100%; 
  margin: 0 auto;
  
  /* para que cada "figure" sea origen de coordenadas de sus elementos contenidos */
  position: relative;
  /* para ocultar lo que "excede" sus límites */
  overflow: hidden;
}

.juegos2 img {
  /* para que la imagen "llene" la etiqueta "img" aun con otras porporciones */
  
  object-position: left center;
  display: block; 
  border-radius: 2em;
  width: 100%;
  }


.juegos2 p{
  width: 100%;
}

.juegos2 h4{
  margin-top: 1em;
}



.autor{
  font-size: 1em;
  font-weight: 500;
  text-align: left;
}

.titulolibro{
  margin-top: 1em;
  margin-bottom: 0;
 font-size: 1.2em;
 font-weight: 800;
 width: 80%;
 text-align: left;
}

.titulolibroindex{
  margin-top: 1em;
  margin-bottom: 0;
 font-size: 1.2em;
 font-weight: 800;
}

.juegospindextitle{
  margin-top: 1.2em;
  margin-bottom: 0;
  font-size: 20px;
}

.juegos figcaption {
  background-color: rgba(122, 79, 144, 0.5);
  color: white;
  padding: .5em;
  line-height: 2em;
  font-weight: 600;
  position: absolute;
  width: 99%;
  height: 100%;
  top: calc( 100% - 2em );
  transition: all .6s ease-out;
  text-align: center;
}

.juegos figure:hover figcaption {
  background-color: rgba(4, 33, 63, 0.5);
  top: 0;
  transition: all .2s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.juegos2 figcaption {
  background-color: rgba(122, 79, 144, 0.5);
  color: white;
  padding: .5em;
  line-height: 2em;
  font-weight: 600;
  position: absolute;
  width: 99%;
  height: 100%;
  top: calc( 100% - 2em );
  transition: all .6s ease-out;
}

.juegos2 figure:hover figcaption {
  background-color: rgba(4, 33, 63, 0.5);
  top: 0;
  transition: all .2s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}


  .listado{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1em 1em 8.5em;
  }

  .juegostructure{
    margin: 1em 1em 8.5em;
  }

  .colorfondo{
    background-color: #FFFFFF;
    padding: 1em;
  }



  /*--------------  Seccion 2 ----------------*/
  .integrantes{
      align-items: center;
      margin:0 auto;
      padding: 2em;
      text-align: center;
      position: relative;
      background: #fec92d82 url(img/ilus.DGPC-05.png) repeat-x 0 0; 
      background-attachment: fixed;
    
      
    }

    .integrantespremios{
      align-items: center;
      margin:0 auto;
      padding: 2em;
      text-align: center;
      position: relative;
      background: #681e74 url(img/ilus.DGPC-03.png) repeat-x 0 0; 
      background-attachment: fixed;
    
      
    }

.sinmarginjuegos{
  margin-bottom: 0em;

}

.imgjuego1{
  width: 100%;
}

.sinmargindesc{
  margin-bottom: 2.5em;
  margin-top: 0em;

}


.fotosdejuegos{
  width: 100%;
}

    .integrantessemillin{
      align-items: center;
      margin:0 auto;
      padding: 2em;
      text-align: center;
      position: relative;
      background: #222d2d url(img/ilus.DGPC-03.png) repeat-x 0 0; 
      background-attachment: fixed;
    
      
    }
      
  .videosdestacados{
      text-align: left;
      font-family: 'Kalam';
      font-size: 22px;
      color: #000000;;
      margin-left: 0.2em;
      margin-top: 0.8em;
            
    }

    #titulopremios{
      color:#A769B1;
    }

    #titulovideos{
      color: #FEC92D;
    }



    .juegodesemana{
      font-size: 32px;
      margin-bottom: 0.5em;
      color: #D92F7F;
    }





    video {
      border: 2px solid black;
      border-top-left-radius: 1em;
      border-bottom-right-radius: 1em;
      border-top-right-radius: 1em;
      border-bottom-left-radius: 1em;
      
    }
    .videoyoutube {
      
      background-color: #FEC92D;
      border-radius: .5em;
      position:relative;
	    padding-bottom: 200px; /* proporción 16:9 */
	    padding-top: 0px;
    	height: 0;
      overflow:hidden;
      margin-bottom: 1em;
      
    }

    .videoyoutube2 {
      
      background-color: #FEC92D;
      border-radius: .5em;
      position:relative;
	    padding-bottom: 200px; /* proporción 16:9 */
	    padding-top: 0px;
    	height: 0;
      overflow:hidden;
      
    }

.videosdestacadosicono h2{
 margin-bottom: 0;
}

    /*.videoyoutube iframe {
      height: 200px;
      width: 400px;
      /*left: 0px;
      top:0px;
      height:100%;
      width:100%;
      position:absolute;
    }*/

  
    #logoacumar {
      width: 7em;
    }
  
    .videosdestacadosicono{
      text-align: left;
    }

    .iconovideo{
      border-radius: 0em;
      margin-right: 1em;
    }
    
    .iconolibros{
      border-radius: 0em;
      margin-right: 1em;
    }
    /*--------------  Bocetos ----------------*/
  
  
  .bocetos {
      text-align: center;
      display: flex;
      justify-content: center;
    }
  
  #boceto h2 {
      padding-top: 1em;
      font-size: 1.6em;
    }
  
  #boceto button a {
      color: black;
    }

  #boceto img{
    max-width: 50%;
    height: auto;
  }
  
  
  /*--------------  Seccion 4----------------*/


  .tapaslibros{
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    text-align :center;
    justify-content: center;
    margin: 30px;

  }

  .tapaslibros li{
    text-align: center;
  }

  .tapaslibros img{
    max-width: 200px;
  }

  .tapaslibros figcaption {
    color: rgb(255, 238, 0);
    background-color: rgba(122, 79, 144, 0.5);
    width: 50%;
    text-align: center;
    margin: auto;

    
  }

#alrescatefondo{
  background-color:#FE4A65;
}


.padresalrescateinicio{
  margin: 0;
  padding: 2em;
  background: #FE4A65 url(img/ilus.DGPC-04.png) repeat-x 0 0; 
  background-attachment: fixed;
}

.librosdestacadoslibro1{
  align-items: center;
  text-align: center;
  background-color: #FFFFFF;
 
}

.librosdestacadoslibro1 h2{
  padding: 2em;
  margin-bottom: -2em;
}

.librosdestacadoslibro1 h3{
  margin-bottom: 0;
  margin-top: 1em;
}

  .imgminilibros{
    padding: 1px;
    white-space: nowrap;
    margin-top: 10px;
    overflow-y: hidden; 
    overflow-x: auto;
    background-color: #9DCB45;
  }

  .imgminilibros div{
    width: 100%;
    height: 100%;
    margin: 10px 10px 0 0;
    padding: 10px;
    display: inline-block;
  }


  .BtnR {
    display: none; 
    position: fixed; 
    bottom: 90px; 
    right: 30px; 
    border: none;
    outline: none;
    background-color: rgb(10, 10, 10);
    color: white;
    cursor: pointer; 
    padding: 10px;
    border-radius: 1em;
    font-size: 18px; 
  }


 
 
  .Btn {
    z-index: 99;
    background-color: #A769B1;
    color: white;
    cursor: pointer;
    padding: 30px 100px 30px 100px;
    font-size: 18px;
    margin: 30px;
    transition: background-color .5s;
    border-radius: 1em;
    text-align: center;
  }

  .Btn:hover {
    background-color: #9DCB45;
    color: white;
  }

.sumapuntos{
  margin-top:1em;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: -1em;
  text-align: center;
  justify-content: center;

}


  
  .libros {
    text-align: left;
    font-family: 'Kalam', cursive;
    font-weight: 600;
    font-size: 22px;
    color: #9DCB45;
    margin-left: 0.2em;
    margin-top: 0.8em;
  }

  .titulopadresalrescate{
    text-align: left;
    font-family: 'Kalam', cursive;
    font-weight: 600;
    font-size: 30px;
    color: #ffffff;
  }


  .librostodos{
    text-align: left;
    font-family: 'Kalam', cursive;
    font-weight: 600;
    font-size: 30px;
    color: #ffffff;
  }

  .titulotodoslosvideos{
    text-align: left;
    font-family: 'Kalam', cursive;
    font-weight: 600;
    font-size: 30px;
    color: #ffffff;
  }


  .titulojuegos{
    text-align: left;
    font-family: 'Kalam', cursive;
    font-weight: 600;
    font-size: 30px;
    color: #6292FE;
  }
 

      ul li img{
        width: 95%;
      }

      .librosdestacados{
        align-items: center;
        text-align: center;
        background-color: #FFFFFF;
        padding: 2em;
       
      }

      .librosdestacados2{
        align-items: center;
        padding: 2em;
        background-color: #9DCB45;
      }

      .juegosdestacados2{
        align-items: center;
        padding: 2em;
        background-color: #6292FE;
      }


      .fotosdelibros {
        list-style: none;
        padding: 0em;
        margin-bottom: 5em;
        display: flex;
        justify-content: space-evenly;
        flex-wrap:wrap;
        
      }

      .fotosdelibros a:hover img{
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
      }

      .fotosdelibros img{
        max-width: 150px;
        

      }

    
      .fotosdelibros figcaption {
        color: rgb(255, 238, 0);
        background-color: rgba(122, 79, 144, 0.5);
        width: 100%;
        text-align: center;
        margin: 0 auto;
        border-radius: 1em;
        
      }


      .todoslosvideos{
        align-items: center;
        padding: 2em;
        text-align: center;
        background-color: #FEC92D;
      }

      .todoslosgames{
        align-items: center;
        padding: 2.5em;
        text-align: center;
      }

      .todoslosgamesnuevo{
        padding: 2.5em;
      }

      .todoslospadresalrescate{
        align-items: center;
        padding: 2em;
        text-align: center;
        background-color: #FE4A65;
      }

      .librosdestacados figure img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
      }
      .librosdestacados figure:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
      }

      #myBtn {
        position: fixed; 
        bottom: 30px;
        right: 30px; 
        z-index: 99; 
        border: none;
        outline: none;
        background-color: black;
        color: white; 
        cursor: pointer; 
        padding: 10px;
        border-radius: 50px;
        font-size: 18px;
        filter: drop-shadow(3px 3px 20px black);

      }
      
      #myBtn:hover {
        background-color: rgb(255, 254, 254); 
        
         }

      #myBtn img {
        width: 50px;
        height: 50px;

      }



     #form {
      width: 250px;
      margin: 0 auto;
      height: 50px;
    }
    
    #form p {
      text-align: center;
    }
    
    #form label {
      font-size: 20px;
    }
    
    input[type="radio"] {
      display: none;
    }
    
    label {
      color: orange;
    }
    
   .clasificacion {
       font-size: 25px;
    }
    
    label:hover,
    label:hover ~ label {
      color: grey;
    }
    
    input[type="radio"]:checked ~ label {
      color: grey;
    }

    input[type="text"],
    input[type="search"],
    input[type="tel"],
    input[type="url"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="range"] {
    width: 14em;
    max-width: 14em;
    margin: .7em .7em;
    background-color: rgba(29, 101, 139, 0.17);
    border: 0;
    border-radius: .6em;
    /*  box-shadow: 0 0 .5em 1px rgba(0, 0, 0, 0.3); */
    font-size: 1.3em;
    padding: .5em .3em;
    color: #575757;
}

input[type=submit],
input[type=button],
input[type=reset]
 {
  width: 14em;
  max-width: 16em;
  cursor: pointer;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: 600;
  background-color: rgba(29, 100, 139, 0.26);
  color: rgba(59, 153, 252, 0.83);
  border: 0;
  border-radius: 0.6em;
  /* box-shadow: 0 0 0.5em 1px rgb(0 0 0 / 30%); */
  font-size: 1.3em;
  /* margin: 1.2em 0.7em; */
  /* margin-top: -1em; */
  margin: 2em;
  padding: 0.5em 0;
}

   
    
.logoacumar{
  width: 30%;
  display: flex;
  padding: 0.1em;
}


footer{
  display: flex;
    font-size: 40px;
    background-color: #A769B1;
    align-items: center;
    padding: 0.15em;
    justify-content: space-around;
}

#footerjuego{
  position: fixed;
  bottom: 0px;
  width: 100%;
}

.nombredejuegos{
  margin-top: 0;
}

.nombredejuegosdescargados{
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.1em;
  font-weight: 700;
}

.fotosdelibros li{
  margin-bottom: 1em;
}


div ul{
  background-color: #A769B1;
  position: fixed;
  top: 100%;
  left: 20%;
  width: 60%;
  padding: 1em;
  transition: all 0.6s ease;
  z-index: 9998;
  display: inline;
  justify-content: center;
  border-radius: 1em;
  color: #ffffff;
}

div ul li{
  display: flex;
}

div ul li div{
 margin-right: 0.5em;
}

.visibleb {
  transition: all 0.3s ease;
  top: 75%;
}

.respuesta{
  display: none;
  background-color: red;
  position: fixed;
  top: 40%;
  bottom: 30%;
  left: 30%;
  width: 40%;
  padding-top: 1em;
  transition: all 0.6s ease;
  z-index: 9998;
  color: #ffffff;
  border-radius: 1em;
  font-size: 20px;
  
}

.respuestacorrecta{
  display: none;
  background-color: green;
  position: fixed;
  top: 40%;
  bottom: 30%;
  left: 30%;
  width: 40%;
  padding-top: 1em;
  transition: all 0.6s ease;
  z-index: 9998;
  color: #ffffff;
  border-radius: 1em;
  font-size: 20px;
  
}

#cierramenu {
        background-color: #000000;
        color: white;
        cursor: pointer;
        /* display: flex; */
        position:relative;
        left: 90%;
        bottom: 25%;
        z-index: 9999;
        height: 25px;
        margin-right: 0.1em;
        

      }












  /*--------------  Para Escritorio ----------------*/
  
  @media(min-width:1024px) {
      
  /*--------------  Header para todas las paginas ----------------*/   


  footer { 
    background-color: #A769B1;
    padding: 2em;
    display: flex;
    padding: 1.5em;
    justify-content:space-between;
    left: 0;
    bottom: 0;
    width: 100%;
    position: relative;
    
    clear: both;
    font-size: .8em;
    align-items: center; 
  }


.caja{
  display: flex;
  flex-direction: column;
  margin: 2em;
  align-items: center;
}


.logoacumar{
  width: 8%;
  display: flex;
  padding: 0em;
}



.integrantessemillin{
  display: flex;
    margin: 0;
    padding: 2em;
    text-align: center;
    position: relative;
    background: #A769B1 url(img/ilus.DGPC-03.png) repeat-x 0 0;
    background-attachment: fixed;
    justify-content: center;
}


  .Btn {
    z-index: 99;
    background-color: #A769B1;
    color: white;
    cursor: pointer;
    padding: 30px 100px 30px 100px;
    font-size: 18px;
    margin: 30px;
    transition: background-color .5s;
    border-radius: 1em;
    text-align: center;
    margin-bottom: 7em;
  }

  header {
    display: flex;
    }
      
#llamamenu{
  display: none;
}

header nav ul{
  background-color: transparent;
  position: static;
  width: 100%;
  padding: 2em 1em 1em 1em;
}


  header .contenedora {
      padding: .3em;
      margin:2em;
      max-height: 2em;
      max-width:100%;
      margin: 1em;
      padding: 1em;
    }
  
  #logo {
      width: 10em;
    }

    #logoacumar {
      width: 7em;
    }

      
  nav ul li a {
      font-size: 20px;
    }

    .logoheader{
      text-align: left;
    }

    
.juegodesemana{
  display: none;
}

.juegodesemananone{
  display: flex;
  font-size: 32px;
  margin-bottom: 0.5em;
  color: #D92F7F;
}

    .desktopalign{
      text-align: left;
      margin-left: 3em;
    }
      
      
     /*--------------  Body ----------------*/

  body {
      text-align: center;
    }


    .fotosdelibros img{
      max-width: 250px;
      margin-bottom: 2em;
      

    }


    .autor{
      font-size: 1em;
      font-weight: 500;
      text-align: left;
    }
    
    .titulolibro{
      margin-top: 1em;
      margin-bottom: 0;
     font-size: 1.2em;
     font-weight: 800;
     width: 80%;
     text-align: left;
    }
    



#landing{
  text-align: center;
  padding: 3em;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: stretch;
}
    

.descripciondeljuego{
    padding: 3em;
    align-items: stretch;
    display: flex;
    flex-direction: column;
    align-content: left;
    text-align: left;
}


.textvideodestacado{
  margin-left: 2em;
}

.librosdestacadoslibro1{
  margin-bottom: 7em;
}


.articleflex{
  margin-bottom: 6em;
  
}

.listado{
  margin: 1em 1em 8.5em;
  display: flex;
  justify-content: space-around;
}

.juegos img{
  border-radius: 2em;
  width: 100%;
  display: revert;
}
      
.juegos{
  display: flex;
  text-align: left;
  justify-content: center;
}

.juegos2 img{
  border-radius: 5em;
    width: 30%;
    display: revert;
    padding: 2.5em;
}
      
.juegos2{
  display: flex;
  text-align: left;
  justify-content: center;
}

.fotosdejuegos{
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.fotosdejuegos li{
  margin: 2em;
}


.mapapa{
  width: 1000px;
  height: 500px;
  margin-bottom: 8em;
}

#imgcalendario{
  width: 500px;
  height: 300px;
  margin-bottom: 2em;

}



     /*--------------  Main ----------------*/ 
      
   main {
      display: flex;
      flex-flow: column wrap;
    }


    .juegosvideosvideos{
      margin: 0 auto;
      padding: 2em;
      background: #FEC92D url(img/ilus.DGPC-05.png) repeat-x 0 0;
      background-attachment: fixed;
      display: flex;
      text-align: left;
    }
      
      /*--------------  Seccion 1----------------*/

      /*--------------  Seccion 2 ----------------*/

      .integrantes{
          width: 100%;
          justify-content: space-evenly;
        }
     
      article h2 {
          text-transform: uppercase;
        }

      .todosloslibros{
          background-color: #9DCB45;
        }
      

      /*--------------  Seccion 3 ----------------*/

      .fotosdelibros {
        list-style: none;
        padding: 0;
        display: flex;
        justify-content: space-evenly;
        flex-wrap:wrap;
        
      }


      .imgjuego1 {
        width: 50%;
      }


      #myBtn {
        position: fixed; 
        bottom: 60px;
        right: 30px; 
        z-index: 99; 
        border: none;
        outline: none;
        background-color: black;
        color: white; 
        cursor: pointer; 
        padding: 10px;
        border-radius: 50px;
        font-size: 18px;
        filter: drop-shadow(3px 3px 20px black);

      }


  /*--------------  Seccion 4----------------*/

/*.librosdestacados{
  align-items: center;
  padding: 2em;
  text-align: center;
  background-color: #9DCB45;
}*/

.librosdestacados2{
  align-items: left;
  padding: 2em;
  background-color: #9DCB45;
}


.videosdestacadosicono{
  text-align: left;
  display: flex;
}

.videosdestacadosicono li{
  margin-left: 2em;
}

   /*--------------  Barra de Navegación ----------------*/
  
  header nav ul {
    display: flex;
    flex-wrap: wrap;
    font-weight: 500; 
    font-size: 16px;
    justify-content: right;
  }


  .textfadu{
    text-align: left;
  }
  

  }