/* Regla final para dispositivos compactos: prioridad a lectura, no a compresión. */
@media (min-width:600px) and (max-width:767px){
  /* Cinco pasos legibles: tres arriba y dos centrados debajo. */
  .timeline{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:22px 14px!important;
  }
  .timeline:before{display:none!important;}
  .timeline-step{grid-column:span 2!important;}
  .timeline-step:nth-child(4){grid-column:2 / span 2!important;}
  .timeline-step:nth-child(5){grid-column:4 / span 2!important;}
  .timeline-step p{font-size:11px!important;line-height:1.45!important;min-height:108px!important;padding:14px 12px!important;}
}

@media (max-width:599px){
  /* Más presencia para la fruta, sin volver a mostrar el mapa. */
  .hero-visual{height:180px!important;min-height:180px!important;}
  .hero-mobile-crate{
    width:82%!important;
    max-width:300px!important;
    right:-7%!important;
    bottom:-10px!important;
  }

  /* Marca arriba y tres columnas de navegación, como en tablet. */
  .site-footer .container{width:calc(100% - 28px)!important;}
  .footer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:24px 10px!important;
    align-items:start!important;
  }
  .footer-brand{grid-column:1/-1!important;}
  .site-footer .footer-grid>div:nth-child(3){display:block!important;}
  .site-footer h4{font-size:11px!important;margin-bottom:9px!important;}
  .site-footer a{font-size:9.5px!important;line-height:1.42!important;margin:7px 0!important;overflow-wrap:anywhere!important;}
  .footer-contact .footer-icon-link{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;}
  .footer-contact .footer-icon-link img{width:14px!important;height:14px!important;flex-basis:14px!important;}
}