/* =========================================================================
   LETRA LEGIBLE EN CELULAR
   La maqueta es de computador y usa letras de 10 y 10.5 px en etiquetas,
   migas y avisos. En el celular eso cuesta leerlo: aquí suben a 11 px.
   En computador todo queda igual que en el PDF.

   La barra negra de arriba se queda en 10 px: a 11 se parte en dos
   renglones, y blanco sobre negro se lee bien.

   "html " delante de cada regla le gana a la regla original sin importar
   el orden en que se carguen las hojas.
   ========================================================================= */
@media (max-width: 767px) {
  html .woocommerce ul.products li.product .esc-tl,
  html .esc-tl,
  html .esc-cab .esc-panel__titulo,
  html .elementor-location-footer .esc-pie .esc-pie-tit .elementor-heading-title,
  html body .elementor-location-footer .esc-pie .esc-pie-b p,
  html .esc-por .esc-por-sobre .elementor-heading-title,
  html .esc-por .esc-por-cita__firma .elementor-heading-title,
  html .esc-por .esc-por-franja__t .elementor-heading-title,
  html .esc-por .esc-por-sec__ver .elementor-heading-title,
  html .esc-por .esc-por-sec__ver .elementor-shortcode,
  html .esc-filtros .esc-fg__t,
  html .esc-miga,
  html .esc-ficha .esc-miga,
  html .esc-ficha .esc-ref,
  html .esc-ficha .esc-campo__tit,
  html body.woocommerce-checkout .esc-pago .esc-pasos,
  html body.woocommerce-checkout .esc-pago .esc-resumen h2.esc-resumen__tit,
  html body.esc-bolsa .esc-pasos,
  html body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals h2 {
    font-size: 11px !important;
  }
}