/* 2026-10-01 — Compatibilidad Safari/WebKit sin cajones visibles.
   Alcance exclusivo: 3 tarjetas principales, Soluciones Legales y Ubicaciones del Inicio. */

body.native-home-flow .value-card,
body.native-home-flow #servicios .solution-item,
body.native-home-flow .locations .locations-grid article{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -webkit-font-smoothing:antialiased;
}

/* Las 3 tarjetas blancas conservan el realce robusto aprobado. */
body.native-home-flow .value-card{
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
}

/* Soluciones y Ubicaciones NO deben parecer tarjetas/cajones.
   En reposo quedan completamente limpias; el realce aparece solo con interacción. */
body.native-home-flow #servicios .solution-item,
body.native-home-flow .locations .locations-grid article{
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  box-shadow:none !important;
  border:0 !important;
  outline:0;
  background:transparent !important;
  transition:
    -webkit-transform .38s cubic-bezier(.22,.61,.36,1),
    transform .38s cubic-bezier(.22,.61,.36,1),
    -webkit-filter .38s ease,
    filter .38s ease;
}

@media (hover:hover) and (pointer:fine){
  /* Safari sí reproduce transform de forma consistente: éste es el fallback principal. */
  body.native-home-flow #servicios .solution-item:hover{
    -webkit-transform:translate3d(0,-9px,0) scale(1.055);
    transform:translate3d(0,-9px,0) scale(1.055);
    -webkit-filter:drop-shadow(0 12px 13px rgba(4,31,64,.13));
    filter:drop-shadow(0 12px 13px rgba(4,31,64,.13));
    box-shadow:none !important;
  }

  body.native-home-flow .locations .locations-grid article:hover{
    -webkit-transform:translate3d(0,-13px,0) scale(1.045) !important;
    transform:translate3d(0,-13px,0) scale(1.045) !important;
    -webkit-filter:drop-shadow(0 14px 16px rgba(4,31,64,.12)) !important;
    filter:drop-shadow(0 14px 16px rgba(4,31,64,.12)) !important;
    box-shadow:none !important;
  }
}

/* En Reduce Motion evitamos efectos permanentes: sigue limpio, sin caja. */
@media (prefers-reduced-motion:reduce){
  body.native-home-flow #servicios .solution-item,
  body.native-home-flow .locations .locations-grid article{
    box-shadow:none !important;
    background:transparent !important;
  }
}