/* Tablet styles — min-width: 480px and max-width: 1199px */

/* ── HEADER: nav vuelve visible en línea a partir de desktop; en tablet
   seguimos usando el panel deslizante (hamburger visible) hasta 1024px,
   donde desktop.css lo reemplaza por nav inline. ── */

/* ── FOOTER ── */
.site-footer__columns {
    grid-template-columns: repeat(2, 1fr);
}
.footer-col--brand { grid-column: 1 / -1; }
.footer-newsletter__form { flex-direction: row; align-items: center; flex-wrap: wrap; }
.footer-newsletter__input { flex: 1 1 22rem; width: auto; }
.footer-newsletter__btn { width: auto; }

/* ── HOME ── */
.dest-grid { grid-template-columns: repeat(3, 1fr); }
.dest-card--large { grid-column: span 3; }

.tour-grid--exp { grid-template-columns: repeat(2, 1fr); }

.jcx-card { grid-template-columns: 34rem 1fr; align-items: stretch; }
.jcx-card__img { aspect-ratio: auto; height: 100%; }
.jcx-card__info { display: flex; flex-direction: column; justify-content: center; }
.jcx-card__cta { align-self: flex-start; margin: 0 var(--space-md) var(--space-md); }

.home-why__inner { grid-template-columns: 1fr 1fr; align-items: stretch; }

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

.home-sustainable__inner { grid-template-columns: 1.1fr .9fr; }

/* ── ABOUT ── */
.abx-story { grid-template-columns: 1fr 1fr; }
.abx-mission { grid-template-columns: 1fr 1fr; }
.abx-mission__body { order: 2; }
.abx-mission__img { order: 1; }
.abx-team { grid-template-columns: repeat(3, 1fr); }
.abx-values { grid-template-columns: repeat(2, 1fr); }
.abx-timeline { flex-direction: row; flex-wrap: wrap; border-left: none; border-top: 2px solid var(--mpg-sand); padding-left: 0; padding-top: var(--space-lg); gap: var(--space-lg); }
.abx-timeline__item { flex: 1 1 16rem; }
.abx-timeline__item::before { left: 50%; top: -1.5rem; transform: translateX(-50%); }

/* ── TOURS LANDING ── */
.tcx-grid { grid-template-columns: repeat(2, 1fr); }

/* ── CONTACT ── */
.ctx-layout { grid-template-columns: 1.2fr .8fr; }

/* ── TOUR DETAIL ── */
.tdx-overview { grid-template-columns: 1fr 30rem; }
.tdx-side { position: sticky; top: 2rem; }
.tdx-statsbar { grid-template-columns: repeat(4, 1fr); }
.tdx-highlights { grid-template-columns: repeat(2, 1fr); }
.tdx-inclusions { grid-template-columns: repeat(2, 1fr); }
.tdx-related { grid-template-columns: repeat(2, 1fr); }
.tdx-inquiry__inner { grid-template-columns: 1fr 1fr; }