.elementor-7586 .elementor-element.elementor-element-46485fbf{--display:flex;--min-height:320px;--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:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7586 .elementor-element.elementor-element-46485fbf:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#666666;--border-color:#666666;}.elementor-7586 .elementor-element.elementor-element-46485fbf, .elementor-7586 .elementor-element.elementor-element-46485fbf::before{--border-transition:0s;}.elementor-7586 .elementor-element.elementor-element-46485fbf.e-con{--align-self:stretch;}.elementor-7586 .elementor-element.elementor-element-19846b44{--display:flex;--position:absolute;--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:15px;--z-index:9;}body:not(.rtl) .elementor-7586 .elementor-element.elementor-element-19846b44{left:15px;}body.rtl .elementor-7586 .elementor-element.elementor-element-19846b44{right:15px;}.elementor-7586 .elementor-element.elementor-element-6674890c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-7586 .elementor-element.elementor-element-24b8e234 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-7586 .elementor-element.elementor-element-496960c0 img{width:100%;max-width:100%;height:150px;object-fit:contain;object-position:center center;}.elementor-7586 .elementor-element.elementor-element-32aa2780 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;line-height:150%;color:#0066CC;}.elementor-7586 .elementor-element.elementor-element-171ff43c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#000000;}.elementor-7586 .elementor-element.elementor-element-2c68788{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7586 .elementor-element.elementor-element-d1ba721 .elementor-button{background-color:#18104E;font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-7586 .elementor-element.elementor-element-df0c106 .elementor-button{background-color:#18104E;font-family:"Roboto", Sans-serif;font-weight:500;}@media(max-width:767px){.elementor-7586 .elementor-element.elementor-element-46485fbf{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-7586 .elementor-element.elementor-element-32aa2780 .elementor-heading-title{line-height:130%;}.elementor-7586 .elementor-element.elementor-element-d1ba721 .elementor-button{font-size:14px;}.elementor-7586 .elementor-element.elementor-element-df0c106 .elementor-button{font-size:14px;}}/* Start custom CSS for heading, class: .elementor-element-6674890c */.badge-sale{
    border-radius: 4px;

padding: 4px 10px;

background-color: #18104E;

color: #ffffff;

font-size: 12px;

font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24b8e234 */.badge-sale{
    border-radius: 4px;

padding: 4px 10px;

background-color: #18104E;

color: #ffffff;

font-size: 12px;

font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c68788 *//* 1. MODIFICAMOS LA TARJETA PADRE */
.tarjeta-producto-item {
    position: relative !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    
    /* --- AGREGA ESTO --- */
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important; /* Asegura que la tarjeta llene la celda */
}

/* 2. MODIFICAMOS EL CONTENEDOR DE BOTONES */
.tarjeta-producto-item .container-btn-hover {
    opacity: 0 !important;
    visibility: hidden !important;
    max-height: 0 !important;
    overflow: hidden !important;
    transform: translateY(5px) !important;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease, max-height 0.3s ease !important;
    pointer-events: none;
    
    /* --- CAMBIA ESTO --- */
    margin-top: auto !important; /* ESTO ES LO QUE EMPUJA EL BOTÓN AL FONDO */
}

/* (El resto de tus estilos de hover se mantienen iguales) */
.tarjeta-producto-item:hover {
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}

.tarjeta-producto-item:hover .container-btn-hover {
    opacity: 1 !important;
    visibility: visible !important;
    max-height: 80px !important;
    transform: translateY(0) !important;
    pointer-events: auto;
}

.container-btn-hover .elementor-button,
.container-btn-hover .add_to_cart_button {
    width: 100% !important;
}/* End custom CSS */