* {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }

 /* WARNING:  */

 /*

LEER ANTES DE VOLVER A EDITAR

Recuerda que el section Dossier tiene su propia hoja de estilos: 

manual_de_instrucciones.css

Lo primero que tines que hacer si creas un nuevo section es buscar con Cmd + f:
#editorial
Y seguir las indicaciones.
Lo que vas a tener que hacer es donde te lo pide este CSS es añadir tu nuevo sections
*/

 html {
   overflow-x: hidden;
 }

 aside article {
   width: 100%;
 }

 body {
   background-color: #eeeeee;
   /*#D7E0F4;*/
   font-family: 'Open Sans', sans-serif;
   width: 100%;
 }

 body p, body ul {
   font-family: 'Roboto condensed', sans-serif;
   font-size: 18px;
   text-align: left;
 }

 body p.titular {
   font-family: 'Roboto condensed', sans-serif;
   font-size: 22px;
   margin-top: 18px;
   margin-bottom: 0;
   margin-bottom: 3rem;
 }

 body p.sub-titular {
   font-family: 'Roboto condensed', sans-serif;
   font-size: 22px;
 }

 body ul li {
   list-style-type: none;
 }

 body ul {
   padding-left: 0;
 }

 header {
   padding-right: 2rem;
 }

 div.descripcion p {
   padding-right: 2rem;
 }

 #linkedin img {
   width: 70%;
 }

 div.primera-columna {
   width: 100%;

 }

 div.primera-columna img {
   width: 100%;

 }

 #bob-esponja img {
   margin-top: 2rem;
 }

 #procrastinar img {
   margin-top: 2rem;
 }

 #bob-esponja-2 img {
   width: 40%;
 }

 footer {
   color: #3B404C;
   height: 100px;
   text-align: center;
   width: 100%;
 }

 figure {
   margin: 0;
 }

 aside.grave_error {
   padding-top: 0;
   height: 500px;
   text-align: left;
   margin-bottom: 0px;
   background-color: yellow;
 }

 aside.grave_error h1 {
   text-align: left;
   font-family: 'Abel', sans-serif;
   color: #424242;
   font-size: 28px;
   padding: 0 4%;
   font-style: normal;
   font-weight: bold;
   margin-bottom: 2rem;
 }

 aside.grave_error h2 {
   text-align: left;
   font-family: 'Abel', sans-serif;
   color: #424242;
   font-size: 28px;
   padding: 0 6%;
   font-style: italic;
   font-weight: lighter;
 }

 h2 {
   line-height: 28px;
   margin-top: 0px;
   text-align: left;
   width: 100%;
 }

 .sin_margin-bottom {
   margin-bottom: 0;
 }

 .sin_margin-top {
   margin-top: 0;
 }

 .con_margin-top {
   margin-top: 12px;
 }

 .con_margin-bottom {
   margin-bottom: 20px;
 }

 aside.grave_error #profesiones h3 {
   text-align: center;
   font-family: 'Roboto', sans-serif;
   color: #1565c0;
   font-size: 18px;
   padding: 120px 20px;
   font-weight: normal;
 }

 .emojis-principales {
   font-size: 2.7rem;
 }

 .emojis {
   font-size: 2rem;
 }



 h1 {
   color: darkslategray;
   font-size: 39px;
   /* margin-top: 1rem; */
   text-align: left;
   font-weight: normal;
   margin-bottom: 0.5rem;
 }

 main#principal #proyectos h2 {
   color: darkslategray;
   font-size: 24px;
   margin-top: 0.2rem;
   text-align: left;
   font-weight: normal;
   line-height: normal;
 }

 main#principal #proyectos h2.titulos-articulos {
   font-size: 34px;
   font-weight: bold;

 }



 h3 {
   font-size: 18px;
   font-weight: bold;
   line-height: 22px;
   text-align: left;
   color: darkslategray;
 }





 #olentzero header img {
   width: 70%;
 }

 #te-quiero-mucho-mucho header img {
   width: 80%;
 }

 ul.showroom_grid {
   display: grid;
   gap: 1rem;
   grid-template-areas:
     "portada dos"
     "tres cuatro"
     "cinco seis";
   margin: 0 2rem;
   margin-left: 0;
 }

 ul.showroom_grid li img {
   width: 100%;
   display: block;
 }

 ul.showroom_grid li {
   width: 100%;
 }

 ul.showroom_grid li:nth-child(1) {
   grid-area: portada;
 }

 ul.showroom_grid li:nth-child(2) {
   grid-area: dos;
 }

 ul.showroom_grid li:nth-child(3) {
   grid-area: tres;
 }

 ul.showroom_grid li:nth-child(4) {
   grid-area: cuatro;
 }

 ul.showroom_grid li:nth-child(5) {
   grid-area: cinco;
 }

 ul.showroom_grid li:nth-child(6) {
   grid-area: seis;
 }

 ul.showroom_grid_2 {
   display: grid;
   gap: 1rem;
   grid-template-areas:
     "portada portada"
     "portada portada"
     "tres cuatro"
     "dos cinco";
   margin: 0 2rem;
   margin-left: 0;
 }

 ul.showroom_grid_2 li img {
   width: 100%;
   display: block;
 }

 ul.showroom_grid_2 li {
   width: 100%;
 }

 ul.showroom_grid_2 li:nth-child(1) {
   grid-area: portada;
 }

 ul.showroom_grid_2 li:nth-child(2) {
   grid-area: dos;
 }

 ul.showroom_grid_2 li:nth-child(3) {
   grid-area: tres;
 }

 ul.showroom_grid_2 li:nth-child(4) {
   grid-area: cuatro;
 }

 ul.showroom_grid_2 li:nth-child(5) {
   grid-area: cinco;
 }

 ul.showroom_grid_2 li:nth-child(6) {
   grid-area: seis;
 }

 ul.showroom_grid_2 li:nth-child(7) {
   grid-area: siete;
 }

 ul.showroom_grid_2 li:nth-child(8) {
   grid-area: ocho;
 }

 ul.showroom_grid_2 li:nth-child(9) {
   grid-area: nueve;
 }







 #alain h2 {
   color: rgb(56, 115, 117);
 }

 #alain h3 {
   color: cadetblue;
 }

 h4 {
   color: #046380;
   padding-bottom: 0;
   margin-bottom: 0;
   margin-top: 0;
 }

 h4 a {
   background-color: transparent;
   display: block;
   font-size: 1.5em;
   border: 1px solid gray;
   width: 110px;
   margin: 16px auto;
   border-radius: 2em;
   padding: 0.3em;
 }

 h4.ppersonales a {
   text-align: left;
 }

 h5 {
   margin: 0;
   padding: 0;
 }

 h6 {
   margin-bottom: 0.6rem;
   font-weight: normal;
   text-align: left;
   padding-left: 16px;
   font-size: 14px;
 }

 aside.grave_error {
   padding-top: 30px;
   width: 100%;
   height: 95vh;
   padding-bottom: 90px;
   display: flex;
   flex-direction: row;
   align-items: center;
 }

 aside.grave_error ul {
   font-family: 'Abel', sans-serif;
   font-size: 2rem;
   list-style: none;
   margin: 0;
   text-align: center;
   padding-left: 2%;
   width: 100%;
 }

 aside.grave_error ul li:nth-child(2) {
   font-size: 20px;
   margin-top: 0.6rem;
 }

 aside.grave_error ul li:nth-child(1):after {
   content: ".";
 }

 aside.grave_error ul li {
   display: block;
 }

 aside.grave_error h1 {
   border-right: 1px dotted #999;
 }

 p {
   font-size: 18px;
 }

 /* Nombre del section */

 #alain, #alain2 {
   background-color: white;
   height: auto;
 }

 #alain2 {
   margin-top: 2em;
   background-color: white;
   height: auto;
 }

 #alain2 img {
   width: 80%;
   height: auto;
 }

 #alain_libro, #alain_libro2 {
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: 1fr;
   gap: 1rem;
 }

 #alain_libro2 {
   /* padding: 1rem; */
 }

 #alain_libro2 p, #alain_libro2 h3 {
   padding: 0 1rem;
 }

 #alain img {
   width: 100%;
   height: auto;
   margin-bottom: 0;
 }

 #alain #fin-pastel, #alain #fin-vintage {
   display: block;
 }



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

 #casete img {
   padding-right: 25px;
 }

 #alain_libro2 #gwendolyne img {
   width: 50%;
 }

 #alain_libro2 #gwendolyne-mockup {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
 }



 #alain_portrait {
   width: 100%;
   display: none;
 }

 #alain_book {
   text-align: center;
   padding: 0 0 0 0;
   display: none;
 }

 #alain_book img {
   width: 100%;
 }

 #casete {
   display: none;
   /* height: auto;
   width: 20%;
   grid-column: 1 / 3;
   grid-row: 3 / 4;
   padding-left: 1rem; */
 }

 #alain_descripcion {
   height: auto;
   padding: 1rem;
   grid-column: 1 / 3;
   grid-row: 2 / 3;
 }

 #alain_descripcionB1 {
   height: auto;
   padding: 1rem;
   grid-column: 1 / 3;
   grid-row: 4 / 5;
   padding-bottom: 0;
 }

 #alain_descripcionB1 p:last-child {
   margin-bottom: 0;
 }

 #alain_descripcion h3 {
   margin: 0;
   padding: 0;
 }

 #alain_descripcion h2 {
   margin-bottom: 0;
 }

 #alain_descripcion2 {
   height: auto;
   padding: 1rem;
   grid-column: 1 / 3;
   grid-row: 4 / 5;
 }

 #alain_descripcion3 {
   grid-column: 1 / 3;
   grid-row: 6/7;
   padding: 1rem;
   display: none;
   padding-top: 0;

 }

 #firma-autor {
   width: 100%;
   display: none;
 }

 #firma-autor img {
   width: 100%;
 }

 #alain_descripcion_autor {
   padding: 1rem;
   padding-top: 0;
   width: 100%;
   grid-column: 1 / 3;
   grid-row: 8 / 9;
 }

 #alain_descripcion3 picture {
   margin: 0 auto;
   margin-top: 1rem;
 }

 #alain_descripcion3 img {
   width: 30%;
   margin: 0 auto;
   margin-top: 2rem;
 }

 #alain_descripcion3 h3 {
   margin-top: 0;
 }

 #alain_portada_del_libro {
   width: 100%;
   text-align: center;
   grid-column: 1 / 3;
   grid-row: 1 / 2;
   padding-top: 60px;
 }

 #alain_portada_del_libro2 {
   width: 100%;
   text-align: center;
   grid-column: 1 / 3;
   grid-row: 3 / 4;

 }

 #alain_portada_del_libro2 picture.centrar-img {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 #contraportada-como-ser-feliz {
   width: 100%;
   text-align: center;
   grid-column: 1 / 3;
   grid-row: 7 / 8;
 }

 #contraportada-como-ser-feliz img {
   width: 70%;
   height: auto;
   margin-bottom: 0;
   display: block;
 }

 #alain_portada_del_libro img {
   width: 80%;
 }

 #alain_portada_del_libro2 img {
   width: 80%;
   text-align: left;
   display: block;
 }

 #alain_firma_foto {
   grid-column: 1 / 3;
   grid-row: 9/10;
   width: 100%;
   text-align: center;
   padding: 1rem;
 }

 #alain_firma_foto img {
   width: 100%;
   margin-top: 0.5rem;
 }

 #alain_fnd_movil {
   background-image: url(../img/biblioteca.png);
   background-repeat: repeat;
   background-position: bottom right;
   background-size: 100%;
   grid-column: 1 / 3;
   border: 0;
   margin: 0;
   padding: 10px 0 10px 0;
   text-align: center;
   width: 100%;
   height: 200px;
   display: none;
 }

 #actual {
   background-color: white;
   color: #464747;
   height: auto;
   text-align: center;
   width: 100%;
   margin-top: 50px;
 }

 #actual h2 {
   color: #464747;
 }

 #actual h3 {
   padding: 0 8%;
 }

 #actual figure img {
   width: 50%;
 }

 #arqueologia-humor-descripcion {
   background-color: #ffe8bc;
   text-align: center;
   background-image: url("../img/arqueologia-humor_redbubble.png");
   background-repeat: no-repeat;
   background-size: 100%;
   background-position: bottom;
   height: 700px;
   padding-top: 0;
 }

 #logo-edestiaurre img {
   width: 60%;
 }

 #cree-en-ti-descripcion {
   display: none;
 }

 #arqueologia-humor-descripcion p, #arqueologia-humor-descripcion ul {
   text-align: left;
   padding-left: 3rem;
   padding-right: 5rem;
 }

 #cree-en-ti-descripcion {
   display: none;
 }

 #brilli {
   display: none;
 }

 #booktrailers {
   width: 100%;
   height: auto;
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: auto;
   gap: 1rem;
   padding: 1rem;
   display: none;
 }

 #booktrailer1 {
   background-color: white;
   display: flex;
   flex-direction: column;
   align-items: left;
 }

 #booktrailer2 {
   background-color: white;
   display: flex;
   flex-direction: column;
   align-items: left;
 }

 #booktrailer1 h3, #booktrailer2 h3 {
   height: 100px;
   border-bottom: 1px solid #6a6a68;
 }

 #booktrailers h4 {
   margin-top: 0.5rem;
   margin-bottom: 1rem;
 }

 #booktrailers p {
   margin: 0;
 }

 #booktrailers p a {
   text-decoration: none;
 }

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

 #booktrailers_intro {
   grid-column: 1 / 3;
   grid-row: 1 / 2;
 }

 #booktrailers_intro h2 {
   padding-left: 1rem;
   margin-top: 1rem;
 }

 /*sections: Añade el nombre del nuevo section AQUÍ*/

 /* Excepto cuando en el section utilice GRID*/

 #proyecto_actual, #ni-naiz, #motions, #carteles, #editorial, #laminas, #merchandising, #magik {
   padding: 4% 3% 90px 3%;
 }

 #carteles {
   padding-top: 20%;
 }

 #actual_ampliar_info {
   display: none;
 }

 #actual h3 {
   height: auto;
 }

 #ampliar {
   height: 50px;
   display: inline-block;
   margin: 0px;
   text-align: right;
   vertical-align: top;
   visibility: visible;
 }

 #ampliar_descripcion_btn {
   width: 15%;
 }

 #ampliar_btn:focus {
   border: none;
   outline: none;
 }

 #ampliar_logo_info {
   display: inline-block;
   height: 50px;
   margin: 0px;
   text-align: right;
   vertical-align: top;
   visibility: visible;
   vertical-align: bottom;
 }

 #ampliar_logo_info_btn {
   width: 10%;
 }

 #btn_ocultar_info_jone {
   text-align: right;
 }

 #carteles {
   background-color: white;
   color: #464747;
   height: auto;
   text-align: center;
   width: 100%;
 }

 #carteles h3 {
   margin-top: 3%;
 }

 #carteles figure img {
   width: 100%;
   height: auto;
 }

 #carteles figure {
   padding: 0;
   margin: 0;
 }

 #check {
   background-color: white;
   color: #464747;
   height: auto;
   margin: 0px;
   margin-top: 20px;
   text-align: center;
   width: 100%;
   padding: 1rem 0;
   margin-bottom: 24px;
 }

 #check p {
   text-align: left;
   font-size: 16px;
   margin-top: 20px;
 }

 #check h3 {
   margin-top: 40px;
   margin-bottom: 30px;
   color: #1565c0;
 }

 #check ul {
   text-align: left;
   list-style: disc;
   padding-right: 7rem;
 }

 #check ul li {
   margin-left: 30px;
 }

 #check #olentzero img {
   width: 50%;
 }

 #cuadernos_alain {
   grid-column: 1 / 3;
   display: grid;
   grid-template-columns: 1fr 20%;
   grid-template-rows: auto auto auto;
   gap: 1rem;
   padding: 1rem;
   padding-bottom: 5rem;
 }



 #intro_cuadernos {
   grid-column: 1 / 4;
   grid-row: 1 / 2;
 }

 #cuaderno1 {
   grid-row: 2 / 4;
 }

 #cuaderno2 {
   grid-row: 2 / 3;
 }

 #cuaderno3 {
   grid-row: 2 / 3;
 }

 #cuaderno2, #cuaderno3 {
   margin-top: 2rem;
 }

 #cuaderno2 p, #cuaderno3 p, #cuaderno1 p, #cuaderno2 a, #cuaderno3 a, #cuaderno1 a {
   font-size: 16px;
   padding-left: 10px;
 }

 #cuadernos-alternativos #cuaderno2 p, #cuadernos-alternativos #cuaderno3 p {
   margin-top: 0;
 }

 .cuadernos_alain {
   width: 100%;
   height: auto;
   background-color: ffffff;
 }

 .cuadernos_alain img {
   width: 100%;
 }

 .cuaderno_alain {
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: 1fr auto;
 }

 .cuaderno_alain a {
   padding-bottom: 1rem;
 }

 .cuaderno_alain p {
   margin-bottom: 0;
 }

 .iconos {
   font-size: 1.3em;
 }

 #cuadernos_alain h2 {
   padding-left: 0;
 }

 .cuaderno_alain {
   text-align: center;
 }

 #merchandising section article figure img {
   width: 100%;
   border: 1px solid gray;
 }

 #chapa1, #chapa2 {
   display: none;
 }

 #cohete img {
   width: 50%;
 }

 #cojin_txt {
   display: block;
   width: 100%;
   text-align: center;
 }

 #cojin_txt h3, #cojin_txt p {
   text-align: center;
 }

 .sin_padding-bottom {
   padding: 0 0 0 0;
 }

 #contacto {
   height: 0px;
   margin: 0px;
   margin-top: 50px;
   text-align: center;
   width: 100%;
 }

 #contenedor_slider img {
   width: 80%;
 }

 #datos_web_empresa {
   margin-top: 30px;
   display: visibility;
   padding-top: 300px;
   color: white;
 }

 #datos_web_empresa p {
   margin-bottom: 0;
 }

 #descargar {
   text-align: left;
   padding-left: 4rem;
   padding-right: 3rem;
 }

 #descargar p {
   font-size: 14px;
 }

 #notebooks h3 {
   text-align: center;
   font-size: 20px;
   line-height: 22px;
   text-align: left;
   color: darkslategray;
 }

 #notebooks p {
   text-align: center;

 }

 #notebooks img {
   width: 90%;
 }


 #icono-google img {
   width: 30px;
 }

 #dcha_btn {
   cursor: pointer;
 }

 #derecha {
   background-color: rgba(50, 50, 51, 0.5);
   border: none;
   color: white;
   cursor: pointer;
   display: inline-block;
   font-size: 40px;
   height: 50px;
   left: 120px;
   margin: 0;
   padding-left: 0;
   position: relative;
   top: -280px;
   vertical-align: top;
   width: auto;
 }

 #derecha:focus {
   /*border: none;*/
   outline: none;
 }

 #leer_menos_alain {
   display: none;
 }

 /* Copia y pega este section y sustituyelo por el nuevo section */

 #editorial {
   background-color: white;
   color: #464747;
   height: auto;
   margin: 0px;
   margin-top: 20px;
   text-align: center;
   width: 100%;
 }

 #ilus1 img {
   width: 80%;
 }

 #magikoa {
   background-color: white;
   height: auto;
   margin: 0px;
   margin-top: 20px;
   text-align: center;
   width: 100%;
   padding-bottom: 80px;
 }

 #magikoa h3 {
   margin: 0 1rem;
   margin-bottom: 1rem;
   text-align: left;
   color: #1565c0;
 }

 #magikoa #portada p {
   text-align: center;
   padding: 0 2rem;
   margin-top: 30px;
 }

 #merchandising {
   width: 100%;
   display: block;
   background-color: white;
   color: #464747;
   height: auto;
   margin: 0px;
   text-align: center;
 }

 #merchandising, #merchandising-intro {
   display: none;
 }

 #miniaturas-libro {
   width: 100%;
   height: auto;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-template-rows: 1fr 1fr;
 }

 #miniaturas-libro article {
   flex-basis: 33%;
 }

 #miniaturas-libro article img {
   width: 100%;
 }

 #notebooks {
   width: 100%;
   height: auto;
   background-color: red;
   text-align: center;
   padding-bottom: 4rem;
   padding-top: 4rem;
   background-image: url("../img/productos_redbubble_web_fnd.png");
   background-repeat: repeat;
 }

 /* Abajo hay más propiedades sobre este h3 de notebooks */

 #notebooks h3 {
   margin-top: 0;
   margin-bottom: 0;
 }

 .productos {
   width: 100%;
   height: auto;
 }

 #aitabixi-cuaderno img {
   width: 70%;
 }

 .productos img {
   width: 100%;
 }

 #magikoa img {
   width: 100%;
 }

 #fundas_movil {
   height: auto;
   background-color: white;
 }

 #fundas_movil article {
   width: 100%;
   display: block;
   background-color: white;
   color: #464747;
   height: auto;
   margin: 0px;
   text-align: center;
 }

 #fundas_movil article h3, #fundas_movil article h5 {
   text-align: center;
 }

 #fundas_movil article img {
   width: 100%;
 }

 #aside.grave_error-consejos {
   display: none;
 }

 #motions h3, #notebooks h3 {
   text-align: center;
 }

 #iconos {
   background-color: white;
   margin: 0 auto 0 auto;
   width: 100%;
 }

 #icono1, #icono2, #icono3 {
   display: inline-block;
   width: 32%;
 }

 #icono1 img, #icono2 img, #icono3 img {
   width: 100%;
   display: inline-block;
 }

 #iconos figure {
   text-align: right;
 }

 #iconos figure img {
   width: 100%;
 }

 #izena img {
   width: 100%;
 }

 #izquierda {
   background-color: rgba(50, 50, 51, 0.5);
   border: none;
   color: white;
   cursor: pointer;
   display: inline-block;
   font-size: 40px;
   height: 50px;
   left: -120px;
   margin: 0;
   padding: 0;
   padding-left: 0;
   position: relative;
   top: -280px;
   vertical-align: top;
   width: auto;
 }

 #izquierda:focus {
   outline: none;
 }

 #izquierda img, #derecha img {
   cursor: pointer;
 }

 #galeria {
   height: auto;
   left: 0;
   opacity: 1;
   position: relative;
   transition-duration: 0.5s;
   visibility: visible;
 }

 #motions {
   background-color: white;
   height: auto;
   margin-top: 20px;
   text-align: center;
   padding-top: 5rem;
 }

 #icono {
   /*background-color: red;*/
   vertical-align: bottom;
   text-align: right;
   width: 37.75px;
   height: 90px;
 }

 #icono img {
   vertical-align: middle;
   height: 90px;
 }

 #icono, #texto {
   display: inline-block;
   height: 90px;
   line-height: 49px;
 }

 #iconos {
   width: 84%;
 }

 #icono1-txt, #icono2-txt, #icono3-txt {
   display: none;
 }

 #jone-png-vmovil {
   display: block;
   margin-top: 50px;
 }

 #jone-png1 {
   display: none;
 }

 #jone-png2, #jone-png3, #jone-png4 {
   display: none;
 }

 #kris {
   width: 100%;
   text-align: center;
   padding-bottom: 30px;
 }

 #kris figure {
   padding: 0;
   margin: 0;
 }

 #kris img {
   width: 60%;
 }

 #laminas-colorear img {
   width: 100%;
 }



 .proyectos {
   background-color: white;
   color: #464747;
   height: auto;
   margin: 0px;
   margin-top: 20px;
   text-align: center;
   width: 100%;
   padding-left: 2rem;
   padding-top: 40px;
   padding-bottom: 4rem;
 }

 div.descripcion {
   margin-top: 4rem;
 }

 #te-quiero-mucho-mucho article figure img {
   width: 60%;
 }

 #laminas {
   background-color: white;
   color: #464747;
   height: auto;
   margin: 0px;
   margin-top: 20px;
   text-align: center;
   width: 100%;
   text-align: center;
 }

 #laminas {
   padding-bottom: 30px;
 }

 #laminas img {
   width: 100%;
 }

 #laminas figure {
   width: 100%;
 }

 #laminas article {
   width: 100%;
   display: block;
 }

 #laminas article figure img {
   width: 100%;
   border: 1px solid gray;
 }

 #logo {
   background-color: red;
   color: #1B75BB;
   height: 400px;
   margin: 0px;
   padding-bottom: 50px;
   text-align: center;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0;
 }

 #logo_img {
   width: 80%;
 }

 #logo-nn {
   width: 100%;
 }

 #laminas #logo-nn figure img {
   width: 40%;
   border: 0;
 }

 #logo-ni-naiz img {
   width: 40%;
 }

 #mi-foto {
   width: 100%;
   text-align: center;
 }

 #mi-foto img {
   width: 40%;
   border-radius: 50%;
 }

 #mi-nombre {
   text-align: center;
   width: 100%;
 }

 #mostrar_proyecto_con_jone_div_btn {
   background-color: #3C3B3C;
   height: 90px;
   width: 100%;
 }

 .left h3 {
   text-align: left;
   margin-bottom: 0;
 }

 .left h4, h5 {
   text-align: left;
 }

 .texto_aumentar {
   font-size: 140%;
 }

 #merchandising h4 {
   margin-top: 0;
 }

 #ni-naiz {
   text-align: center;
   width: 100%;
   height: auto;
   background-color: white;
 }

 #ni-naiz-athletic, #ni-naiz-1, #ni-naiz-2 {
   display: block;
   width: 100%;
   height: auto;
   background-color: white;
   padding: 20px;
   margin-bottom: 20px;
 }

 #ni-naiz-athletic figure {
   margin: 0;
 }

 #ni-naiz h2 {
   color: #464747;
 }

 #ni-naiz-principal figure img {
   width: 60%;
 }

 #nombre {
   background-image: url(../img/lineas-h1-01.png);
   background-repeat: repeat;
   border: 0;
   margin: 0;
   padding: 10px 0 10px 0;
   text-align: center;
   width: 100%;
 }

 #nombre h2 {
   text-align: center;
   padding: 0;
   margin: 0;
 }

 #texto {
   color: #C3C4C9;
   height: 90px;
   padding-left: 3%;
   text-align: left;
   width: 78%;
 }

 #olentzero2 {
   display: none;
 }

 #olentzero3, #consejos1, #consejos2, #consejos3, #consejos4 {
   display: none;
 }

 #portada {
   display: none;
 }

 #principal {
   margin: 0 auto;
   padding: 0 4% 0 4%;
   padding-top: 90px;
 }

 #proyecto_actual {
   background-color: white;
 }

 #profesiones {
   padding: 0 0;
   margin-top: 80px;
 }

 #precio_cuaderno {
   display: block;
   width: 100%;
 }

 #sectores {
   color: #AAAAAA;
   list-style-type: none;
 }

 #sectores {
   color: red;
   font-size: 12px;
 }

 .botones_sliders {
   background-color: white;
   border: none;
   text-decoration: none;
   padding-left: 0;
 }

 #ninaiz-merchandising {
   width: 100%;
   height: auto;
   background-color: white;
 }

 #ninaiz-m-principal {
   width: 100%;
   height: auto;
   border-bottom: 1px solid gray;
 }

 #ninaiz-merchandising #ninaiz-m-principal img {
   width: 100%;
 }

 #miniaturas img {
   width: 80%;
 }

 #miniaturas {
   width: 100%;
   height: auto;
   text-align: center;
   padding: 0;
 }

 #miniatura1 {
   width: 100%;
   height: auto;
 }

 #miniatura1 {
   margin-top: 0.4rem;
 }

 #miniatura2 {
   border-top: 1px solid gray;
   width: 70%;
   height: auto;
 }

 #olentzero_classic {
   width: 100%;
 }

 #olentzero_classic img {
   width: 100%;
 }

 #pag1 img, #pag2 img {
   width: 70%;
 }

 #xmen {
   margin-top: 30px;
   margin-bottom: 90px;
 }

 #xmen p {
   color: #424242;
 }

 /*** Tesla */

 .aumentar_el_margin_top {
   margin-top: 1rem;
 }

 .youtube {
   background-color: white;
   color: #464747;
   height: auto;
   text-align: center;
   width: 100%;
   padding-bottom: 2rem;
   vertical-align: top;
 }



 .youtube h2 {
   color: #464747;
 }

 .youtube h3 {
   padding: 0 8%;
 }

 .youtube figure img {
   width: 50%;
 }

 .youtube iframe {
   margin-top: 4rem;
   width: 100%;
 }

 /* Fin tesla */

 .alinear_a_la_izquierda {
   text-align: left;
 }

 .alinear_al_centro {
   text-align: center;
 }

 .aumentar_el_texto {
   font-size: 140%;
 }

 .aumentar_el_margin_bottom {
   margin-bottom: 90px;
 }

 .aumentar_el_margin_bottom2 {
   margin-bottom: 20px;
 }

 .aumentar_el_margin_top {
   margin-top: 40px;
 }

 .aumentar_el_margin_top_sections {
   margin-top: 200px;
 }

 .aumentar_el_padding {
   padding: 0 9% 0 9%;
   margin: 0;
 }

 .aumentar_el_padding_top {
   padding-top: 3rem;
 }

 .aumentar_el_padding_left {
   padding-left: 30px;
 }

 .aumentar_el_padding_left_un_poco {
   padding-left: 10px;
 }

 .aumentar_el_padding_right {
   padding-right: 20%;
 }

 .borde-articles img {
   margin-top: 30px;
   border: 1px solid #dfdfdf;
 }

 /* aquí he añadido los estilos de la clase .botones con la idea de en un futuro eliminar la hoja de estilo 'manual_de_instrucciones.css' */

 .botones_alain {
   text-align: left;
   padding-left: 0;
   background-color: white;
   border: none;
   text-decoration: underline;
 }

 .cita {
   font-family: serif;
   font-style: italic;
   color: gray;
   padding: 0 5% 8% 3%;
   text-align: center;
 }

 .cita p {
   font-size: 20px;
 }

 .destacar {

   color: gray;
   padding: 0 5% 0 3%;
   text-align: left;
   font-size: 30px;
   margin-bottom: 0;
 }

 .destacar_reducido {
   color: gray;
   padding: 3% 5% 8% 3%;
   text-align: left;
   font-size: 24px;
   margin-top: 0;
 }



 .color_white {
   color: white;
 }

 .eliminar_icono_ul_li {
   list-style-type: none;
 }

 /* 
  SECTION LINKEDIN ordenarlo más adelante 
  SECTION LINKEDIN ordenarlo más adelante 
  SECTION LINKEDIN ordenarlo más adelante 
  */

 ul h1 {
   font-size: 22px;
   color: black;
   margin-bottom: 24px;
 }

 ul h2 {
   font-size: 26px;
   color: black;
   font-weight: normal;
 }

 #linkedin ul li ul li {
   margin-right: 40px;
   color: #6a6a68;
 }

 .info_intros {
   margin-left: 1rem;
   padding-left: 0.7rem;
   border-left: 1px dotted #999;
 }

 .intros {
   color: #424242;
   padding-left: 0;
 }

 .intros2 h2 {
   color: #424242;
   text-align: center;
   margin-top: 4rem;
 }

 .laminas {
   border: 1px solid gray;
 }

 .links {
   font-size: 16px;
   text-align: left;
 }

 .margin_top_eliminar {
   margin-top: 0;
 }

 .margin_bottom_eliminar {
   margin-bottom: 0;
 }

 .mi_nombre {
   margin: 0 0 0 0;
   padding-right: 0;
   text-align: center;
   width: 100%;
 }

 .mi_nombre h2 {
   text-align: center;
 }

 .miniatura {
   width: 100%;
   padding-top: 4px;
   border-bottom: 1px solid #b5b6b6;
   /* border-left */
 }

 .miniatura-top {
   border-top: 1px solid #b5b6b6;
 }

 .mostrar_mano {
   cursor: pointer;
 }

 .negrita {
   font-weight: bold;
 }

 .ocultar_info {
   text-align: center;
 }

 .padding_bottom_eliminar {
   padding-bottom: 0;
 }

 .texto_reducir {
   font-size: 90%;
   font-weight: normal;
   width: 100%;
 }

 .pantallas {
   font-size: 90%;
   font-weight: normal;
   width: 100%;
 }

 .texto_reducir_low {
   font-size: 1.2rem;
 }

 #tienda-icono img {
   width: 100%;
 }

 .sobremi {
   margin: 30% 10% 10% 10%;
   font-family: sans-serif;
   font-style: italic;
   line-height: 150%;
   color: gray;
   padding: 0 5% 8% 3%;
   text-align: left;
 }

 .sobremi p {
   font-size: 18px;
 }

 .sobremi2 {
   margin: 24% 10% 10% 10%;
 }

 .youtube figure img {
   width: 60%;
 }

 #sobrentendidos {
   width: 280px;
   text-align: center;
   margin: 0 auto;
   /* border-left: 1px dotted gray; */
   padding-left: 20px;
   padding-right: 20px;
   /* border-right: 1px dotted gray; */
   margin-top: 2.4rem;
   /* background-color: #EDD06C; */
 }

 #sobrentendidos p {
   text-align: left;
 }

 .descripciones-intro picture img {
   width: 80%;
   height: auto;
   margin-bottom: 0.5rem;
 }

 #blade-runner div.descripciones-intro img {
   width: 100%;
 }

 .descripciones-intro picture {
   display: flex;
   flex-direction: column;
 }

 .descripciones_de_los_motion_graphics {
   /* background-image: url("../img/ingeniero-tesla.png");
   background-size: auto 100%;
   background-position: right;
   background-repeat: no-repeat;
   background-color: #E7EFF9; */
   display: grid;
   grid-template-columns: 40% auto;
   column-gap: 1rem;
   align-items: flex-start;
   justify-content: flex-start;
   vertical-align: bottom;
   margin-top: 2rem;
 }

 .descripciones_de_los_motion_graphics img {
   width: auto;
   height: 100px;
   float: left;
 }

 .descripciones_de_los_motion_graphics h3 {
   text-align: left;
 }

 .descripciones_de_los_motion_graphics p {
   margin-top: 0;
   display: block;
 }

 #bob-esponja h2 {
   margin-top: 1.5rem;
 }

 #procrastinar h2 {
   margin-top: 1.5rem;
 }

 #bob-esponja-2 {
   display: none;
 }

 #gerard-butler-xs img {
   margin-top: 1rem;
   display: none;
 }

 #bob-esponja {
   margin-top: 5rem;
 }

 #procrastinar {
   margin-top: 5rem;
 }

 .copyright {
   margin-top: 3rem;
   padding-left: 0;
 }

 .software {
   display: flex;
   justify-content: left;
   align-items: center;
   padding-left: 0;
   margin-left: 0;
 }

 .software {
   display: inline;
   padding-left: 0;
   margin-left: 0;
 }

 .software p {
   padding-top: 0;
   padding-bottom: 0;
   margin-top: 0;
   margin-bottom: 0;
 }

 .software i:nth-child(2) {
   padding-left: 0.2rem;
 }

 .software i:nth-child(3) {
   padding-left: 0.2rem;
 }

 .ico {
   font-family: 'IconosPropios' !important;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   vertical-align: bottom;
   position: relative;
 }

 .etiqueta {
   font-size: 1rem;
   text-align: left;
 }



 /* 
 WARNING: MEDIAQUERY * IPAD * MEDIAQUERY * MEDIAQUERY * IPAD
 WARNING: MEDIAQUERY * IPAD * MEDIAQUERY * MEDIAQUERY * IPAD
 WARNING: MEDIAQUERY * IPAD * MEDIAQUERY * MEDIAQUERY * IPAD
 WARNING: MEDIAQUERY * IPAD * MEDIAQUERY * MEDIAQUERY * IPAD
 WARNING: MEDIAQUERY * IPAD * MEDIAQUERY * MEDIAQUERY * IPAD
 WARNING: MEDIAQUERY * IPAD * MEDIAQUERY * MEDIAQUERY * IPAD
 WARNING: MEDIAQUERY * IPAD * MEDIAQUERY * MEDIAQUERY * IPAD
 WARNING: MEDIAQUERY * IPAD * MEDIAQUERY * MEDIAQUERY * IPAD
 WARNING: MEDIAQUERY * IPAD * MEDIAQUERY * MEDIAQUERY * IPAD
 WARNING: MEDIAQUERY * IPAD * MEDIAQUERY * MEDIAQUERY * IPAD
 WARNING: MEDIAQUERY * IPAD * MEDIAQUERY * MEDIAQUERY * IPAD
 WARNING: MEDIAQUERY * IPAD * MEDIAQUERY * MEDIAQUERY * IPAD
 WARNING: MEDIAQUERY * IPAD * MEDIAQUERY * MEDIAQUERY * IPAD
 Entiendo que desde el tamaño IPAD hasta el ordenador de escritorio */

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

   #notebooks img {
     width: 60%;
   }

   div.descripcion {
     margin-top: 0;
   }

   .proyectos {
     /* padding: 4rem; */
   }









   article.proyectos {
     display: flex;
     flex-direction: row;
   }

   #te-quiero-mama header {
     grid-area: olentzero_principal;
     width: 40%;
   }

   .descripcion_proyectos {
     grid-area: olentzero_descripcion;
     width: 60%;
     border: 2px solid royalblue;
   }

   ul.showroom_grid {


     grid-template-areas:
       "portada portada tres"
       "portada portada cuatro"
       "dos seis cinco";
     margin: 0 2rem;
     margin-left: 0;
   }

   ul.showroom_grid_2 {


     grid-template-areas:
       "portada portada tres"
       "portada portada cuatro"
       "dos dos cinco"
       "dos dos seis";
     margin: 0 2rem;
     margin-left: 0;
   }



   body {
     border: none;
     padding: 0;
   }

   #bob-esponja-2 {
     display: block;
   }

   #bob-esponja div.resaltado {
     margin-top: 1.8rem;
     border-left: 1px solid lightgray;
     padding: 2rem;
   }

   h6 {
     padding-left: 0;
   }

   aside.grave_error {
     padding-top: 0;
     height: 500px;
     text-align: left;
     margin-bottom: 0px;
     background-color: yellow;
   }

   picture {
     display: block;
     overflow: hidden;
     width: 100%;
     text-align: left;
   }

   #alain_portrait {
     grid-column: 1 / 6;
     grid-row: 1 / 2;
     padding: 0;
   }

   #alain_book {
     padding: 0;
     grid-column: 6 / 11;
     grid-row: 1 / 2;
   }

   #alain_book img {
     width: 100%;
   }

   #alain {
     padding: 1rem;
   }

   #alain_libro {
     display: grid;
     grid-template-rows: 1fr auto auto;
     grid-template-columns: 64% auto;
     gap: 1rem;
     padding: 1rem;
   }

   #alain_portada_del_libro {

     grid-column: 1 / 2;
     grid-row: 2 / 3;
     padding-top: 60px;
   }

   #alain_portada_del_libro2 {

     grid-column: 1 / 2;
     grid-row: 3 / 4;
     justify-content: left;
     align-items: flex-end;
   }

   #alain_portada_del_libro2 img {
     width: 100%;
   }

   /* foto de Alain delante de una valla de publicidad */
   #alain_firma_foto {
     display: flex;
     align-items: flex-start;
     grid-column: 1 / 3;
     grid-row: 1 /2;
     padding-top: 0.5rem;
     padding: 0;
   }

   #alain_descripcion {
     padding: 0;
     grid-column: 2 / 3;
     grid-row: 2 / 3;
   }

   #alain_descripcion_autor {
     grid-column: 1 / 2;
     grid-row: 4 / 5;
   }

   #contraportada-como-ser-feliz {
     width: 100%;
     text-align: center;
     grid-column: 2/3;
     grid-row: 4/5;
     margin-top: 2em;
   }



   #contraportada-como-ser-feliz img {
     width: 90%;
   }

   #alain_descripcionB1 {
     padding: 0;
     grid-column: 2 / 3;
     grid-row: 3 / 4;
   }

   #alain_portada_del_libro img {
     width: 100%;
   }

   #alain_descripcion2 {
     display: block;
     padding: 0;
     grid-column: 2 / 3;
     grid-row: 3 / 4;
   }

   #alain_descripcion3 {
     grid-column: 1 / 2;
     grid-row: 5 / 6;
     padding: 0;
     display: block;
   }

   #alain_libro2 {
     display: grid;
     grid-template-rows: repeat(6, 100px);
     grid-template-columns: 1fr 1fr;
     gap: 1rem;
     padding: 8rem 0 0 0;
   }

   /* eliminarlo luego
  #alain_descripcion {
   padding: 0;
   grid-column: 2 / 3;
   grid-row: 1 / 2;
 }
 */

   #gwendolyne-title {
     grid-column: 2/2;
     grid-row: 1 / 2;
   }

   #gwendolyne-content-principal {
     grid-column: 2/2;
     grid-row: 1 / 6;

   }

   #gwendolyne-portada {

     grid-column: 1/2;
     grid-row: 1 / 5;


   }

   #gwendolyne {
     grid-column: 1/2;
     grid-row: 4 / 8;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-items: flex-start;
   }

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

   #gwendolyne-mockup {
     grid-column: 2/2;
     grid-row: 6 /8;
     vertical-align: bottom;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-items: center;
   }

   #gwendolyne-mockup img {
     width: 70%;
   }



   #alain_descripcion3 h3 {
     margin-top: 0;
   }

   #alain_descripcion3 img {
     display: none;
   }

   #alain_descripcion2 p, #alain_descripcion3 p {
     margin-top: 0;
   }

   #alain_fnd_movil {
     display: none;
   }

   #cree-en-ti-descripcion {
     display: block;
   }

   #caja_covid, #caja_bulling, #caja_movil, #caja_mano_aitite, #caja_amama1, #caja_amama2, #caja_bebe, #caja_PDF {
     display: block;
   }

   #caja_PDF {
     text-align: center;
   }

   #ilus1 {
     grid-column: 1 / 3;
     display: block;
   }

   #booktrailers {
     text-align: center;
     padding: 16px 0;
   }

   #booktrailer1 {
     padding-left: 2rem;
   }

   #booktrailer2 {
     padding-right: 2rem;
   }

   .aumentar_font_size {
     font-size: 20px;
   }

   #booktrailer1 h3, #booktrailer2 h3 {
     height: auto;
     border: none;
     text-align: center;
   }

   #booktrailers img {
     width: 40%;
   }

   #booktrailers_intro, #intro_cuadernos {
     padding-left: 1rem;
   }

   #booktrailers_intro h2 {
     padding-left: 0;
   }

   #brilli {
     display: block;
   }

   #casete {
     height: auto;
     width: 100%;
     grid-column: 2/3;
     grid-row: 5/6;
     padding-left: 1rem;
     display: flex;
     flex-direction: column;
     justify-content: center;
   }

   /* SLIDER iPad */
   #contenedor_slider img {
     width: 50%;
   }

   #cuadernos_alain {
     display: grid;
     grid-template-columns: 45% 1fr 1fr;
     grid-template-rows: auto 1fr;
     gap: 1rem;
     padding: 1rem;
     padding-bottom: 5rem;
   }

   #cuadernos_alain h2 {
     margin-top: 0;
   }

   #intro_cuadernos {
     grid-column: 1 / 4;
     grid-row: 1 / 2;
     padding-left: 0;
     padding-right: 1rem;
   }

   #cuaderno1 {
     grid-row: 2 / 3;
     grid-column: 1 / 2;
   }

   #cuaderno1 img {
     width: 100%;
   }

   #cuaderno2 {
     grid-row: 2 / 3;
     grid-column: 2 / 3;
     margin-top: 0;
   }

   #cuaderno2 img {
     width: 100%;
     margin-top: 1rem;
   }

   #cuaderno3 {
     grid-row: 2 / 4;
     grid-column: 3 / 4;
     margin-top: 0;
     padding-right: 10%;
     margin-top: 1rem;
   }

   /* ........................ */
   .cuaderno_alain {
     display: block;
     grid-template-columns: 1fr;
     grid-template-rows: auto auto;
     align-content: flex-start;
   }

   #ni-naiz-athletic header {
     padding-top: 1rem;
     height: auto;
   }

   aside.grave_error figure img {
     width: 15%;
   }

   #linkedin img {
     width: 40%;
   }

   aside.grave_error h1 {
     color: #464747;
     font-size: 40px;
     padding-top: 0px;
     padding-left: 2%;
     text-align: left;
     padding-left: 5%;
   }



   #portada {
     display: block;
   }

   #portada img {
     width: 100%;
   }

   #profesiones {
     position: absolute;
     top: 0;
     width: 100%;
   }

   aside.grave_error #profesiones h3 {
     text-align: right;
     font-family: 'Roboto', sans-serif;
     color: #1E86F7;
     font-size: 16px;
     padding-right: 5%;
   }

   aside.grave_error ul {
     text-align: left;
   }

   aside.grave_error ul li {
     display: inline-block;
   }

   blockquote::first-letter {
     font-size: 60px;
   }

   #soy {
     padding: 3%;
     text-align: left;
     max-width: 1300px;
     margin: 0 auto;
   }

   aside.grave_error h2 {
     color: #2278F4;
     padding-top: 0px;
     font-family: 'Roboto', sans-serif;
     font-weight: normal;
     padding-top: 100px;
     font-size: 24px;
     background: none;
     text-align: left;
   }

   aside.grave_error h2 {
     color: #2278F4;
   }

   #ampliar {
     display: inline-block;
     width: 40%;
     visibility: hidden;
   }

   /*sections Añade el nombre del nuevo section AQUÍ*/
   #actual h2, #actual h3, #proyecto_con_jone h2, #proyecto_con_jone, #actual_ampliar_info h3, #ni-naiz h2, #ni-naiz, .youtube h2, .youtube h3, #carteles h2, #carteles h3, #te-quiero-mucho-mucho h2, #laminas h2, #laminas h3, #merchandising h2, #merchandising h3, #magikoa h2, #magikoa h3, #booktrailers h3 {
     color: #2278F4;
   }

   #ampliar {
     visibility: visible;
   }

   #ampliar_btn {
     height: 50px;
     margin-top: 30px;
     display: inline-block;
   }

   #ampliar_descripcion_btn {
     width: 10%;
   }

   #ampliar_logo_info_btn {
     width: 4%;
   }

   #btn_ocultar_info_jone {
     display: block;
     visibility: vivi;
   }

   #actual {
     border: none;
     vertical-align: top;
     margin-top: 80px;
   }

   #actual figure {
     width: 100%;
     text-align: left;
     height: auto;
   }

   #actual figure img {
     width: 100%;
   }

   #actual_ampliar_info {
     width: 38%;
     height: auto;
     display: inline-block;
     vertical-align: bottom;
     padding-left: 3%;
   }

   #actual_ampliar_info figure {
     vertical-align: bottom;
   }

   #actual_ampliar_info img {
     vertical-align: bottom;
     width: 70%;
   }

   #actual {
     width: 60%;
     height: auto;
     vertical-align: top;
     display: inline-block;
     margin-top: 0;
   }

   #check h3 {
     text-align: center;
   }

   #ampliar_logo_info {
     visibility: hidden;
   }

   #carteles figure img {
     height: 95vh;
     width: auto;
   }

   #cohete img {
     width: 22%;
   }

   #consejos1 {
     padding: 0 0 0 3%;
   }

   #consejos1 h2 {
     text-align: center;
   }

   #consejos4 {
     background-color: #8DD3D8;
     color: #2278F4;
     display: inline-block;
     height: 300px;
     padding-top: 150px;
     width: 20%;
   }

   #consejos1, #consejos2, #consejos3 {
     background-color: #8DD3D8;
     color: #2278F4;
     display: inline-block;
     height: 300px;
     margin-bottom: 100px;
     padding: 0 5%;
     vertical-align: top;
     width: 26%;
   }

   #consejos1 img, #consejos2 img, #consejos3 img {
     width: 100%;
   }

   #chapas {
     width: 100%;
   }

   #chapa1, #chapa2, #chapa3 {
     width: 33%;
     display: inline-block;
   }

   #chapa1 figure img, #chapa2 figure img, #chapa3 figure img {
     width: 100%;
     height: auto;
   }

   #check p {
     text-align: left;
     font-size: 16px;
     margin-top: 20px;
   }

   #check h3 {
     margin-top: 40px;
     margin-bottom: 30px;
   }

   #check ul {
     text-align: left;
     list-style: disc;
     padding-right: 18rem;
   }

   #img_dossier-aitatxo img, #img_dossier-antes-de-dormir {
     width: 100%;
     height: auto;
   }

   #img_dossier-se-lo-decimos img {
     width: 50%;
   }

   #check ul li {
     margin-left: 180px;
   }

   #check #olentzero img {
     width: 30%;
   }

   #datos_web_empresa {
     display: block;
   }

   #fundas_movil article {
     width: 45%;
     display: inline-block;
     margin: 0 20px;
   }

   #header-consejos {
     display: block;
     padding: 0 20% 100px 20%;
     padding-bottom: 100px;
     width: 100%;
   }

   #header-consejos h2, #header-consejos p {
     text-align: center;
   }

   #iconos {
     width: 85%;
   }

   #iconos figure img {
     width: 70%;
   }

   #icono1-txt {
     display: block;
   }

   #icono2-txt {
     display: block;
   }

   #icono3-txt {
     display: block;
   }

   #icono1, #icono2, #icono3 {
     vertical-align: top;
   }

   #icono1-txt, #icono2-txt, #icono3-txt {
     vertical-align: top;
   }

   #iconos figure img {
     margin: 0 5%;
   }

   #incluye_10_consejos {
     display: none;
   }

   #laminas-colorear article {
     width: 40%;
   }

   #laminas article figure img {
     width: 90%;
     border: 1px solid gray;
   }

   #lanzamiento-h3 {
     margin-bottom: 0;
   }

   #linkedin {
     background-color: white;
     padding: 20px;
     padding-left: 2rem;
   }

   #logo {
     background-color: red;
     height: auto;
     padding-bottom: 50px;
     padding-left: 10px;
     height: 500px;
     display: flex;
     justify-content: center;
     align-items: center;
     padding-bottom: 0;
   }

   #logo_img {
     width: 60%;
   }

   #magikoa img {
     width: 70%;
   }

   #mi-foto {
     display: block;
     width: 100%;
     height: auto;
   }

   #mi-foto img {
     width: 15%;
   }

   #mi-nombre {
     display: block;
     ;
     float: left;
     padding: 0 15%;
     text-align: center;
     width: 100%;
   }

   #mi-profesion {
     display: block;
     margin-top: 100px;
     padding: 0 20%;
     width: 100%;
   }

   #mi-profesion h1 {
     font-size: 20px;
     font-style: normal;
     color: gray;
     letter-spacing: 0px;
     padding: 0 8% 0 8%;
     text-align: center;
     text-indent: 20px;
     width: 100%;
   }

   #magikoa p {
     padding: 0 10rem;
   }

   #merchandising .reducir_img img {
     width: 40%;
     height: auto;
   }

   #miniaturas {
     display: inline-block;
     width: 35%;
     vertical-align: top;
   }

   #miniatura1 {
     border: 0;
     width: 100%;
   }

   #miniatura2 img {
     width: 70%;
   }

   #miniatura1, #miniatura2 {
     padding: 20% 0;
   }

   #neskatxo #olentzero img {
     width: 40%;
   }

   #ni-naiz {
     height: auto;
   }

   #ni-naiz h2 {
     margin-top: 20px;
   }

   #ni-naiz img {
     width: 100%;
   }

   #ninaiz-m-principal {
     display: inline-block;
     width: 60%;
     border: 0;
   }

   #ni-naiz-principal {
     width: 100%;
     display: inline;
   }

   #ni-naiz-1, #ni-naiz-2 {
     display: inline;
     width: 40%;
     height: auto;
   }

   #nombre {
     background: none;
   }

   #notebooks {
     /* display: grid; */
     grid-template-columns: 1fr 1fr;
     grid-template-rows: auto 1fr;
     background-image: url("../img/productos-background.jpg");
     background-color: red;
     background-repeat: repeat;
     padding-left: 2rem;
     padding-right: 2rem;
   }

   .productos-cuaderno {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   #sobrentendidos {
     padding-right: 0;
     border-right: 0;
   }

   #sobrentendidos p {
     text-align: left;
   }

   #arqueologia-humor-descripcion {
     grid-column: 1 / 2;
     grid-row: 1 / 2;
     text-align: left;
     background-color: #ffe8bc;
     height: 710px;
     padding-left: 0;
   }

   #arqueologia-humor-descripcion ul li {
     padding-left: 3rem;
   }

   #arqueologia-humor-descripcion p, #arqueologia-humor-descripcion ul {
     padding-left: 2rem;
   }

   #arqueologia-humor-cuaderno {
     grid-column: 2 / 3;
     grid-row: 1 / 2;
     text-align: left;
   }

   #arqueologia-humor-cuaderno p, #arqueologia-humor-cuaderno h3 {
     text-align: center;
     padding-left: 1rem;
   }

   #cree-en-ti-cuaderno p, #cree-en-ti-cuaderno h3 {
     text-align: center;
     padding-left: 1rem;
   }

   #seguir_leyendo_alain {
     display: none;
   }

   #sobrentendidos-cuaderno {
     grid-column: 2 / 3;
     grid-row: 2 / 3;
   }

   #sobrentendidos {
     grid-column: 2 / 3;
     grid-row: 3 / 4;
     width: 70%;
   }

   #aitabitxi-cuaderno {
     grid-column: 1 / 2;
     grid-row: 3 / 4;
   }

   #cree-en-ti-cuaderno {
     grid-column: 1 / 2;
     grid-row: 2 / 3;
   }

   #arqueologia-humor-descripcion img, #arqueologia-humor-cuaderno img, #cree-en-ti-descripcion img, #cree-en-ti-cuaderno img {
     width: 100%;
   }

   #logo-edestiaurre {
     text-align: center;
     padding-left: 0;
   }

   #logo-edestiaurre img {
     width: 60%;
   }

   #arqueologia-humor-cuaderno img {
     width: 100%;
   }

   .productos-detalles img {
     height: 90%;
     width: auto;
   }



   #olentzero2 {
     display: inline-block;
     background-color: #8DD3D8;
     padding: 0 10% 160px 10%;
     vertical-align: bottom;
     visibility: hidden;
     width: 44%;
   }

   #olentzero2 h1 {
     font-weight: bold;
     font-size: 29px;
     padding: 0;
   }

   #olentzero2 img {
     width: 40%;
   }

   #olentzero2-header img {
     width: 100%;
   }

   #olentzero3 {
     display: block;
     background-color: #8DD3D8;
     padding-top: 20px;
     padding-bottom: 120px;
   }

   #pag1, #pag2 {
     display: inline-block;
     width: 47%;
     height: auto;
   }

   #pag1 img, #pag2 img {
     width: 100%;
   }

   #proyecto_actual {
     height: auto;
   }

   #titulo-jone {
     display: none;
     padding-left: 20%;
   }

   #paginas {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-template-rows: auto auto;
   }

   #pag1, #pag2 {
     width: 100%;
     height: auto;
   }

   #pag1 img, #pag2 img {
     width: 100%;
   }

   #pag1 {
     margin: 0;
   }

   #principal {
     height: 1600px;
     margin: 40px auto 40px auto;
     max-width: 980px;
   }

   #proyecto_actual, #ni-naiz, #motions {
     padding-top: 70px;
   }

   #sectores {
     font-size: 14px;
     font-weight: bold;
   }

   #xmen {
     padding-left: 120px;
     margin-bottom: 120px;
   }

   .sobremi {
     margin: 10% 10% 0 10%;
     line-height: 180%;
     padding: 0 5% 8% 3%;
   }

   .sobremi p {
     font-size: 22px;
   }

   #tienda-icono img {
     width: 70%;
   }

   .cita {
     font-family: serif;
     font-style: italic;
     color: gray;
     padding: 0 20% 8% 20%;
     text-align: center;
   }

   .cita p {
     font-size: 24px;
   }

   .display-en-linea {
     display: inline;
     width: 40%;
   }

   .texto_reducir_low {
     font-size: 1rem;
   }

   .youtube iframe {
     width: 70%;
   }

   .youtube {
     width: 45%;
     display: inline-block;
     margin-top: 4rem;
   }

   .grid-de-los-motion-graphics {
     display: grid;
     grid-template-columns: 60% auto;
     grid-template-rows: 1fr auto;
     grid-template-areas: "tcartel tdescripcion""ttitulo tdescripcion";
     width: 100%;
     height: auto;
     margin-top: 4rem;
   }

   .cartel_de_los_motion_graphics {
     grid-area: tcartel;
   }

   #tesla-cartel img {
     width: auto;
     height: 100%;
   }

   .titulo_de_los_motion_graphics {
     grid-area: ttitulo;
   }

   .descripciones_de_los_motion_graphics {
     border-left: 1px solid gray;
     grid-area: tdescripcion;
     padding-right: 20%;
     padding-left: 1rem;
     border-left: 1px solid gray;
     margin-left: 0;
     display: block;
     margin-top: 1rem;
   }

   .descripciones_de_los_motion_graphics p {
     margin-top: 1rem;
   }

   .descripciones-intro picture {
     display: none;
   }

   #bob-esponja {
     display: flex;
     gap: 1rem;
     flex-wrap: wrap;
   }

   #procrastinar {
     display: flex;
     gap: 1rem;
     flex-wrap: wrap;
   }

   #bob-esponja h2 {
     width: 100%;
   }

   #procrastinar h2 {
     width: 100%;
   }

   #bob-esponja div.primera-columna {
     width: 50%;
   }

   #procrastinar div.primera-columna {
     width: 50%;
   }

   #bob-esponja div.segunda-columna {
     /* width: -webkit-calc(40%-20px); */
     width: calc(50% - 1rem);
   }

   #procrastinar div.segunda-columna {
     /* width: -webkit-calc(40%-20px); */
     width: calc(50% - 1rem);
   }



   #bob-esponja img {
     width: 100%;
     max-width: 400px;
   }

   #procrastinar img {
     width: 100%;
     max-width: 400px;
   }

   #bob-esponja-2 img {
     width: 60%;
     margin-top: 0;
   }


 }


 /* ESCRITORIO 
ESCRITORIO * ESCRITORIO  * ESCRITORIO  * ESCRITORIO 
ESCRITORIO * ESCRITORIO  * ESCRITORIO  * ESCRITORIO 
ESCRITORIO * ESCRITORIO  * ESCRITORIO  * ESCRITORIO 
ESCRITORIO * ESCRITORIO  * ESCRITORIO  * ESCRITORIO 
ESCRITORIO * ESCRITORIO  * ESCRITORIO  * ESCRITORIO 
ESCRITORIO * ESCRITORIO  * ESCRITORIO  * ESCRITORIO 
ESCRITORIO * ESCRITORIO  * ESCRITORIO  * ESCRITORIO
ESCRITORIO * ESCRITORIO  * ESCRITORIO  * ESCRITORIO 
ESCRITORIO * ESCRITORIO  * ESCRITORIO  * ESCRITORIO 
ESCRITORIO * ESCRITORIO  * ESCRITORIO  * ESCRITORIO 
ESCRITORIO * ESCRITORIO  * ESCRITORIO  * ESCRITORIO 
ESCRITORIO * ESCRITORIO  * ESCRITORIO  * ESCRITORIO 
ESCRITORIO * ESCRITORIO  * ESCRITORIO  * ESCRITORIO 
ESCRITORIO * ESCRITORIO  * ESCRITORIO  * ESCRITORIO 
ESCRITORIO * ESCRITORIO  * ESCRITORIO  * ESCRITORIO  
ESCRITORIO * ESCRITORIO  * ESCRITORIO  * ESCRITORIO 
*/

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

   /* body {
    background-color: yellow;
  } */
   #principal {
     height: 1600px;
     max-width: 1020px;
   }

   #cuadernos_alain {
     display: grid;
     grid-template-columns: 45% 1fr 1fr;
     grid-template-rows: auto 1fr;
     gap: 1rem;
     padding: 1rem;
     padding-bottom: 5rem;
   }

   #cuadernos_alain #cuadernos-alternativos {
     display: flex;
     width: 100%;
     grid-column: 2 / 4;
     gap: 1rem;
   }

   #alain #fin-pastel, #alain #fin-vintage {
     display: block;
   }

   #alain {
     padding: 1rem;
   }

   #alain_libro {
     display: grid;
     grid-template-rows: 1fr auto auto auto;
     grid-template-columns: repeat(10, 1fr);
     gap: 1rem;
   }

   #alain_portada_del_libro2 {
     grid-column: 1 / 7;
     grid-row: 3 / 4;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;

   }



   #alain_portada_del_libro2 picture {
     display: flex;
     justify-content: flex-start;

   }

   #alain_portada_del_libro2 img {
     width: 100%;
   }



   #alain_descripcionB1 {
     padding: 0;
     grid-column: 7 / 11;
     grid-row: 3 / 4;
   }

   #alain_portada_del_libro2, #alain_descripcionB1 {
     margin-top: 4em;
   }

   #alain_descripcion_autor {
     grid-column: 4 / 11;
     grid-row: 4/5;
     padding: 0;
   }

   #contraportada-como-ser-feliz {
     width: 100%;
     text-align: center;
     grid-column: 1 / 4;
     grid-row: 4 / 5;
     padding-top: 2em;
   }

   #contraportada-como-ser-feliz img {
     width: 90%;
   }

   #alain_descripcion3 {
     display: block;
     grid-column: 3 / 11;
     grid-row: 6/7;
   }



   #alain h2 {
     margin-top: 2rem;
   }

   #alain p.agradecimientos {
     font-size: 1rem;
     padding-right: 4em;
     margin-left: 2em;
     padding-left: 0.5em;
     border-left: 1px solid cadetblue;
   }

   #alain_firma_foto {
     display: block;
     grid-column: 1 / 11;
     grid-row: 7 / 8;
     padding-top: 18px;
   }

   #alain_portada_del_libro {
     grid-column: 1 / 7;
     grid-row: 1 / 3;
     display: flex;
     align-self: self-start;
   }

   #casete {
     display: block;
     height: auto;
     width: 90%;
     grid-column: 1 / 3;
     grid-row: 6/7;
     padding-left: 1rem;
     padding-top: 3em;
   }

   #alain_portada_del_libro h6 {
     order: 2;
     text-align: right;
     margin-top: 0;
   }

   #alain_portada_del_libro picture {
     order: 1;
   }

   #alain_descripcion {
     padding: 0;
     padding-top: 0px;
     grid-column: 7 / 11;
     grid-row: 1 / 2;
   }

   #alain_descripcion2 {
     padding-left: 0;
     padding-top: 0;
     grid-column: 7 / 11;
     grid-row: 2 / 3;
   }

   #alain_descripcion2 p {
     padding-left: 0;
     padding-top: 0;
     grid-column: 7 / 11;
     grid-row: 4 / 5;
   }

   #alain_fnd_movil {
     display: none;
   }

   #aupa-baraka {
     padding: 1rem;
   }

   /* SLIDER */
   #contenedor_slider img {
     width: 40%;
   }

   /* CUADERNOS */
   #cuadernos_alain h2 {
     margin-top: 60px;
   }

   #cuaderno2 img {
     width: 100%;
   }

   #cuaderno3 {
     padding-right: 0;
   }

   .cuaderno_alain {
     display: block;
     grid-template-columns: 1fr;
     grid-template-rows: auto auto;
     align-content: flex-start;
   }

   #cuadernos_alain p {
     margin-top: 0;
   }

   #cuadernos-alternativos #cuaderno2 p, #cuadernos-alternativos #cuaderno3 p {
     margin-top: 1rem;
   }

   #merchandising, #merchandising-intro {
     display: none;
   }
 }

 /* Fin del mediaquery */