/* ============================================================
   EXODO LATAM — Responsive
   Escritorio · Tablet · Móvil
   ============================================================ */

/* Mobile-first defaults live in global/components. These rules
   refine layout at tablet and desktop breakpoints. */

/* Hide desktop-only floating decorations on small screens */
.lg-only { display: none; }
@media (min-width: 1024px) { .lg-only { display: block; } }

.mobile-only { display: block; }
@media (min-width: 768px) { .mobile-only { display: none; } }

/* Tablet: keep heroes readable */
@media (max-width: 1023px) {
  .home-hero-grid,
  .navy-hero .split,
  .split2,
  .split2.rev,
  .img-hero .inner .two-col { grid-template-columns: 1fr; }

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

/* Desktop contact layout */
.contact-grid { display: grid; gap: 2.5rem; }
@media (min-width: 1024px) {
  .contact-grid { grid-template-columns: 3fr 2fr; }
}

/* Generic two-column helper used in service heroes */
.two-col { display: grid; gap: 3rem; align-items: center; }
@media (min-width: 1024px) { .two-col { grid-template-columns: 1.1fr .9fr; } }

/* Phones */
@media (max-width: 639px) {
  .section, .section-padding { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .img-hero { min-height: 480px; }
  .img-hero.tall, .img-hero.taller { min-height: 540px; }
  .btn { width: 100%; }
  .actions-inline .btn { width: auto; }
  .hero-actions .btn { width: 100%; }
  .final-cta .actions .btn, .cta-band .actions .btn { width: auto; }
  .img-strip .box.right { text-align: left; }
  .img-strip .box.right p { margin-left: 0; }
  .footer-top { text-align: center; }
  .footer-logo { justify-content: center; display: flex; }
}

/* allow CTA buttons to sit inline where needed */
.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
@media (min-width: 640px) { .hero-actions { flex-direction: row; } }

/* Tables / wide content scroll safety */
.scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* Reduce flip card height on phones for the home cards */
@media (max-width: 639px) {
  .svc-flip { height: 380px; }
}