/* =====================================================================
   MARIACHI TUXTLA — responsive.css
   ===================================================================== */

@media (max-width: 900px){
  .split{ grid-template-columns: 1fr; }
  .split.reverse .img-col{ order:-1; }
  .form-cotizacion{ grid-template-columns: 1fr; }
}

@media (max-width: 800px){
  .main-nav{
    position:fixed; top:73px; left:0; right:0; bottom:0;
    height: calc(100vh - 73px);
    background: var(--negro); transform: translateX(-100%);
    transition: transform .3s ease; padding: 24px; overflow-y:auto;
    border-top:1px solid rgba(201,146,47,.2);
    z-index: 900;
  }
  .main-nav.open{ transform: translateX(0); }
  .main-nav ul{ flex-direction:column; gap:0; }
  .main-nav a{ display:block; padding:14px 0; border-bottom:1px solid rgba(201,146,47,.12); font-size:1.05rem; }
  .hamburger{ display:flex; }
  .header-cta .btn-text{ display:none; }
  .hero{ min-height:80vh; text-align:center; }
  .hero-content{ margin:0 auto; }
  .hero-content .subtitulo{ margin-left:auto; margin-right:auto; }
  .cta-row{ justify-content:center; }
  section{ padding: 46px 0; }
}

@media (max-width: 480px){
  .header-inner{ padding:12px 16px; }
  .brand-text{ font-size:1.05rem; }
  .brand img{ height:36px; }
  .btn{ padding:12px 22px; font-size:.88rem; }
  .whatsapp-float{ width:52px; height:52px; bottom:16px; right:16px; }
  .galeria-grid{ grid-template-columns: repeat(auto-fill,minmax(150px,1fr)); }
  .galeria-grid img{ height:150px; }
}