@media screen and (max-width: 1500px) {
  .desc-columna p {
    font-size: 1.05em;
  }
  #menu-categories-home .menu-button .imagen {
    width: 79px;
    height: 79px;
  }
}

@media screen and (max-width: 1024px) {
  .desc-columna p {
    font-size: 1.25em;
  }
}

@media screen and (max-width: 768px) {
  .nombre-columna {
    top: 25%;
  }

  .volver-atras {
    width: 100px;

    font-size: 11px;
  }

  .img-btn-atras {
    max-width: 25px;
  }

  .compartir img {
    max-width: 30px;
  }

  .titulo-columna {
    margin-top: 7%;

    font-size: 6.6vw;

    width: 100%;

    top: 50%;
  }
  .destacadas {
    font-size: 2.5vw;
  }
  .titulo-home {
    top: 52%;
    left: 67%;
    font-size: 5.8vw;
    width: 55%;
  }

  #menu-categories-home .menu-button .imagen {
    width: 69px;
    height: 69px;
  }

  .banner-home {
    aspect-ratio: 358/209;
  }

  @keyframes zoomInOut {
    0% {
      scale: 1;
      rotate: 0deg;
    }

    50% {
      scale: 1.1;
      rotate: 5deg;
    }
    100% {
      scale: 1;
      rotate: 0deg;
    }
  }

  .admin-bar .resumen {
    height: calc(100svh);
  }
  .resumen .slider .slide {
    font-size: 1.2em;
  }

  #menu-categories {
    overflow: auto;
  }
  .resumen .slider .slide .content {
    font-size: 1em;
  }

  .resumen-regresar {
    padding: 6px !important;
  }
  .resumen-regresar .icon {
    margin: 0 !important;
  }
}

@media (max-width: 400px) {
  #menu-categories-home .menu-button {
    font-size: 0.8em;
  }
  #menu-categories-home .menu-button .imagen {
    width: 49px;
    height: 59px;
  }

  #menu-categories-home .menu {
    --columnGap: 0.3rem;
    margin-left: calc(-1 * var(--columnGap));
    margin-right: calc(-1 * var(--columnGap));
  }
}