/* ===== PRODUCTO BAJO COTIZACION: precio visible, venta bloqueada ===== */
      /* Declarativo a proposito: Odoo re-renderiza estos bloques y un
         style.display se pierde; una regla CSS no. */
      body.er-cot #add_to_cart,
      body.er-cot .o_we_buy_now,
      body.er-cot .css_quantity,
      body.er-cot .er_mayoreo,
      body.er-cot #product_option_block .js_add_cart_json { display:none !important; }

      /* 🚨 EN MOVIL NO BASTA CON LO DE ARRIBA. La barra fija de compra la pinta
         otra vista con `#product_detail #add_to_cart { display:flex !important }`
         -- DOS ids. Entre dos !important gana la MAS ESPECIFICA, y
         `body.er-cot #add_to_cart` (1 id + 1 clase) PIERDE: en el telefono
         seguia saliendo "Agregar al carrito" en productos bajo cotizacion, que
         es justo lo que habia que impedir. Con `body.er-cot #product_detail ...`
         se suben a 2 ids + 1 clase y ahora si gana.
         Es la tercera vez que muerde esta misma trampa: ya paso con los botones
         (vista 6949) y con las pastillas de variante. */
      body.er-cot #product_detail #add_to_cart,
      body.er-cot #product_detail .o_we_buy_now,
      body.er-cot #product_detail .css_quantity,
      body.er-cot #product_detail_main #add_to_cart,
      body.er-cot #product_detail_main .o_we_buy_now { display:none !important; }

      .er_cot_caja {
        width:100%; margin-top:.85rem; padding:14px 16px;
        border:1px solid #E4D9F5; border-left:4px solid #6B3FA0;
        border-radius:10px; background:#FBF9FE; }
      .er_cot_tit {
        font-size:.82rem; font-weight:700; letter-spacing:.02em;
        color:#6B3FA0; margin:0 0 .4rem; }
      .er_cot_txt { font-size:.86rem; line-height:1.5; color:#4A4458; margin:0; }
      .er_cot_txt b { color:#2E2A38; }
      .er_cot_precio {
        display:block; margin-top:.5rem; font-size:1.02rem;
        font-weight:750; color:#2E2A38; }
      .er_cot_precio small { font-weight:500; opacity:.7; font-size:.78rem; }

      /* ⚠️ MISMAS MEDIDAS QUE EL RESTO DE BOTONES DEL SITIO.
         Medido en movil, este era el unico que se salia del patron:
             Cotizar por WhatsApp   47px de alto · 15.0px · peso 700
             Agregar al carrito     44px de alto · 13.0px · peso 650
             Precio de mayoreo                    13.1px · peso 650
         Se queda el verde solido porque aqui es la accion PRINCIPAL de la
         ficha (sustituye a "Agregar al carrito"), pero con la tipografia y el
         alto del resto: destaca por color, no por ser mas grande. */
      .er_cot_wa {
        display:flex !important; align-items:center; justify-content:center; gap:.45rem;
        width:100%; margin-top:.6rem; padding:.7rem 1.1rem;
        border:0; border-radius:10px; background:#25D366; color:#fff !important;
        font-size:.82rem; font-weight:650; letter-spacing:.01em;
        line-height:1.4; text-decoration:none !important;
        aspect-ratio:auto !important;   /* Odoo impone 1/1 a los CTA de compra */
        transition:filter .15s ease, box-shadow .15s ease; }
      .er_cot_wa:hover { filter:brightness(.94); box-shadow:0 4px 16px rgba(46,6,104,.18); }

      /* 🚨 EL BOTON "COTIZAR" DE LA CUADRICULA SALIA COMO UN CUADRADO GIGANTE.
         Medido en movil: 96x96 px, frente a los 95x30 del "Agregar al carrito"
         de al lado. La culpa es de un `aspect-ratio: 1/1` que el sitio impone a
         los .btn de la tarjeta -- pensado para los iconos redondos de lista de
         deseos y comparar. Con width auto, ese aspect-ratio estira el alto
         hasta igualar el ancho.
         Se anula el aspect-ratio y se copian las medidas exactas del boton real
         (padding 6.72/12.8 px, letra 11px), que es lo que Miguel pedia: que se
         vea como todo lo demas. */
      #products_grid .oe_product .er_cot_btn_grid,
      .oe_product .er_cot_btn_grid {
        aspect-ratio:auto !important;
        width:auto !important; height:auto !important;
        min-height:0 !important;
        padding:.42rem .8rem !important;
        font-size:.6875rem !important;
        font-weight:650 !important;
        line-height:1.35 !important;
        border-radius:10px !important;
        white-space:nowrap; }
      /* ⚠️ Y HAY QUE MATAR EL ::after. La clase del sitio
         `o_wsale_product_btn_primary` no solo da el estilo: inyecta el texto
         con `::after { content: "Agregar" }`. Al copiarla para heredar las
         medidas se heredo tambien la palabra, y el boton decia
         "Cotizar Agregar" -- las dos cosas a la vez, que es justo lo contrario
         de lo que hace falta en un producto que NO se puede agregar. */
      .er_cot_btn_grid::after,
      .er_cot_btn_grid::before { content:none !important; display:none !important; }

      .er_cot_badge {
        position:absolute; top:8px; left:8px; z-index:5;
        padding:3px 9px; border-radius:999px;
        background:#6B3FA0; color:#fff;
        font-size:.66rem; font-weight:700; letter-spacing:.04em;
        text-transform:uppercase; pointer-events:none; }
      body .er_cot_sin_boton .o_wsale_product_btn,
      body .er_cot_sin_boton [name="website_sale_cart_button"] { display:none !important; }

      @media (max-width: 575.98px) {
        .er_cot_caja { padding:12px 13px; }
        .er_cot_txt { font-size:.82rem; }
      }
      @media (prefers-reduced-motion: reduce) { .er_cot_wa { transition:none; } }