.elementor-18 .elementor-element.elementor-element-8986f36{--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;--background-transition:0.3s;}.elementor-18 .elementor-element.elementor-element-92e09a9{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-18 .elementor-element.elementor-element-92e09a9:after{content:"0.66";}.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post__thumbnail__link{width:100%;}.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post__meta-data span + span:before{content:"-";}.elementor-18 .elementor-element.elementor-element-92e09a9.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-18 .elementor-element.elementor-element-92e09a9.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-18 .elementor-element.elementor-element-92e09a9.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post__thumbnail img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-18 .elementor-element.elementor-element-92e09a9:after{content:"0.5";}.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-8986f36{--content-width:1385px;}}/* Start custom CSS for posts, class: .elementor-element-92e09a9 *//*permite de arreglar las lineas de texto*/
.elementor-post__excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* nombre de lignes */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*permite de colocar efecto sobre la imagen*/

.elementor-post__thumbnail::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.3);
    opacity: 0;
    transition: 0.5s;
}
.elementor-post__thumbnail:hover::after {
    opacity: 1;
}
/*OPTION sur color de articles etc*/
.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post {
    transition: all 0.3s ease;
}

.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post:hover {
    background-color: #f5f5f5; /* couleur de fond */
    transform: translateY(-5px); /* petit effet lift */
}
.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post {
    padding: 20px;
    border-radius: 10px;
}

.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post:hover {
    background-color: #f0f8ff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
/*color por cada articulo fijo*/
.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post {
    background-color: #f5f5f5; /* ta couleur */
}


/*NUEVO CODIGO NUEVO ESTILO*/
.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.35s ease;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* IMAGE bord à bord */
.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post__thumbnail {
    margin: 0;
    overflow: hidden;
}

.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post__thumbnail img {
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

/* CONTENU */
.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post__text {
    padding: 20px;
    flex-grow: 1;
}

/* TITRE */
.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post__title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

/* HOVER GLOBAL */
.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
    background-color: #f2f2f2; /*  change ici color */
}

/* ZOOM IMAGE */
.elementor-18 .elementor-element.elementor-element-92e09a9 elementor-post:hover .elementor-post__thumbnail img {
    transform: scale(1.08);
}

/* OPTION : ligne colorée en haut */
.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post::before {
    content: "";
    display: block;
    height: 4px;
    width: 100%;
    background: linear-gradient(90deg, #4facfe, #00f2fe);
}

/* OPTION : bouton en bas aligné */
.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post__read-more {
    margin-top: auto;
}


.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post__thumbnail img {
    width: 100%;
    height: 220px; /* ajuste selon ton design */
    object-fit: cover;
    display: block;
}

/*permite de borrar la line sobre las imagenes*/
.elementor-18 .elementor-element.elementor-element-92e09a9 .elementor-post::before {
    display: none;
}/* End custom CSS */