.elementor-565 .elementor-element.elementor-element-be45dea{--display:flex;--min-height:0vh;--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:center;--align-items:center;--gap:1.2em 0em;--row-gap:1.2em;--column-gap:0em;--border-radius:22px 22px 22px 22px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-565 .elementor-element.elementor-element-be45dea:not(.elementor-motion-effects-element-type-background), .elementor-565 .elementor-element.elementor-element-be45dea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-565 .elementor-element.elementor-element-6db364e{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0vw 0vw 0vw 0vw;}.elementor-565 .elementor-element.elementor-element-6db364e img{width:70%;}.elementor-565 .elementor-element.elementor-element-63873fd{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-565 .elementor-element.elementor-element-63873fd.ob-harakiri{writing-mode:inherit;}.elementor-565 .elementor-element.elementor-element-63873fd.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-565 .elementor-element.elementor-element-63873fd.ob-harakiri div{writing-mode:inherit;}.elementor-565 .elementor-element.elementor-element-63873fd .elementor-heading-title{font-family:var( --e-global-typography-d89a3d1-font-family ), Sans-serif;font-size:var( --e-global-typography-d89a3d1-font-size );font-weight:var( --e-global-typography-d89a3d1-font-weight );line-height:var( --e-global-typography-d89a3d1-line-height );letter-spacing:var( --e-global-typography-d89a3d1-letter-spacing );color:var( --e-global-color-primary );}.elementor-565 .elementor-element.elementor-element-63873fd.ob-harakiri > div, .elementor-565 .elementor-element.elementor-element-63873fd.ob-harakiri > h1, .elementor-565 .elementor-element.elementor-element-63873fd.ob-harakiri > h2, .elementor-565 .elementor-element.elementor-element-63873fd.ob-harakiri > h3, .elementor-565 .elementor-element.elementor-element-63873fd.ob-harakiri > h4, .elementor-565 .elementor-element.elementor-element-63873fd.ob-harakiri > h5, .elementor-565 .elementor-element.elementor-element-63873fd.ob-harakiri > h6, .elementor-565 .elementor-element.elementor-element-63873fd.ob-harakiri > p{transform:rotate(0deg);}.elementor-565 .elementor-element.elementor-element-63873fd > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-565 .elementor-element.elementor-element-5e35ff1{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:var( --e-global-typography-23c9a6b-font-family ), Sans-serif;font-size:var( --e-global-typography-23c9a6b-font-size );font-weight:var( --e-global-typography-23c9a6b-font-weight );line-height:var( --e-global-typography-23c9a6b-line-height );letter-spacing:var( --e-global-typography-23c9a6b-letter-spacing );color:var( --e-global-color-primary );}.elementor-565 .elementor-element.elementor-element-5e35ff1.ob-harakiri{writing-mode:inherit;}.elementor-565 .elementor-element.elementor-element-5e35ff1.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-565 .elementor-element.elementor-element-5e35ff1.ob-harakiri div{writing-mode:inherit;}.elementor-565 .elementor-element.elementor-element-5e35ff1.ob-harakiri > div, .elementor-565 .elementor-element.elementor-element-5e35ff1.ob-harakiri > h1, .elementor-565 .elementor-element.elementor-element-5e35ff1.ob-harakiri > h2, .elementor-565 .elementor-element.elementor-element-5e35ff1.ob-harakiri > h3, .elementor-565 .elementor-element.elementor-element-5e35ff1.ob-harakiri > h4, .elementor-565 .elementor-element.elementor-element-5e35ff1.ob-harakiri > h5, .elementor-565 .elementor-element.elementor-element-5e35ff1.ob-harakiri > h6, .elementor-565 .elementor-element.elementor-element-5e35ff1.ob-harakiri > p{transform:rotate(0deg);}.elementor-565 .elementor-element.elementor-element-5e35ff1 > div{text-indent:0px;mix-blend-mode:inherit;}@media(max-width:1366px){.elementor-565 .elementor-element.elementor-element-63873fd .elementor-heading-title{font-size:var( --e-global-typography-d89a3d1-font-size );line-height:var( --e-global-typography-d89a3d1-line-height );letter-spacing:var( --e-global-typography-d89a3d1-letter-spacing );}.elementor-565 .elementor-element.elementor-element-5e35ff1{font-size:var( --e-global-typography-23c9a6b-font-size );line-height:var( --e-global-typography-23c9a6b-line-height );letter-spacing:var( --e-global-typography-23c9a6b-letter-spacing );}}@media(max-width:1024px){.elementor-565 .elementor-element.elementor-element-63873fd .elementor-heading-title{font-size:var( --e-global-typography-d89a3d1-font-size );line-height:var( --e-global-typography-d89a3d1-line-height );letter-spacing:var( --e-global-typography-d89a3d1-letter-spacing );}.elementor-565 .elementor-element.elementor-element-5e35ff1{font-size:var( --e-global-typography-23c9a6b-font-size );line-height:var( --e-global-typography-23c9a6b-line-height );letter-spacing:var( --e-global-typography-23c9a6b-letter-spacing );}}@media(max-width:767px){.elementor-565 .elementor-element.elementor-element-63873fd .elementor-heading-title{font-size:var( --e-global-typography-d89a3d1-font-size );line-height:var( --e-global-typography-d89a3d1-line-height );letter-spacing:var( --e-global-typography-d89a3d1-letter-spacing );}.elementor-565 .elementor-element.elementor-element-5e35ff1{font-size:var( --e-global-typography-23c9a6b-font-size );line-height:var( --e-global-typography-23c9a6b-line-height );letter-spacing:var( --e-global-typography-23c9a6b-letter-spacing );}}@media(min-width:768px){.elementor-565 .elementor-element.elementor-element-be45dea{--width:97%;}}@media(min-width:2400px){.elementor-565 .elementor-element.elementor-element-63873fd .elementor-heading-title{font-size:var( --e-global-typography-d89a3d1-font-size );line-height:var( --e-global-typography-d89a3d1-line-height );letter-spacing:var( --e-global-typography-d89a3d1-letter-spacing );}.elementor-565 .elementor-element.elementor-element-5e35ff1{font-size:var( --e-global-typography-23c9a6b-font-size );line-height:var( --e-global-typography-23c9a6b-line-height );letter-spacing:var( --e-global-typography-23c9a6b-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-be45dea *//* 1. Contenedor Principal */
.producto-general {
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); /* Transición más fluida */
    padding: 20px;
    border-radius: 10px;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px; /* Mantén un tamaño fijo inicial para que no salte */
    overflow: hidden;
}

/* 2. La Imagen (Cambiamos width por transform para evitar saltos) */
.imagen-producto img {
    transition: transform 0.5s ease;
    width: 100%; /* Ajustado al contenedor */
    max-width: 250px; /* Controla el tamaño aquí */
    height: auto;
}

/* 3. La Descripción (El secreto está en la visibilidad) */
.descripcion-producto {
    opacity: 0;
    max-height: 0; 
    transform: translateY(10px);
    transition: all 0.4s ease;
    text-align: center;
    visibility: hidden; /* Evita que el mouse lo detecte antes de tiempo */
}

/* --- EFECTO HOVER SIN SALTOS --- */

.producto-general:hover {
    background: #F9F9F9 !important;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.08);
}

/* Usamos scale en lugar de cambiar el width */
.producto-general:hover .imagen-producto img {
    transform: scale(1.05); 
}

.producto-general:hover .descripcion-producto {
    visibility: visible;
    opacity: 1;
    max-height: 150px; /* Un valor fijo para que la transición sea calculable */
    transform: translateY(0);
    margin-top: 20px; /* Espacio suave */
}/* End custom CSS */