/* ============ TARJETA DEL CARRUSEL DEL HOME ============
         Iguala la tarjeta del snippet dinamico a la de /shop. Los tokens son
         los del lenguaje Shop (vista 6985) y los tamanos, los de la tarjeta
         refinada (vista 6950). */
      .o_carousel_product_card {
        --er-morado:#490AA0; --er-morado-osc:#2E0668;
        --er-tinta:#141018;  --er-suave:#8b86a0; }

      /* ---- UN SOLO RELLENO LATERAL ----
         Se reinicia el de la 6985, que se sumaba en tres niveles anidados y
         dejaba el nombre 16px mas adentro que el precio. */
      .o_carousel_product_card > *,
      .o_carousel_product_card .o_wsale_product_information,
      .o_carousel_product_card .o_wsale_product_info_attributes_wrapper,
      .o_carousel_product_card .o_wsale_product_information_text,
      .o_carousel_product_card .o_wsale_products_item_title,
      .o_carousel_product_card .o_wsale_products_item_title a,
      .o_carousel_product_card .o_wsale_item_brand,
      .o_carousel_product_card .product_price {
        padding-left:0 !important; padding-right:0 !important; }
      /* y se pone UNA vez, en el bloque de texto (va despues a proposito) */
      .o_carousel_product_card .o_wsale_product_information {
        padding:14px 18px 6px !important; }

      /* ---- MARCA: discreta, no compite con el nombre ---- */
      .o_carousel_product_card .o_wsale_item_brand {
        font-family:'Inter',sans-serif !important;
        font-size:.67rem !important; font-weight:600 !important;
        letter-spacing:.07em !important; text-transform:uppercase;
        color:var(--er-suave) !important;
        line-height:1.3 !important; min-height:1.3em;
        margin:0 0 .15rem 0 !important;
        white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

      /* ---- NOMBRE: protagonista, tinta, SIEMPRE 2 lineas ----
         El alto fijo es lo que alinea los precios de toda la fila. */
      .o_carousel_product_card .o_wsale_products_item_title {
        margin:0 !important; }
      .o_carousel_product_card .o_wsale_products_item_title a {
        font-family:'Inter',sans-serif !important;
        font-size:.9rem !important; font-weight:500 !important;
        line-height:1.35 !important; letter-spacing:-.011em !important;
        color:var(--er-tinta) !important;
        display:-webkit-box !important; -webkit-box-orient:vertical;
        -webkit-line-clamp:2; overflow:hidden;
        height:2.7em; }
      .o_carousel_product_card:hover .o_wsale_products_item_title a {
        color:var(--er-morado) !important; }

      /* ---- PRECIO: la voz fuerte, en morado como en /shop ---- */
      .o_carousel_product_card .product_price {
        margin:.5rem 0 0 0 !important; line-height:1.35 !important; }
      .o_carousel_product_card .product_price .fw-bold,
      .o_carousel_product_card .product_price .oe_currency_value {
        font-size:1.15rem !important; font-weight:700 !important;
        letter-spacing:-.016em !important;
        color:var(--er-morado) !important; }
      /* precio tachado, cuando lo hay */
      .o_carousel_product_card .product_price del,
      .o_carousel_product_card .product_price .text-decoration-line-through {
        font-size:.82rem !important; font-weight:500 !important;
        color:#9a95a8 !important; letter-spacing:0 !important; }

      /* La unidad (/paquete, /kg, /unidad) NO lleva estilo aqui: usa
         `.er_um_precio` de la vista 6987, que ya es global. Una sola
         definicion para la tienda entera. */

      /* ---- IMAGEN: sin tinte propio, la tarjeta ya es blanca ---- */
      .o_carousel_product_card .oe_product_image {
        background:#fff !important; }

      /* ---- BOTON DEL HOVER: morado de marca, no gris transparente ---- */
      .o_carousel_product_card .o_wsale_product_btn_primary {
        background-color:var(--er-morado) !important;
        border-color:var(--er-morado) !important;
        color:#fff !important;
        box-shadow:0 4px 12px rgba(55,26,148,.22) !important; }
      .o_carousel_product_card .o_wsale_product_btn_primary:hover,
      .o_carousel_product_card .o_wsale_product_btn_primary:focus {
        background-color:var(--er-morado-osc) !important;
        border-color:var(--er-morado-osc) !important;
        color:#fff !important; }

      /* ---- MOVIL: 2 por fila, todo un punto mas compacto ---- */
      @media (max-width:991.98px) {
        .o_carousel_product_card .o_wsale_product_information {
          padding:12px 14px 6px !important; }
        .o_carousel_product_card .o_wsale_item_brand {
          font-size:.63rem !important; }
        .o_carousel_product_card .o_wsale_products_item_title a {
          font-size:.84rem !important; }
        .o_carousel_product_card .product_price .fw-bold,
        .o_carousel_product_card .product_price .oe_currency_value {
          font-size:1.02rem !important; }
      }

      @media (prefers-reduced-motion: reduce) {
        .o_carousel_product_card .o_wsale_products_item_title a {
          transition:none; }
      }