.elementor-826 .elementor-element.elementor-element-ac9de19{--display:flex;--margin-top:0em;--margin-bottom:5em;--margin-left:0em;--margin-right:0em;}.elementor-widget-theme-post-featured-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-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-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-826 .elementor-element.elementor-element-9e2228a .elementor-icon-wrapper{text-align:center;}.elementor-826 .elementor-element.elementor-element-9e2228a .elementor-icon{font-size:32px;}.elementor-826 .elementor-element.elementor-element-9e2228a .elementor-icon svg{height:32px;}.elementor-widget-theme-post-content{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-826 .elementor-element.elementor-element-431953e{text-align:center;font-family:"Teachers", Sans-serif;font-size:32px;font-weight:400;}.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-826 .elementor-element.elementor-element-f35a807{text-align:center;font-family:"Teachers", Sans-serif;font-size:32px;font-weight:700;}.elementor-widget-post-navigation span.post-navigation__prev--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__next--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-826 .elementor-element.elementor-element-fb8a9e7 span.post-navigation__prev--title, .elementor-826 .elementor-element.elementor-element-fb8a9e7 span.post-navigation__next--title{color:#E94847;font-family:"Teachers", Sans-serif;font-size:24px;font-weight:300;}.elementor-826 .elementor-element.elementor-element-fb8a9e7 .post-navigation__arrow-wrapper{color:#E94847;fill:#E94847;font-size:16px;}/* Start custom CSS for theme-post-featured-image, class: .elementor-element-715b34c *//* 1. Preparar el terreno */
.elementor-widget-theme-post-featured-image {
    background-color: #FAF4A8;
}

/* 2. La Imagen (Base de sombras) */
.elementor-826 .elementor-element.elementor-element-715b34c img {
    filter: grayscale(100%) contrast(0.8);
    /* MULTIPLY:
       - Los blancos de la foto se vuelven transparentes y muestran el fondo AMARILLO.
       - Los negros se quedan negros.
       AHORA TENEMOS UNA FOTO AMARILLA Y NEGRA.
    */
    mix-blend-mode: multiply;
}

/* 3. El Tinte Rojo (La magia final) */
/* Creamos una capa "fantasma" roja encima de todo */
.elementor-widget-theme-post-featured-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #E94847; /* TU COLOR ROJO */
    
    /* LIGHTEN (Aclarar):
       - Compara el Rojo con el Negro de la foto -> Gana el ROJO.
       - Compara el Rojo con el Amarillo de la foto -> Gana el AMARILLO.
       RESULTADO: FOTO ROJA Y AMARILLA.
    */
    mix-blend-mode: lighten;
    pointer-events: none; /* Para que puedas hacer clic en el enlace si lo hay */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f35a807 */.elementor-826 .elementor-element.elementor-element-f35a807 a {
    background-image: linear-gradient(#E94847, #E94847);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    transition: background-size 0.5s ease-in-out, color 0.5s ease-in-out;
    padding: 0 5px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-decoration: none; /* Quita el subrayado feo por defecto */
}

/* Estado HOVER (Al pasar el ratón) */
.elementor-826 .elementor-element.elementor-element-f35a807 a:hover {
    background-size: 100% 100%;
    color: #FAF4A8;
}/* End custom CSS */
/* Start custom CSS for post-navigation, class: .elementor-element-fb8a9e7 *//* Estilo para ANTERIOR y SIGUIENTE a la vez */
.elementor-826 .elementor-element.elementor-element-fb8a9e7 .post-navigation__prev--title,
.elementor-826 .elementor-element.elementor-element-fb8a9e7 .post-navigation__next--title {
    background-image: linear-gradient(#E94847, #E94847);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    transition: background-size 0.5s ease-in-out, color 0.5s ease-in-out;
    padding: 0 4px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

/* Animación al hacer hover en cualquiera de los enlaces */
.elementor-826 .elementor-element.elementor-element-fb8a9e7 a:hover .post-navigation__prev--title,
.elementor-826 .elementor-element.elementor-element-fb8a9e7 a:hover .post-navigation__next--title {
    background-size: 100% 100%;
    color: #FAF4A8;
}/* End custom CSS */