@media (max-width: 1600px) {
  .nav .container,
  .top-bar .container {
    max-width: 1400px;
  }

  .top-footer .container {
    max-width: 1300px;
  }

  #intro-1 .grid {
    grid-template-columns: 1.1fr 0.85fr;
  }

  #intro-2 .container {
    margin: 0 20px;
  }

  #intro-2 .feature-item {
    padding: 90px 40px;
  }

  #intro-3 .bottom-grid .item .img,
  #intro-3 .item .img {
    height: 550px;
  }

  #contact .imgs img {
    width: 320px;
    height: 500px;
  }

  #contact .grid {
    gap: 25px;
  }

  #contact .imgs {
    gap: 10px;
  }

  #intro-3 .item .desc {
    height: 200px;
  }

  #intro-3 .container {
    gap: 45px;
  }

  #intro-3 .bottom-grid {
    gap: 25px;
  }
}

@media (max-width: 1350px) {
  .footer-brand {
    padding-right: 30px;
  }

  .footer-contact {
    padding-left: 10px;
  }

  .footer-columns {
    gap: 20px;
  }
  #intro-1 .grid {
    grid-template-columns: 1fr 1fr;
  }

  #intro-2 .feature-item h3 {
    font-size: 30px;
  }
}

@media (max-width: 1300px) {
  #contact .imgs img {
    width: 280px;
    height: 420px;
  }

  #contact .imgs {
    align-items: center;
  }
}

@media (max-width: 1270px) {
  #intro-2 .feature-item {
    padding: 75px 0;
  }
}

@media (max-width: 1100px) {
  .top-footer {
    padding: 80px 0;
  }
  .top-footer .container {
    max-width: 900px;
  }

  .footer-columns {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 40px 30px;
    align-items: start;
  }

  .footer-column.footer-brand {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding-right: 0;
  }

  .footer-column.footer-sections {
    grid-column: 1 / 3;
  }

  .footer-column.footer-products {
    grid-column: 3 / 5;
  }

  .footer-column.footer-products-extra {
    grid-column: 5 / 7;
    padding-top: 0;
    padding-left: 0;
  }

  .footer-column.footer-contact {
    grid-column: 2 / 4;
  }

  .footer-column.footer-social {
    grid-column: 4 / 6;
  }

  #intro-2 .feature-item h3 {
    font-size: 25px;
    padding: 0 20px;
  }

  #intro-2 .img img {
    padding: 55px;
  }

  #intro-3 .item .img {
    padding: 30px;
  }

  #intro-3 .bottom-grid .item .img,
  #intro-3 .item .img {
    height: 350px;
  }

  #intro-3 .top-grid {
    gap: 20px;
  }

  #intro-3 .item .desc {
    height: 125px;
  }
}

@media (max-width: 1060px) {
  #contact .grid {
    grid-template-columns: 1fr;
  }

  #contact .imgs {
    justify-content: center;
    justify-items: center;
  }

  #contact .imgs img {
    width: 280px;
    height: 420px;
  }
}

@media (max-width: 920px) {
  body {
    padding: 57px 0 0 0;
  }

  .mobile-header {
    display: flex;
  }

  .nav,
  .nav-menu,
  .nav .nav-logo,
  .nav-cart,
  .top-bar-right {
    display: none;
  }

  .top-bar-content {
    justify-content: center;
  }

  #intro-1 {
    padding: 10px 0;
  }
}

@media (max-width: 780px) {
  #intro-1 .container {
    padding: 0 15px;
  }

  #intro-1 .grid {
    grid-template-columns: 1fr;
    min-height: auto;
    gap: 20px;
  }

  #intro-1 .img {
    order: 1;
    padding: 15px;
    min-height: 250px;
  }

  #intro-1 .img img {
    width: 100%;
    max-width: 300px;
    max-height: 300px;
  }

  #intro-1 .swiperInicio .swiper-slide img {
    width: 100%;
    max-width: 300px;
  }

  #intro-1 .cta {
    order: 2;
    min-height: 200px;
    padding: 30px 15px;
  }

  #intro-1 .cta h1 {
    font-size: 32px;
  }

  #intro-1 .btn img {
    width: 40px;
    height: auto;
  }
}

@media (max-width: 768px) {
  .footer-content {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }

  .footer-left {
    order: 1;
    margin-bottom: 0;
  }

  .footer-right {
    order: 2;
  }

  #intro-2 .feature-item {
    padding: 45px 0;
  }

  #intro-2 .img img {
    padding: 25px;
  }

  #intro-3 .top-grid {
    grid-template-columns: 1fr;
  }

  #intro-3 .bottom-grid {
    grid-template-columns: 1fr;
  }

  #intro-3 .bottom-grid .item .img {
    padding: 20px;
  }

  #contact .imgs img {
    width: 100%;
    height: auto;
  }

  #intro-3 .item .desc {
    height: 95px;
  }
}

@media (max-width: 680px) {
  #intro-2 .features {
    grid-template-columns: 1fr;
  }

  #intro-2 .feature-item {
    border-right: none;
    border-bottom: 2px solid #a8c5dd;
  }

  #intro-2 .feature-item:last-child {
    border-bottom: none;
  }

  #intro-2 .feature-item {
    padding: 20px 0;
  }

  #intro-2 .img img {
    padding: 10px;
  }

  #intro-2 .feature-item h3 {
    font-size: 20px;
  }
}

@media (max-width: 580px) {
  .footer-columns {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    text-align: center;
  }

  .footer-brand {
    width: 100%;
    padding-right: 0;
  }

  .footer-sections,
  .footer-products,
  .footer-products-extra,
  .footer-contact,
  .footer-social {
    width: 100%;
  }

  .footer-products-extra {
    padding-top: 0;
    padding-left: 0;
    margin-right: 0;
  }

  .footer-menu {
    align-items: center;
  }

  .footer-social-icons {
    justify-content: center;
  }
}

@media (max-width: 580px) {
  .footer-left p {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 5px;
  }

  .footer-left .footer-separator {
    display: none;
  }
}


@media (max-width: 340px) { 
#contact form {
  max-width: 250px;
}
}