.elementor-13305 .elementor-element.elementor-element-26c5d70{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:1024px){.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-26c5d70 *//* ==========================================================================
   OPTIMIZACIÓN DE LECTURA PARA POSTS DE WORDPRESS / ELEMENTOR
   ========================================================================== */

/* 1. Tipografía Base y Espaciado General */
.elementor-widget-theme-post-content {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: #333333;         /* Un gris muy oscuro es mejor que negro puro para cansar menos la vista */
    line-height: 1.7;       /* Interlineado amplio para facilitar la lectura */
    font-size: 17px;        /* Tamaño de fuente óptimo para pantallas actuales */
}

/* 2. Estilos de Párrafos y Enlaces (Actualizado a Rojo) */
.elementor-widget-theme-post-content p {
    margin-bottom: 1.6em;   /* Espacio generoso entre párrafos */
}

.elementor-widget-theme-post-content a {
    color: #d32f2f;         /* Rojo moderno y elegante */
    text-decoration: none;
    border-bottom: 1px solid rgba(211, 47, 47, 0.3); /* Subrayado sutil en rojo */
    transition: all 0.3s ease;
}

.elementor-widget-theme-post-content a:hover {
    color: #9a0007;         /* Rojo más oscuro/profundo al pasar el mouse */
    border-bottom-color: #9a0007;
}

/* 3. Encabezados (H2, H3, etc.) */
.elementor-widget-theme-post-content h2 {
    font-size: 1.8rem;
    color: #1a1a1a;
    margin-top: 2em;        /* Mucho espacio arriba para separar secciones */
    margin-bottom: 0.8em;   /* Poco espacio abajo para agruparlo con su párrafo */
    font-weight: 600;
    line-height: 1.3;
}

/* 4. Estilos y Márgenes de las Imágenes (Vital para la estética) */
.elementor-widget-theme-post-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;     /* Bordes ligeramente redondeados para un toque moderno */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* Sombra muy sutil para dar profundidad */
}

/* Alineación Derecha */
.elementor-widget-theme-post-content .alignright {
    float: right;
    margin: 0.5em 0 1.5em 2.5em; /* Margen: Arriba, Derecha, Abajo, IZQUIERDA (separa el texto) */
}

/* Alineación Izquierda */
.elementor-widget-theme-post-content .alignleft {
    float: left;
    margin: 0.5em 2.5em 1.5em 0; /* Margen: Arriba, DERECHA (separa el texto), Abajo, Izquierda */
}

/* Alineación Centrada */
.elementor-widget-theme-post-content .aligncenter {
    display: block;
    margin: 2em auto;
    clear: both;
}

/* Evita que elementos se monten si la imagen flotante es muy alta */
.elementor-widget-theme-post-content::after {
    content: "";
    display: table;
    clear: both;
}

/* 5. Optimización para Móviles (Responsive) */
@media (max-width: 768px) {
    /* En móviles, las imágenes flotantes se ven mal porque aprietan el texto. 
       Aquí las centramos y hacemos que ocupen un buen tamaño. */
    .elementor-widget-theme-post-content .alignright,
    .elementor-widget-theme-post-content .alignleft {
        float: none;
        display: block;
        margin: 1.5em auto;
        width: 100%;
    }
    
    .elementor-widget-theme-post-content h2 {
        font-size: 1.5rem;
        margin-top: 1.5em;
    }
}/* End custom CSS */