/* v28 — separa ventana de escritorio angosta de teléfono real */

/* El mapa completo nunca se escala más allá de su lienzo: se ancla a la esquina. */
@media (min-width:600px) and (max-width:1024px){
  .hero-map-composite{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    left:0!important;
    top:0!important;
  }
  .hero-visual{overflow:visible!important}
}

/* Navegador de escritorio estrecho: conserva la escena de escritorio, no la versión teléfono. */
@media (max-width:599px) and (pointer:fine){
  .hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-height:430px!important;padding-top:0!important}
  .hero-copy{padding:36px 0!important;position:relative!important;z-index:3!important}
  .hero-copy h1{font-size:clamp(26px,4.5vw,34px)!important;max-width:280px!important}
  .hero-copy p{font-size:11px!important;max-width:275px!important}
  .hero-actions{display:flex!important;gap:6px!important;margin-top:18px!important;z-index:4!important}
  .hero-actions .btn{width:auto!important;min-width:0!important;min-height:36px!important;padding:0 8px!important;gap:5px!important;font-size:8px!important}
  .hero-actions .btn-label{font-size:8px!important}
  .hero-visual{display:block!important;height:430px!important;min-height:430px!important;margin:0!important;overflow:visible!important;pointer-events:auto!important;z-index:1!important}
  .hero-map-composite{display:block!important;width:100%!important;height:100%!important;max-width:none!important;left:0!important;top:0!important}
  .hero-avocado{display:block!important;width:76%!important;right:-8%!important;bottom:0!important}
  .hero-mobile-crate{display:none!important}

  .site-footer .container{width:min(calc(100% - 40px),680px)!important}
  .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;text-align:center!important}
  .footer-brand{grid-column:1/-1!important;text-align:center!important}
  .footer-grid>div:not(.footer-brand),.footer-grid>div:last-child,.footer-contact{grid-column:auto!important;text-align:center!important}
  .site-footer .footer-grid>div:nth-child(3){display:block!important}
  .site-footer h4{font-size:9px!important}
  .site-footer a{font-size:8px!important;margin:6px 0!important}
  .footer-icon-link{justify-content:center!important}
}

/* Teléfono real: se mantiene la composición vertical, sin heredar la de ventana estrecha. */
@media (max-width:599px) and (pointer:coarse){
  .footer-grid{grid-template-columns:1fr!important;text-align:center!important}
  .footer-brand,.footer-grid>div:last-child,.footer-contact{grid-column:auto!important;text-align:center!important}
}