.elementor-3311 .elementor-element.elementor-element-087c1d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:2px 2px 2px 2px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3311 .elementor-element.elementor-element-087c1d9:not(.elementor-motion-effects-element-type-background), .elementor-3311 .elementor-element.elementor-element-087c1d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3311 .elementor-element.elementor-element-4ab379d{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3311 .elementor-element.elementor-element-00b0082{padding:10px 10px 10px 10px;}.elementor-3311 .elementor-element.elementor-element-00b0082 img{width:220px;max-width:220px;height:220px;object-fit:scale-down;object-position:center center;}.elementor-3311 .elementor-element.elementor-element-2ed5839{padding:0px 30px 0px 030px;}.elementor-3311 .elementor-element.elementor-element-3adb2f1{margin:5px 030px calc(var(--kit-widget-spacing, 0px) + 5px) 30px;padding:5px 010px 5px 10px;border-style:solid;border-width:0px 0px 0px 0px;border-radius:6px 6px 6px 6px;text-align:start;}.elementor-3311 .elementor-element.elementor-element-3adb2f1.elementor-element{--align-self:flex-start;}.elementor-3311 .elementor-element.elementor-element-3adb2f1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;-webkit-text-stroke-color:#2E7D32;stroke:#2E7D32;}.elementor-3311 .elementor-element.elementor-element-8c7a1f0{padding:0px 30px 0px 30px;text-align:center;}.elementor-3311 .elementor-element.elementor-element-8c7a1f0.elementor-element{--align-self:flex-start;}.elementor-3311 .elementor-element.elementor-element-8c7a1f0 .elementor-heading-title{font-family:"segeo", Sans-serif;font-size:13px;font-weight:700;}.elementor-3311 .elementor-element.elementor-element-0628bb1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-3311 .elementor-element.elementor-element-0628bb1.e-con{--align-self:center;}.elementor-3311 .elementor-element.elementor-element-24f6d9d{padding:0px 0px 0px 0px;}.elementor-3311 .elementor-element.elementor-element-24f6d9d.elementor-element{--align-self:center;}.elementor-3311 .elementor-element.elementor-element-24f6d9d .elementor-heading-title{font-family:"segeo", Sans-serif;font-size:12px;font-weight:400;color:#9B9B9B;}.elementor-3311 .elementor-element.elementor-element-396b52c{padding:0px 0px 0px 10px;}.elementor-3311 .elementor-element.elementor-element-396b52c.elementor-element{--align-self:center;}.elementor-3311 .elementor-element.elementor-element-396b52c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;}.elementor-3311 .elementor-element.elementor-element-fbe042a > .elementor-widget-container{padding:0px 30px 0px 030px;}.elementor-3311 .elementor-element.elementor-element-fbe042a.elementor-element{--align-self:flex-start;}.elementor-3311 .elementor-element.elementor-element-fbe042a{text-align:start;}.woocommerce .elementor-3311 .elementor-element.elementor-element-fbe042a .price{color:#263238;font-family:"segeo", Sans-serif;font-size:22px;font-weight:700;}.elementor-3311 .elementor-element.elementor-element-feaac3d{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-3311 .elementor-element.elementor-element-feaac3d:not(.elementor-motion-effects-element-type-background), .elementor-3311 .elementor-element.elementor-element-feaac3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.woocommerce .elementor-3311 .elementor-element.elementor-element-f6a00dc .star-rating{color:#FFA000;}.elementor-3311 .elementor-element.elementor-element-b0f5b98 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-3311 .elementor-element.elementor-element-b0f5b98 .cart button, .elementor-3311 .elementor-element.elementor-element-b0f5b98 .cart .button{border-style:solid;transition:all 0.2s;}.elementor-3311 .elementor-element.elementor-element-b0f5b98{--button-spacing:3px;}.elementor-3311 .elementor-element.elementor-element-b0f5b98 .quantity .qty{transition:all 0.2s;}/* Start custom CSS for theme-post-featured-image, class: .elementor-element-00b0082 */.elementor-3311 .elementor-element.elementor-element-00b0082 {
    position: relative;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ed5839 */.stock-container {
    margin-top: 10px;
}

.stock-text {
    font-size: 12px;
    margin-bottom: 6px;
    font-weight: 600;
}

/* Barra base */
.stock-bar {
    width: 80%;
    height: 6px;
    background: #eee;
    border-radius: 10px;
    overflow: hidden;
}

/* Animación */
.stock-fill {
    height: 100%;
    width: 0;
    animation: fillBar 1.5s ease-out forwards;
}

@keyframes fillBar {
    from { width: 0; }
    to { width: var(--width); }
}

/* 🔴 Rojo */
.rojo {
    color: #dc3545;
}
.stock-fill.rojo {
    background: #dc3545;
}

/* 🟡 Amarillo */
.amarillo {
    color: #ffc107;
}
.stock-fill.amarillo {
    background: #ffc107;
}

/* 🟢 Verde */
.verde {
    color: #28a745;
}
.stock-fill.verde {
    background: #28a745;
}

/* ✨ Efecto urgencia (solo rojo) */
.stock-text.rojo {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3adb2f1 *//* =====================================
   BADGE BASE
===================================== */

.marca-dinamica a {

    display: inline-flex !important;

    align-items: center;

    justify-content: center;

    padding: 6px 12px !important;

    border-radius: 999px !important;

    font-size: 12px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    text-decoration: none !important;

    transition: all .3s ease !important;
}

/* =====================================
   JOHN DEERE
===================================== */

.marca-dinamica a[href*="john-deere"] {

    background: #E8F5E9 !important;

    color: #2E7D32 !important;
}

/* =====================================
   MCCORMICK
===================================== */

.marca-dinamica a[href*="mccormick"] {

    background: #FDECEC !important;

    color: #C62828 !important;
}

/* =====================================
   NEW HOLLAND
===================================== */

.marca-dinamica a[href*="new-holland"] {

    background: #E3F2FD !important;

    color: #1565C0 !important;
}

/* =====================================
   KUBOTA
===================================== */

.marca-dinamica a[href*="kubota"] {

    background: #FFF3E0 !important;

    color: #EF6C00 !important;
}

/* =====================================
   HOVER
===================================== */

.marca-dinamica a:hover {

    transform: translateY(-2px);

    box-shadow:
        0 10px 20px rgba(0,0,0,.08);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ab379d *//* =============================================
   AREMSA - GRIS INDUSTRIAL - PRODUCT CARD HOVER
   ============================================= */

/* CARD BASE */
.elementor-3311 .elementor-element.elementor-element-4ab379d {

    position: relative;
    overflow: hidden;
    border-radius: 14px;

    background: #fff;

    border: 2px solid #CFD8DC;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease,
        background 0.35s ease;

    will-change: transform;

}

/* =============================================
   HOVER CARD
   ============================================= */

.elementor-3311 .elementor-element.elementor-element-4ab379d:hover {

    transform: translateY(-10px);

    border-color: #607D8B;

    background: #ffffff;

    /* GLOW + SOMBRA GRIS INDUSTRIAL */
    box-shadow:
        0 0 0 4px rgba(96, 125, 139, 0.12),   /* era rgba(54,124,43,0.10) verde */
        0 12px 30px rgba(0, 0, 0, 0.08),
        0 25px 50px rgba(69, 90, 100, 0.18);  /* era rgba(54,124,43,0.18) verde */

}

/* =============================================
   EFECTO BRILLO PREMIUM
   ============================================= */

.elementor-3311 .elementor-element.elementor-element-4ab379d::before {

    content: '';

    position: absolute;

    top: 0;
    left: -120%;

    width: 70%;
    height: 100%;

    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.35) 50%,
        rgba(255, 255, 255, 0) 100%
    );

    transform: skewX(-25deg);

    transition: 0.8s;
}

.elementor-3311 .elementor-element.elementor-element-4ab379d:hover::before {

    left: 140%;
}

/* =============================================
   IMAGEN ZOOM
   ============================================= */

.elementor-3311 .elementor-element.elementor-element-4ab379d img {

    transition:
        transform 0.45s ease,
        filter 0.45s ease;

}

.elementor-3311 .elementor-element.elementor-element-4ab379d:hover img {

    transform: scale(1.06);

    filter: brightness(1.03);

}

/* =============================================
   TITULO EFECTO
   ============================================= */

.elementor-3311 .elementor-element.elementor-element-4ab379d .woocommerce-loop-product__title {

    transition:
        color 0.3s ease,
        transform 0.3s ease;

}

.elementor-3311 .elementor-element.elementor-element-4ab379d:hover .woocommerce-loop-product__title {

    color: #455A64;           /* era #367C2B verde — ahora gris oscuro */

    transform: translateY(-2px);

}

/* =============================================
   PRECIO EFECTO
   ============================================= */

.elementor-3311 .elementor-element.elementor-element-4ab379d .price {

    transition:
        transform 0.3s ease,
        color 0.3s ease;

}

.elementor-3311 .elementor-element.elementor-element-4ab379d:hover .price {

    color: #263238;           /* sin cambio — ya era gris oscuro */

    transform: scale(1.03);

}

/* =============================================
   BOTÓN ADD TO CART
   ============================================= */

.elementor-3311 .elementor-element.elementor-element-4ab379d .button,
.elementor-3311 .elementor-element.elementor-element-4ab379d .added_to_cart {

    transition:
        all 0.3s ease !important;

}

.elementor-3311 .elementor-element.elementor-element-4ab379d:hover .button {

    background: #455A64 !important;    /* gris oscuro — ya era correcto */

    color: #fff !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 20px rgba(69, 90, 100, 0.30);  /* era rgba(54,124,43,0.25) verde */

}

/* =============================================
   WISHLIST FLOAT EFFECT
   ============================================= */

.tinvwl_add_to_wishlist_button {

    transition:
        transform 0.3s ease,
        color 0.3s ease;

}

.elementor-3311 .elementor-element.elementor-element-4ab379d:hover
.tinvwl_add_to_wishlist_button {

    transform: scale(1.15);

    color: #E53935 !important;    /* rojo para wishlist — sin cambio, correcto */

}

/* =============================================
   BADGES EFECTO
   ============================================= */

.onsale {

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;

}

.elementor-3311 .elementor-element.elementor-element-4ab379d:hover .onsale {

    transform: scale(1.05);

    box-shadow:
        0 10px 20px rgba(229, 57, 53, 0.25);   /* rojo para badge oferta — correcto */

}

/* =============================================
   ACCESIBILIDAD
   ============================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-3311 .elementor-element.elementor-element-4ab379d,
    .elementor-3311 .elementor-element.elementor-element-4ab379d * {

        transition: none !important;
        animation: none !important;

    }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'segeo';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://aremsa.com.mx/wp-content/uploads/segoe-ui-emoji_0.ttf') format('truetype');
}
/* End Custom Fonts CSS */