.elementor-8381 .elementor-element.elementor-element-a2d2fc2{--display:flex;--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;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-ha-card .ha-badge{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ha-card .ha-card-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-ha-card .ha-card-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ha-card .ha-btn{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8381 .elementor-element.elementor-element-dd3fd98 .elementor-widget-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:left;}.elementor-8381 .elementor-element.elementor-element-dd3fd98 > .elementor-widget-container{background-color:var( --e-global-color-f9f88ef );}.elementor-8381 .elementor-element.elementor-element-dd3fd98.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-8381 .elementor-element.elementor-element-dd3fd98 .ha-card-figure img{border-radius:16px 16px 16px 16px;transition-duration:2s;}.elementor-8381 .elementor-element.elementor-element-dd3fd98 .ha-badge{--ha-badge-translate-x:-8px;--ha-badge-translate-y:16px;padding:0px 0px 0px 0px;color:var( --e-global-color-text );background-color:#17425B00;font-family:"Canulla", Sans-serif;font-size:1.3em;font-weight:700;}.elementor-8381 .elementor-element.elementor-element-dd3fd98 .ha-card-body{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-widget-ha-card .ha-card-text{line-height:var( --e-global-typography-text-line-height );}.elementor-8381 .elementor-element.elementor-element-dd3fd98 .elementor-widget-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:left;}.elementor-8381 .elementor-element.elementor-element-dd3fd98{--ha-card-image-width:100%;}}@media(max-width:767px){.elementor-8381 .elementor-element.elementor-element-a2d2fc2{--border-radius:24px 24px 24px 24px;}.elementor-widget-ha-card .ha-card-text{line-height:var( --e-global-typography-text-line-height );}.elementor-8381 .elementor-element.elementor-element-dd3fd98 .elementor-widget-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:left;}.elementor-8381 .elementor-element.elementor-element-dd3fd98{--ha-card-image-width:100%;}.elementor-8381 .elementor-element.elementor-element-dd3fd98 .ha-card-figure img{border-radius:16px 16px 16px 16px;}}/* Start custom CSS for ha-card, class: .elementor-element-dd3fd98 *//* Aplicar el degradado encima de la imagen usando pseudo-elemento */
.ha-card-figure {
    position: relative;
}

.ha-card-figure::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom,  rgba(255, 255, 255, 0) 80%, var(--cream) 80%);
    pointer-events: none; /* Permite clicks a través del overlay */
    z-index: 1;
    border-radius: 16px;
    transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Asegurar que el badge permanezca visible encima del degradado */
.ha-badge {
    position: relative;
    z-index: 2;
}


.ha-card-figure:hover::before {
    background: linear-gradient(to bottom,  rgba(255, 255, 255, 0) 80%, var(--cream) 100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2d2fc2 */.elementor-8381 .elementor-element.elementor-element-dd3fd98 > .elementor-widget-container {
    background-color: #0000;
}/* End custom CSS */