/* ====== REFERENCIA EN LA TARJETA DE /shop ======
         La altura se reserva SIEMPRE (min-height): 56 productos publicados no
         tienen referencia y sin reserva sus tarjetas quedarian mas cortas que
         las vecinas de la misma fila. */
      #products_grid .oe_product .er_ref_t {
        min-height:1.05rem; margin:.05rem 0 .1rem;
        font-family:'Inter',sans-serif; font-size:.66rem; font-weight:600;
        letter-spacing:.02em; line-height:1.3; color:#8B8598;
        font-variant-numeric:tabular-nums;
        /* ⚠️ que baje de renglon antes que salirse; NUNCA recortar con "..." */
        overflow-wrap:anywhere; }
      #products_grid .oe_product .er_ref_t b {
        font-weight:700; font-size:.88em; letter-spacing:.08em;
        text-transform:uppercase; color:#B3AEBE; }
      /* ⚠️ EN MOVIL SE CAE LA ETIQUETA "Ref.", NO EL CODIGO. Medido a 390px:
         el bloque da 122px, el codigo mas largo del catalogo ocupa 118px
         (cabe), pero con "Ref." delante se va a 140px (no cabe) y el navegador
         partia POR EL GUION -> "AZUCEST-" / "ZULK900". Un codigo partido se
         copia mal contra una factura: es peor que no poner la etiqueta.
         En escritorio el bloque mide ~197px y la etiqueta cabe de sobra. */
      @media (max-width:991.98px) {
        #products_grid .oe_product .er_ref_t { font-size:.62rem; min-height:1rem; }
        #products_grid .oe_product .er_ref_t b { display:none; }
      }
      @media (max-width:374.98px) {
        #products_grid .oe_product .er_ref_t { font-size:.58rem; }
      }