/*
  Desarrollado por LeanaSoft
  Autor principal: ~ DeadR0k3
  Proyecto: Lukaz&Morriz
*/
/* Ajustes responsivos finales. */
@media (max-width: 1200px) {
  .hero__grid {
    gap: 2rem;
  }
}

@media (max-width: 960px) {
  .hero__grid {
    grid-template-columns: 1fr;
  }

  .hero__content {
    max-width: 100%;
  }

  .hero__visual {
    max-width: 680px;
    margin-inline: auto;
  }

  .services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .trust__grid {
    grid-template-columns: 1fr;
  }

  .contact__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .nav-actions--desktop,
  .site-nav--desktop {
    display: none;
  }

  .menu-toggle {
    display: inline-flex;
  }

  .hero {
    padding-top: 7rem;
  }

  .hero__actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero__actions .btn {
    width: 100%;
    justify-content: center;
  }

  .services__grid,
  .gallery__grid {
    grid-template-columns: 1fr;
  }

  .contact__meta {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .container {
    padding-inline: 1rem;
  }

  .hero__eyebrow,
  .services__eyebrow,
  .gallery__eyebrow,
  .trust__eyebrow,
  .contact__eyebrow {
    font-size: 0.78rem;
  }

  .hero h1 {
    font-size: clamp(2rem, 8vw, 2.8rem);
  }

  .service-card__content,
  .trust-block,
  .contact__panel,
  .contact__map-block {
    padding: 1rem;
  }

  .hero-editorial {
    padding-top: 6rem;
  }

  .hero-editorial__copy h1 {
    font-size: clamp(2.4rem, 9vw, 3rem);
  }

  .intro-panel__grid,
  .gallery-preview__grid,
  .service-feature--split,
  .contact-cta__panel {
    grid-template-columns: 1fr;
    display: grid;
  }

  .gallery-preview__grid {
    grid-template-columns: 1fr;
  }

  .gallery-preview__card--large {
    min-height: 320px;
    grid-row: auto;
  }

  .service-feature--split img {
    width: 100%;
    height: 240px;
    position: relative;
  }

  .service-feature--alt .service-feature__content {
    margin-left: 0;
    text-align: left;
  }

  .gallery-preview__intro,
  .contact-cta__panel {
    flex-direction: column;
    align-items: flex-start;
  }

  .contact-cta__links {
    flex-direction: column;
  }
}