.elementor-335 .elementor-element.elementor-element-a706304{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#02010185;--border-color:#02010185;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-335 .elementor-element.elementor-element-b05036b{border-style:solid;border-width:0px 0px 1px 0px;border-color:#02010130;}.elementor-335 .elementor-element.elementor-element-b05036b .woocommerce-breadcrumb > a{color:#86B54A;}.elementor-335 .elementor-element.elementor-element-b05036b .woocommerce-breadcrumb{font-size:15px;font-weight:700;}.elementor-335 .elementor-element.elementor-element-710d3be{--display:flex;}@media(max-width:767px){.elementor-335 .elementor-element.elementor-element-a706304{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-335 .elementor-element.elementor-element-b05036b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-a6fb015 *//* --- ESTILO INDUSTRIAL PARA PRODUCTOS RELACIONADOS --- */
    
    /* 1. La Tarjeta Base */
    .related.products ul.products li.product {
        background: #ffffff;
        border: 1px solid #edf2f7;
        border-radius: 12px;
        padding: 20px !important;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        text-align: center;
    }

    /* 2. Efecto Hover Verde Ardelca */
    .related.products ul.products li.product:hover {
        border-color: #86B54A;
        background-color: #86B54A !important; 
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(17, 50, 52, 0.15);
    }

    /* 3. Ajuste de Títulos y SKU */
    .related.products ul.products li.product .woocommerce-loop-product__title {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #113234 !important;
        margin-top: 15px !important;
        transition: 0.3s;
    }

    .related.products ul.products li.product .card-sku {
        font-size: 11px;
        color: #718096;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 10px;
        transition: 0.3s;
    }

    /* 4. Textos en Blanco al hacer Hover */
    .related.products ul.products li.product:hover .woocommerce-loop-product__title,
    .related.products ul.products li.product:hover .card-sku {
        color: #ffffff !important;
    }

    /* 5. Botón de "Ver Producto" o "Añadir" */
    .related.products ul.products li.product .button {
        background-color: #113234 !important;
        color: #fff !important;
        border-radius: 6px !important;
        padding: 12px 20px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        font-size: 11px !important;
        transition: 0.3s !important;
        margin-top: 15px !important;
        display: inline-block;
        width: auto;
    }

    /* Botón Blanco sobre Verde en Hover */
    .related.products ul.products li.product:hover .button {
        background-color: #ffffff !important;
        color: #113234 !important;
    }

    /* 6. Quitar precios */
    .related.products ul.products li.product .price {
        display: none !important;
    }

    /* 7. Ajuste extra para la imagen dentro de la tarjeta */
    .related.products ul.products li.product img {
        border-radius: 8px;
        margin-bottom: 10px;
    }/* End custom CSS */