.elementor-1160 .elementor-element.elementor-element-bda305f{--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-1160 .elementor-element.elementor-element-bda305f: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-1160 .elementor-element.elementor-element-bda305f, .elementor-1160 .elementor-element.elementor-element-bda305f::before{--border-transition:0s;}.elementor-1160 .elementor-element.elementor-element-bda305f.e-con{--align-self:stretch;}.elementor-1160 .elementor-element.elementor-element-d0f26fa{--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:2;}body:not(.rtl) .elementor-1160 .elementor-element.elementor-element-d0f26fa{left:15px;}body.rtl .elementor-1160 .elementor-element.elementor-element-d0f26fa{right:15px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1160 .elementor-element.elementor-element-a3e04b9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1160 .elementor-element.elementor-element-2d6e8a6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1160 .elementor-element.elementor-element-590bf1b img{width:100%;max-width:100%;height:150px;object-fit:contain;object-position:center center;}.elementor-1160 .elementor-element.elementor-element-b1fde3a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;line-height:150%;color:#0066CC;}.elementor-1160 .elementor-element.elementor-element-a850f62 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#000000;}.elementor-1160 .elementor-element.elementor-element-9a82da5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1160 .elementor-element.elementor-element-45d3587 .elementor-button{background-color:#18104E;font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-1160 .elementor-element.elementor-element-857a3a0 .elementor-button{background-color:#18104E;font-family:"Roboto", Sans-serif;font-weight:500;}@media(max-width:767px){.elementor-1160 .elementor-element.elementor-element-bda305f{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1160 .elementor-element.elementor-element-b1fde3a .elementor-heading-title{line-height:130%;}.elementor-1160 .elementor-element.elementor-element-45d3587 .elementor-button{font-size:14px;}.elementor-1160 .elementor-element.elementor-element-857a3a0 .elementor-button{font-size:14px;}}/* Start custom CSS for heading, class: .elementor-element-a3e04b9 */.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-2d6e8a6 */.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-9a82da5 *//* 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 */