.elementor-332 .elementor-element.elementor-element-be39f96{--display:flex;--min-height:100%;--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;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-8e79687{--display:flex;--min-height:100%;--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-8e79687:not(.elementor-motion-effects-element-type-background), .elementor-332 .elementor-element.elementor-element-8e79687 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ff9154e );}.elementor-332 .elementor-element.elementor-element-8e79687:hover{border-style:none;}.elementor-332 .elementor-element.elementor-element-8e79687, .elementor-332 .elementor-element.elementor-element-8e79687::before{--border-transition:0.3s;}.elementor-332 .elementor-element.elementor-element-b86a094{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-332 .elementor-element.elementor-element-b86a094:not(.elementor-motion-effects-element-type-background), .elementor-332 .elementor-element.elementor-element-b86a094 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ff9154e );}.elementor-332 .elementor-element.elementor-element-43b51a8{text-align:center;}.elementor-332 .elementor-element.elementor-element-43b51a8 img{width:100%;max-width:100%;height:200px;object-fit:cover;object-position:center center;border-style:none;border-radius:5px 5px 5px 5px;}.elementor-332 .elementor-element.elementor-element-bf99fc7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-332 .elementor-element.elementor-element-bf99fc7 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-332 .elementor-element.elementor-element-bf99fc7 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:120%;letter-spacing:0.1em;fill:var( --e-global-color-ff9154e );color:var( --e-global-color-ff9154e );background-color:var( --e-global-color-de35e50 );}.elementor-332 .elementor-element.elementor-element-3663131{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-332 .elementor-element.elementor-element-3663131:not(.elementor-motion-effects-element-type-background), .elementor-332 .elementor-element.elementor-element-3663131 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}.elementor-332 .elementor-element.elementor-element-949cc0f .elementor-heading-title{font-family:"Teko", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:100%;letter-spacing:0.1em;color:var( --e-global-color-de35e50 );}.elementor-332 .elementor-element.elementor-element-a1b4c60 .elementor-heading-title{font-family:"Teko", Sans-serif;font-size:20px;font-weight:700;line-height:110%;color:#FFFFFF;}/* Start custom CSS for button, class: .elementor-element-bf99fc7 */.elementor-332 .elementor-element.elementor-element-bf99fc7 svg{
    line-height: 0;
}
/* 1. Estado oculto del botón *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3663131 */.elementor-332 .elementor-element.elementor-element-3663131{
    background: linear-gradient(145deg, #161616, #0f0f0f);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e79687 */.card-product {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    /* Fondo con un degradado sutil para darle volumen */
    background: linear-gradient(145deg, #161616, #0f0f0f) !important;
    /* Borde normal sutil */
    border: 1px solid #333333 !important;
    /* Transición suave para todos los efectos (movimiento y brillo) */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/* ESTADO HOVER (AL PASAR EL MOUSE) */
.card-product:hover {
    /* Mueve la tarjeta hacia arriba ligeramente */
    transform: translateY(-8px);
    /* Cambia el color del borde al naranja de la marca */
    border-color: #fd9800 !important;
    /* El brillo resplandeciente alrededor (Sombra naranja difuminada) */
    box-shadow: 0 15px 30px rgba(253, 152, 0, 0.15);
}


/* 1. ESTADO OCULTO DEL BOTÓN */
.elementor-332 .elementor-element.elementor-element-8e79687 .btn-detalle {
    position: absolute !important;
    width: 82%;/* Lo saca del flujo y lo pone flotando */
    top: 77%; /* Ajusta este % para que quede justo en medio de tu foto blanca */
    left: 50%;
    transform: translate(-50%, 20px); /* Escondido un poco hacia abajo */
   
    opacity: 0; /* Totalmente invisible */
    pointer-events: none; /* No estorba clics cuando está oculto */
    z-index: 10;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
/* 2. ESTADO VISIBLE (HOVER SOBRE EL PADRE) */
.elementor-332 .elementor-element.elementor-element-8e79687:hover .btn-detalle {
    opacity: 1; /* Se vuelve visible */
    transform: translate(-50%, 0); /* Sube deslizándose */
    pointer-events: auto; /* Se puede volver a hacer clic */
}/* End custom CSS */