@media screen and (max-width: 540px){
  .hero-section{
    background-attachment: scroll;
    text-align: center;
    height: 150px;
    padding-top: 10px;
  }
}

@media screen and (max-width: 530px){
  .contenedor > .titulo {
    font-size: 2em;
    text-align: center;
  }
}

@media screen and (max-width: 743px){
  .contenedor {
    height: 1050px;
    gap: 10px;
  }
    
  .contenedor > .contenedor-izquierdo {
    height: 100px;
    width: 60%;
    padding: 10px;
    font-size: 1.1em;
    text-align: center;
    justify-content: center;
    margin-top: 10px;
  }

  .contenedor > .contenedor-derecho {
    background-color:  rgb(30, 30, 67);
    width: 60%;
    height: 100px;
    font-size: 1.1em;
    justify-content: center;
    text-align: center;
    animation: mover-izquierda-derecha 5s;
    animation-fill-mode: forwards;
    margin-top: 10px;
  }

  #popup {
    width: 70%;
    font-size: 0.7em;
    padding: 10px;
  }
}

@media screen and (max-width: 910px){
  .por-que-nosotros {
    height: auto;
  }
}

@media screen and (max-width: 878px){
  .nuestro-potencial {
    height: 300px;
  }
}

@media screen and (max-width: 770px){
  .nuestro-potencial {
    width: 100%;
    height: auto;
    grid-template-columns: 1fr;
  }

  .nuestro-potencial > .column {
    height: 150px;
  }

  .nuestro-potencial:nth-child(1){
    order: 1;
  }
}

@media screen and (max-width: 770px){
  .nuestro-potencial:nth-child(2){
    order: 2;
  }
}

@media screen and (max-width: 770px){
  .nuestro-potencial:nth-child(3){
    order: 3;
  }
}

@media screen and (max-width: 770px){
  .nuestro-potencial:nth-child(4){
    order: 4;
  }
}

@media screen and (max-width: 770px){
  .nuestro-potencial:nth-child(5){
    order: 5;
  }
}
@media screen and (max-width: 770px){
  .nuestro-potencial:nth-child(6){
    order: 6;
  }
}

@media screen and (max-width: 3125px) {
  .fake-footer {
    height: 200px;
  }
}

@media screen and (max-width: 1300px) {
  .fake-footer {
    height: 100px;
  }
}

@media screen and (max-width: 872px) {
  .fake-footer {
    height: 10px;
  }
}

@media screen and (max-width: 1600px){

  .informacion {
    font-size: 1em;
  }

  .contacto {
    display: hidden;
    padding-left: 20px;
  }
}

@media screen and (max-width: 1350px){
  .pie-de-pagina {
    padding: 20px;
  }

  .pie-de-pagina > .pie-nosotros {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    height: auto;
    gap: 10px;
    margin: 0;
  }

  .pie-de-pagina > .pie-nosotros > .informacion{
    justify-content: center;
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 35px;
    padding: 20px;
  }

  .col {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    gap: 30px;
  }

  .pie-de-pagina > .pie-nosotros > .redes-sociales {
    display: flex;
    align-items: center;
    padding-top: 3px;
    gap: 40px;
  }

  .pie-de-pagina > .pie-nosotros > .newsletter{
    display: flex;
    justify-content: center;
    width: 600px;
    padding: 20px;
  }

  .pie-de-pagina > .pie-nosotros > .contacto{
    justify-content: center;
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 35px;
    padding: 20px;
  }

  .copywright {
    padding-top: 5px;
  }
}

@media screen and (max-width: 886px) {
  .empresa, .politica-privacidad, .aviso-legal, .politica-cookies {
    font-size: 1.3rem;
  }

  .localidad, .email-contacto {
    font-size: 1.3rem;
  }

  .fa-linkedin, .fa-link, .fa-github {
    font-size: 1.7rem;
  }
}

@media screen and (max-width: 657px) {
  .pie-de-pagina > .pie-nosotros > .newsletter {
    width: 500px;
  }
}

@media screen and (max-width: 645px) {
  .pie-de-pagina > .pie-nosotros > .informacion {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
  }

  /* columnas */
  .informacion .col {
    width: 48%;
    display: flex;
    flex-direction: column;
  }

  .col.left {
    text-align: left;
  }

  .col.right {
    text-align: right;
  }
}

@media screen and (max-width: 548px) {
  .pie-de-pagina > .pie-nosotros > .newsletter {
    width: 300px;
  }
}

@media screen and (max-width: 1500px) {
  .cuerpo-sobre-mi > .biografia-empresa h1 {
    font-size: 1em;
  }
}
@media screen and (max-width: 768px) {
  .testimonios img {
    width: 90%;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 700px) {
  .cuerpo-sobre-mi > .biografia-empresa h1 {
    font-size: 1.2em;
  }

  .hero-section p {
    width: 200px;
  }
}

@media screen and (max-width: 500px) {
  .cuerpo-sobre-mi > .biografia-empresa h1 {
    font-size: 1em;
  }
}

@media screen and (max-width: 555px) {
  .cuerpo-servicios > .servicios > .sub-servicios > .informacion-servicios h1{
    font-size: 1.5em;
  }

  .cuerpo-servicios > .servicios > .sub-servicios > .informacion-servicios h2{
    font-size: 1em;
  }

  .copywright {
    margin-top: -20px;
  }
}

@media screen and (max-width: 965px){
  .form-container {
    display: grid;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 1240px) {
  .titulo-blog {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
  }

  .titulo-blog > .imagen-blog {
    order: 1;
    overflow-x: hidden;
  }

  .titulo-blog > .text-titulo {
    order: 2;
    padding-top: 3px;
    height: auto;
  }
}

@media screen and (max-width: 500px) {
  .titulo-blog > .text-titlo h1{
    font-size: 50%;
  }

  .titulo-blog > .text-titlo h2{
    font-size: 50%;
  }

  .titulo-blog > .imagen-blog img{
    width: 70%;
  }
}

@media screen and (max-width: 850px) {
  .blog-post h1 {
    font-size: 2em;
  }
    
  .blog-post h2 {
    font-size: 1.5em;
  }

  .blog-post p, h3, li{
    font-size: 1em;
  }
    
  .blog-post h5{
    font-size: 1em;
  }

  .prueba-li img {
    width: 30%;
  }
}


@media screen and (max-width: 720px) {
  .prueba-li {
    flex-direction: column;
  }

  .prueba-li img {
    width: 100%;
    padding-left: 0;;
  }
}

@media screen and (max-width: 1900px) {
  .imagen-post img {
    width: 50%;
  }
}

@media screen and (max-width: 400px) {
  .imagen-post img {
    width: 120%;
  }
}


@media screen and (max-width: 430px){
  .cuerpo-politicas{
    font-size: 0.9em;
  }
}

@media screen and (max-width: 600px) {
  .informacion {
    font-size: 0.7em;
  }
  .body-post-estrategias {
    flex-direction: column;
  }

  .margen-izquierdo, .margen-derecho {
    width: 100%;
  }

  .margen-izquierdo img {
    width: 50%;
        
  }
}

.h1-importante {
  background-color:  rgb(17 17 37);
  width: 100%;
  height: auto;
  text-align: center;
}

.h1-importante h1 {
  margin: 0;
  font-size: 1em;
  color: #dad3d3;
  letter-spacing: 0.5em;
  padding: 10px;
}