.elementor-352 .elementor-element.elementor-element-5029921{--display:flex;--min-height:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-352 .elementor-element.elementor-element-d0e3d1e{--display:flex;}.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-352 .elementor-element.elementor-element-3faca37 > .elementor-widget-container{background-color:#F4F4F4;border-radius:0px 0px 0px 0px;}.elementor-352 .elementor-element.elementor-element-3faca37 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-radius:4px 4px 4px 4px;}.elementor-352 .elementor-element.elementor-element-4943eb4{text-align:start;}.elementor-352 .elementor-element.elementor-element-4943eb4 img{width:36%;}.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-352 .elementor-element.elementor-element-c567d36 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-352 .elementor-element.elementor-element-e094b12 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-352 .elementor-element.elementor-element-e094b12{font-family:"Roboto", Sans-serif;font-weight:500;text-transform:uppercase;}.elementor-352 .elementor-element.elementor-element-d03edb1{--e-rating-icon-marked-color:var( --e-global-color-primary );--e-rating-icon-color:var( --e-global-color-accent );}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-352 .elementor-element.elementor-element-319ac88 .price{color:var( --e-global-color-text );font-family:"Roboto Condensed", Sans-serif;font-size:24px;font-weight:600;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-352 .elementor-element.elementor-element-05877c7{width:auto;max-width:auto;}.elementor-352 .elementor-element.elementor-element-05877c7 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-352 .elementor-element.elementor-element-05877c7 .elementor-icon-wrapper{text-align:end;}.elementor-352 .elementor-element.elementor-element-05877c7.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-352 .elementor-element.elementor-element-05877c7.elementor-view-stacked .elementor-icon{color:#FFFFFF;}.elementor-352 .elementor-element.elementor-element-05877c7.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-352 .elementor-element.elementor-element-05877c7.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-352 .elementor-element.elementor-element-05877c7.elementor-view-framed .elementor-icon:hover, .elementor-352 .elementor-element.elementor-element-05877c7.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-352 .elementor-element.elementor-element-05877c7.elementor-view-framed .elementor-icon:hover, .elementor-352 .elementor-element.elementor-element-05877c7.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-352 .elementor-element.elementor-element-05877c7.elementor-view-framed .elementor-icon:hover{background-color:#FFFFFF;}.elementor-352 .elementor-element.elementor-element-05877c7.elementor-view-stacked .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-352 .elementor-element.elementor-element-05877c7 .elementor-icon{font-size:14px;}.elementor-352 .elementor-element.elementor-element-05877c7 .elementor-icon svg{height:14px;}/* Start custom CSS for heading, class: .elementor-element-c567d36 */.elementor-352 .elementor-element.elementor-element-c567d36 {
    min-height: 50px; /* Ajusta este número hasta que veas que caben 3 líneas bien */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5029921 *//* 1. El Contenedor ancla - Lo hacemos relativo para atrapar al icono */
.contenedor-foto-producto {
    position: relative !important; 
    overflow: hidden; /* Para que el icono no se salga si la imagen es redonda */
    border-radius: 15px; /* Ajusta para que coincida con el redondeo de tu imagen */
    transition: all 0.3s ease;
}

/* 2. Estilo y Posición del Icono Flotante (SIEMPRE VISIBLE) */
.boton-carrito-flotante {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    z-index: 99 !important;
    
    /* Estado inicial visible por defecto */
    opacity: 1 !important;
    visibility: visible !important;
    transition: all 0.3s ease-in-out;
}

/* 3. Diseño del Icono en sí (Círculo rojo, icono blanco) */
.boton-carrito-flotante .elementor-icon {
    background-color: #e62e2e !important; /* Color Rojo */
    color: #ffffff !important; /* Icono Blanco */
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important; /* Lo hace circular */
    box-shadow: 0px 4px 10px rgba(0,0,0,0.15) !important;
    transition: all 0.3s ease;
}

/* 4. Efecto sutil al poner el mouse SOBRE EL PROPIO ICONO */
.boton-carrito-flotante .elementor-icon:hover {
    background-color: #b31d1d !important; /* Rojo más oscuro */
    transform: scale(1.1); /* Crece un poquito */
}/* End custom CSS */