@media (max-width: 1025px) {
  :root {
    --columnas-3: 2;
    --columnas-4: 2;
  }
  .seccion-botonera {
    justify-content: center;
    grid-template-areas:
      "izquierda  derecha"
      "centro centro";
  }

  .seccion-hero {
    background-position: right;
  }

  .seccion-nosotros__contenedor {
    grid-template-areas:
      "nosotros nosotros"
      "mision vision";
  }

  .seccion-misc {
    justify-content: center;
    grid-template-columns: 1fr 1fr;

    grid-template-areas:
      "mapa mapa"
      "reserva escribenos";
  }
}

@media (max-width: 426px) {
  :root {
    --columnas-3: 1;
    --columnas-4: 1;
  }

  .seccion-botonera .icono-medio__enlace {
    display: none;
  }
  .seccion-navegacion__enlaces {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--gap-1);
  }

  .seccion-hero {
    zoom: 0.8;
  }

  .seccion-hero__eslogan {
    font-size: 2rem;
    width: 100%;
  }

  .seccion-nosotros__contenedor {
    grid-template-areas:
      "nosotros"
      "mision"
      "vision";
  }

  .seccion-marcas__imagen {
    width: 4rem;
  }
  .seccion-marcas__contenedor {
    gap: var(--gap-2);
  }

  .seccion-misc {
    justify-content: center;
    grid-template-columns: 1fr;

    grid-template-areas:
      "mapa"
      "reserva"
      "escribenos";
  }

  .seccion-footer__container {
    grid-template-areas:
      "sercotec contactos"
      "mensajes mensajes";
  }
  .razones__card {
    grid-template-columns: auto 1fr;
    grid-template-areas:
      "imagen titulo"
      "descripcion descripcion";
  }
  .razones__titulo {
    text-align: left;
    justify-self: start;
    align-self: center;
    white-space: nowrap;
  }
  .razones__imagen {
    width: 3rem;
    height: auto;
  }
}

@media (max-width: 321px) {
  .seccion-hero {
    zoom: 0.7;
  }
  .seccion-footer__container {
    grid-template-areas:
      "sercotec"
      "contactos"
      "mensajes";
  }
}