/* Tablet (iPad) */
 @media (min-width: 601px) and (max-width: 1024px) {
   :root {
     --scale: 1.2;
   }

   main {
     padding-left: 100px;
     font-size: 1rem;
     display: grid;
     grid-template-columns: repeat(var(--mainColumnas), auto);
   }

   main div {
     /* padding: 1rem; */
     padding-bottom: 2rem;
   }

   h1 {
     font-size: calc(2.5rem * var(--scale));
   }

   h2 {
     font-size: calc(2rem * var(--scale));
   }

   h3 {
     font-size: calc(1.8rem * var(--scale));
   }

   h4 {
     font-size: calc(1.5rem * var(--scale));
   }

   .top {
     display: grid;
     grid-template-columns: 4fr 0.5fr 0.5fr;
   }

   .top img {
     width: 300px;
     padding-left: 5%;
   }

   .icon {
     display: grid;
     max-width: 50px;
   }

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

   /* h2{ font-size:3rem;} */
   .azul {
     font-size: 3rem;
   }

   .naranja {
     font-size: 3rem;
   }

   iframe {
     /* width: 560px; */
     /* height: 315px; */
     /* width: 350px; */
     /* height: 200px; */
     width: calc(250px * var(--scale));
     margin: 1rem;
     border-radius: 1rem;
   }
 }

 /* Laptop */
 /* @media (min-width: 1025px) and (max-width: 1440px) { */
 @media (min-width: 1025px) and (max-width: 1440px) {
   :root {
     --scale: 1.4;
   }

   main {
     padding-left: 100px;
     /* margin: 3rem auto; */
     font-size: 1.1rem;
     display: grid;
     grid-template-columns: repeat(var(--mainColumnas), 1fr);
     /* padding: 3rem; */
     /* padding: 100px; */
   }

   h1 {
     font-size: calc(2.8rem * var(--scale));
   }

   h2 {
     font-size: calc(2.3rem * var(--scale));
   }

   h3 {
     font-size: calc(2rem * var(--scale));
   }

   h4 {
     font-size: calc(1.8rem * var(--scale));
   }

   main div {
     /* padding: 1rem; */
     padding-bottom: 3rem;
   }

   main img {
     margin: 1rem;
     border: none;
     min-width: 300px;
   }

   .top img {

     width: 300px;
     padding-left: 5%;
   }

   .icon {
     display: grid;
     max-width: 50px;
   }

   .img-publicaciones {
     max-width: 300px;
   }

   /* h2 { font-size: 3rem; } */

   .azul {
     font-size: 3rem;
   }

   .naranja {
     font-size: 3rem;
   }

   /* iframe{ width:560px; height:315px; margin: 1rem; border-radius: 1rem;} */
   iframe {
     /* width: 400px; */
     /* height: 200px; */
     width: calc(250px * var(--scale));
     margin: 1rem;
     border-radius: 1rem;
   }
 }

 /* Pantallas grandes */
 @media (min-width: 1441px) {
   /* html { */
   /*   font-size: 20px; */
   /* } */

   :root {
     --scale: 1.5;
   }

   main {
     padding-left: 100px;
     font-size: 1rem;
     max-width: 80rem;
     /* padding: 4rem; */
     /* padding: 100px; */
   }

   h1 {
     font-size: calc(3rem * var(--scale));
   }

   h2 {
     font-size: calc(2.8rem * var(--scale));
   }

   h3 {
     font-size: calc(2.5rem * var(--scale));
   }

   h4 {
     font-size: calc(2rem * var(--scale));
   }

   main img {
     margin: 1rem;
     border: none;
     min-width: 400px;
   }

   .top img {

     width: 400px;
     padding-left: 5%;
   }

   .icon {
     display: grid;
     max-width: 50px;
   }

   .img-publicaciones {
     max-width: 400px;
   }

   /* h2{ font-size:3rem;} */
   .azul {
     font-size: 3rem;
   }

   .naranja {
     font-size: 3rem;
   }

   /* iframe{ width:560px; height:315px; margin: 1rem; border-radius: 1rem;} */
   iframe {
     /* width: 400px; */
     /* height: 200px; */
     width: calc(250px * var(--scale));
     margin: 1rem;
     border-radius: 1rem;
   }
 }