/* ============================================================
   SESCOM — Ajustes responsive para las páginas réplica.
   IMPORTANTE: todo va dentro de @media para pantallas pequeñas.
   El diseño de ESCRITORIO no cambia en absoluto — solo mejora móvil.
   Se carga DESPUÉS del CSS de la plantilla, por eso puede ajustar.
   ============================================================ */

/* ---------- Heroes de páginas de servicio ---------- */
/* En escritorio el hero mide 700px (diseño original, intacto).
   En móvil 700px obliga a demasiado scroll: lo bajamos a una
   altura cómoda sin perder el impacto visual. */
@media (max-width: 767px) {
  .mh-700 { min-height: 520px !important; height: auto !important; }
}
@media (max-width: 480px) {
  .mh-700 { min-height: 440px !important; }
}

/* ---------- Imágenes de producto / característica ---------- */
/* Mantienen ancho fluido (w-100) y no se deforman (object-fit).
   Solo reducimos su alto en teléfonos para que no se vean tan altas. */
@media (max-width: 600px) {
  .hover-scale-1-2 { height: 220px !important; }
}