.elementor-6587 .elementor-element.elementor-element-3ae06ac0{--display:flex;--min-height:350px;--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;--background-transition:0.3s;}.elementor-6587 .elementor-element.elementor-element-3ae06ac0:hover{background-color:#353535;--overlay-opacity:0.5;}.elementor-6587 .elementor-element.elementor-element-3ae06ac0:hover::before, .elementor-6587 .elementor-element.elementor-element-3ae06ac0:hover > .elementor-background-video-container::before, .elementor-6587 .elementor-element.elementor-element-3ae06ac0:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-6587 .elementor-element.elementor-element-3ae06ac0 > .elementor-background-slideshow:hover::before, .elementor-6587 .elementor-element.elementor-element-3ae06ac0 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:var( --e-global-color-ce5e60a );--background-overlay:'';}.elementor-6587 .elementor-element.elementor-element-3ae06ac0:not(.elementor-motion-effects-element-type-background), .elementor-6587 .elementor-element.elementor-element-3ae06ac0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-6587 .elementor-element.elementor-element-3ae06ac0, .elementor-6587 .elementor-element.elementor-element-3ae06ac0::before{--overlay-transition:0.4s;}.elementor-6587 .elementor-element.elementor-element-4a6f9bbc{text-align:center;}.elementor-6587 .elementor-element.elementor-element-4a6f9bbc .elementor-heading-title{font-size:30px;color:#FFFFFF;}.elementor-6587 .elementor-element.elementor-element-58c9b7da > .elementor-widget-container{margin:25px 25px 25px 25px;}.elementor-6587 .elementor-element.elementor-element-58c9b7da{z-index:10;font-size:15px;color:var( --e-global-color-ceb7b04 );}/* Start custom CSS for text-editor, class: .elementor-element-58c9b7da *//* Estado normal: oculta la descripción y la baja ligeramente */
.elementor-6587 .elementor-element.elementor-element-58c9b7da .cat-descripcion {
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease;
    pointer-events: none;
}

/* Estado hover: la muestra y la sube a su posición natural */
.elementor-6587 .elementor-element.elementor-element-58c9b7da:hover .cat-descripcion {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ae06ac0 *//* 1. Marco blanco interior */
.elementor-6587 .elementor-element.elementor-element-3ae06ac0:after {
    content: '';
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    border: 2px solid #FFFFFF;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
    z-index: 5;
}

/* 2. Título centrado con transición suave */
.elementor-6587 .elementor-element.elementor-element-3ae06ac0 .elementor-widget-heading {
    z-index: 10;
    margin: 0 !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* 3. Descripción: colapsada y transparente en reposo */
.elementor-6587 .elementor-element.elementor-element-3ae06ac0 .elementor-widget-text-editor {
    z-index: 10;
    margin: 0 !important;
    padding: 0 35px;
    text-align: center;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(10px);
    transition: max-height 0.45s cubic-bezier(0.25, 1, 0.5, 1),
                opacity 0.35s ease,
                transform 0.4s cubic-bezier(0.25, 1, 0.5, 1),
                margin 0.4s ease;
    pointer-events: none;
}

/* Limitar a 3 líneas con puntos suspensivos */
.elementor-6587 .elementor-element.elementor-element-3ae06ac0 .elementor-widget-text-editor * {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
}

/* --- ESTADOS EN HOVER --- */

/* Mostrar marco suavemente */
.elementor-6587 .elementor-element.elementor-element-3ae06ac0:hover:after {
    opacity: 1;
}

/* Ligero ajuste al título */
.elementor-6587 .elementor-element.elementor-element-3ae06ac0:hover .elementor-widget-heading {
    transform: scale(1.03);
}

/* Desplegar la descripción suavemente */
.elementor-6587 .elementor-element.elementor-element-3ae06ac0:hover .elementor-widget-text-editor {
    max-height: 90px;
    opacity: 1;
    margin-top: 12px !important;
    transform: translateY(0);
}/* End custom CSS */