/* v26 — tres rangos estables: desktop, vista media y móvil */

/* El mapa usa el SVG real y ocupa toda la composición visual hasta el borde. */
.hero-visual{overflow:hidden!important}
.hero-map-composite{width:128%!important;height:auto!important;max-width:none!important;left:-12%!important;top:-7%!important}
.hero-avocado{bottom:0!important}

/* Vista media: una sola lectura clara, mapa visible y botones en línea. */
@media (min-width:600px) and (max-width:1024px){
  .hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-height:510px!important;gap:0!important}
  .hero-copy{padding:44px 0!important}
  .hero-copy h1{font-size:clamp(32px,4.2vw,44px)!important;max-width:360px!important}
  .hero-copy p{font-size:13px!important;max-width:340px!important}
  .hero-actions{display:flex!important;gap:8px!important;margin-top:24px!important}
  .hero-actions .btn{min-width:0!important;min-height:42px!important;padding:0 10px!important;gap:6px!important;font-size:10px!important}
  .hero-actions .btn-label{font-size:10px!important}
  .hero-visual{display:block!important;height:510px!important;min-height:510px!important;margin:0!important}
  .hero-map-composite{display:block!important;width:150%!important;height:auto!important;left:-24%!important;top:-6%!important}
  .hero-avocado{display:block!important;width:76%!important;right:-10%!important;bottom:0!important}
  .hero-mobile-crate{display:none!important}

  /* El footer se ordena verticalmente para no comprimir ni cruzar texto. */
  .site-footer .container{width:min(calc(100% - 56px),680px)!important}
  .footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:26px!important;text-align:center!important}
  .footer-brand,.footer-grid>div:last-child,.footer-contact{grid-column:auto!important;text-align:center!important}
  .footer-brand img{margin:0 auto!important}
  .footer-brand p{margin:14px auto 0!important}
  .site-footer .footer-grid>div:nth-child(3){display:block!important}
  .site-footer h4{font-size:12px!important}
  .site-footer a{font-size:11px!important;margin:8px 0!important}
  .footer-icon-link{justify-content:center!important}
}

/* Móvil: la caja de fruta se superpone detrás de las acciones y no las bloquea. */
@media (max-width:599px){
  .hero{overflow:hidden!important}
  .hero-grid{display:block!important;min-height:0!important;padding-top:46px!important}
  .hero-copy{position:relative!important;z-index:3!important;padding:0!important}
  .hero-actions{position:relative!important;z-index:5!important}
  .hero-visual{height:145px!important;min-height:145px!important;margin-top:-84px!important;overflow:visible!important;pointer-events:none!important;z-index:1!important}
  .hero-map-composite,.hero-avocado{display:none!important}
  .hero-mobile-crate{display:block!important;position:absolute!important;width:61%!important;max-width:230px!important;right:-4%!important;bottom:-4px!important;z-index:1!important}

  /* Contacto con margen lateral real y sin contenido pegado al borde derecho. */
  .contact .container.contact-layout{width:calc(100% - 52px)!important;margin-inline:auto!important}

  /* En móvil el footer se lee como secciones consecutivas, centradas y con tipografía legible. */
  .site-footer .container{width:calc(100% - 48px)!important}
  .footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:28px!important;text-align:center!important}
  .footer-brand,.footer-grid>div:last-child,.footer-contact{grid-column:auto!important;text-align:center!important}
  .footer-brand img{margin:0 auto!important}
  .footer-brand p{margin:14px auto 0!important;text-align:center!important}
  .site-footer .footer-grid>div:nth-child(3){display:block!important}
  .site-footer h4{font-size:12px!important;margin:0 0 10px!important}
  .site-footer a{font-size:11px!important;line-height:1.5!important;margin:8px 0!important}
  .footer-icon-link{justify-content:center!important}
}