.elementor-1167 .elementor-element.elementor-element-7ff30cd{--display:flex;--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1167 .elementor-element.elementor-element-2df323b{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 3%) 0%;}.elementor-1167 .elementor-element.elementor-element-2df323b .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-weight:600;color:var( --e-global-color-82e0740 );}.elementor-widget-archive-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-archive-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-posts-nothing-found{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-1167 .elementor-element.elementor-element-cf678fc{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1167 .elementor-element.elementor-element-cf678fc:after{content:"0.66";}.elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-post__thumbnail__link{width:35%;}.elementor-1167 .elementor-element.elementor-element-cf678fc.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1167 .elementor-element.elementor-element-cf678fc.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1167 .elementor-element.elementor-element-cf678fc.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-post__title, .elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-post__title a{color:var( --e-global-color-1824aa0 );font-family:"Open Sans", Sans-serif;font-size:28px;font-weight:600;}.elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-post__title{margin-bottom:20px;}.elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-post__excerpt p{color:var( --e-global-color-1824aa0 );font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-post__excerpt{margin-bottom:20px;}.elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-post__read-more{color:var( --e-global-color-82e0740 );}.elementor-1167 .elementor-element.elementor-element-cf678fc a.elementor-post__read-more{font-family:"Open Sans", Sans-serif;font-size:22px;font-weight:500;}.elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-post__text{margin-bottom:0px;}.elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-pagination{text-align:center;}.elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-1824aa0 );}.elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-82e0740 );}.elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-pagination .page-numbers.current{color:var( --e-global-color-82e0740 );}body:not(.rtl) .elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-1167 .elementor-element.elementor-element-48fb8c3{--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;--margin-top:0%;--margin-bottom:6%;--margin-left:0%;--margin-right:0%;}@media(max-width:767px){.elementor-1167 .elementor-element.elementor-element-7ff30cd{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1167 .elementor-element.elementor-element-2df323b{text-align:center;}.elementor-1167 .elementor-element.elementor-element-2df323b .elementor-heading-title{font-size:25px;}.elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1167 .elementor-element.elementor-element-cf678fc:after{content:"0.5";}.elementor-1167 .elementor-element.elementor-element-cf678fc .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for archive-posts, class: .elementor-element-cf678fc *//*
 * FORZAR EL DISEÑO HORIZONTAL Y BOTÓN ROSA EN "ARCHIVE POSTS"
*/

/* 1. Forzamos cada "entrada" a ser un contenedor flex (horizontal) */
.elementor-widget-archive-posts .elementor-post {
    display: flex;
    flex-direction: row; /* Fila (horizontal) */
    align-items: center; /* Centrar verticalmente */
    
    /* Damos el aspecto de "Carta" */
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 25px !important;
}

/* 2. Ajustamos el contenedor de la IMAGEN */
.elementor-widget-archive-posts .elementor-post__thumbnail {
    flex: 0 0 35%; /* La imagen ocupa el 35% */
    margin: 0;
    /* Esto es importante para que la altura sea consistente si el texto es más corto */
    height: 100%; 
}
    
/* 3. Hacemos que la IMAGEN llene su contenedor (¡arregla pixelado!) */
.elementor-widget-archive-posts .elementor-post__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Clave para que no se deforme */
}

/* 4. Ajustamos el contenedor del TEXTO */
.elementor-widget-archive-posts .elementor-post__text {
    flex: 1; /* El texto ocupa el espacio restante */
    padding: 25px;
    margin: 0;
}

/* 5. ESTILO DEL BOTÓN "EXPLORAR" (READ MORE) A ROSA */
.elementor-widget-archive-posts .elementor-post__read-more {
    display: inline-block; /* Necesario para que parezca un botón */
    background-color: #DB3B83; /* <-- TU COLOR ROSA */
    color: #FFFFFF !important; /* Texto en blanco (forzado) */
    padding: 5px 19px; /* Espaciado interno del botón */
    border-radius: 5px; /* Bordes redondeados */
    text-decoration: none; /* Quitar subrayado */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave */

    /* Aseguramos la fuente */
    font-family: 'Open Sans', sans-serif;
}

/* 6. ESTILO DEL BOTÓN AL PASAR EL RATÓN (HOVER) */
.elementor-widget-archive-posts .elementor-post__read-more:hover {
    background-color: #C2185B; /* <-- Rosa más oscuro */
    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ff30cd *//*
 * DISEÑO DE CARTA HORIZONTAL RESPONSIVE
 * PARA EL WIDGET "ARCHIVE POSTS"
*/

/* --- ESTILOS DE ESCRITORIO Y TABLETA --- */
.elementor-1167 .elementor-element.elementor-element-7ff30cd {
    /* 1. Forzamos cada "entrada" a ser un contenedor flex (horizontal) */
    .elementor-post {
        display: flex;
        flex-direction: row; /* Fila (horizontal) */
        align-items: center; /* Centrar verticalmente */
        
        /* Damos el aspecto de "Carta" */
        background: #ffffff;
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 25px !important;
    }

    /* 2. Ajustamos el contenedor de la IMAGEN */
    .elementor-post__thumbnail {
        flex: 0 0 35%; /* La imagen ocupa el 35% */
        margin: 0;
        align-self: stretch; /* Hace que la imagen ocupe toda la altura */
    }
        
    /* 3. Hacemos que la IMAGEN llene su contenedor */
    .elementor-post__thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Clave para que no se deforme */
    }

    /* 4. Ajustamos el contenedor del TEXTO */
    .elementor-post__text {
        flex: 1; /* El texto ocupa el espacio restante */
        padding: 25px;
        margin: 0;
    }

    /* 5. ESTILO DEL BOTÓN "EXPLORAR" (READ MORE) A ROSA */
    .elementor-post__read-more {
        display: inline-block;
        background-color: #DB3B83; /* <-- TU COLOR ROSA */
        color: #FFFFFF !important;
        padding: 5px 19px;
        border-radius: 5px;
        text-decoration: none;
        font-weight: bold;
        transition: background-color 0.3s ease;
        font-family: 'Open Sans', sans-serif;
    }

    /* 6. ESTILO DEL BOTÓN AL PASAR EL RATÓN (HOVER) */
    .elementor-post__read-more:hover {
        background-color: #C2185B; /* <-- Rosa más oscuro */
        color: #FFFFFF !important;
    }
}


/* --- 
 * ESTILOS RESPONSIVE PARA MÓVIL 
 * (767px es el punto de corte por defecto de Elementor para móviles)
--- */
@media (max-width: 767px) {
    .elementor-1167 .elementor-element.elementor-element-7ff30cd {
        /* 1. Apilamos la tarjeta (vertical) */
        .elementor-post {
            flex-direction: column; /* Cambia de 'row' (fila) a 'column' (columna) */
            align-items: stretch; /* Estira los items para que ocupen el 100% del ancho */
        }

        /* 2. Hacemos que la imagen ocupe todo el ancho y tenga una altura fija */
        .elementor-post__thumbnail {
            flex-basis: auto; /* Reseteamos la base de 35% */
            width: 100%;
            height: 200px; /* Altura fija para la imagen en móvil (ajusta 200px al gusto) */
        }

        /* 3. Ajustamos el padding del texto para que no sea tan grande */
        .elementor-post__text {
            padding: 20px;
        }

        /* 4. Opcional: Centrar el botón en móvil */
        .elementor-post__read-more {
            text-align: center;
            width: 100%;
        }
    }
}/* End custom CSS */