.elementor-4961 .elementor-element.elementor-element-0c63f6b{padding:0px 0px 70px 0px;}.elementor-4961 .elementor-element.elementor-element-fa43c4a{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-4961 .elementor-element.elementor-element-f24ad0e{padding:0px 0px 0px 0px;}.elementor-4961 .elementor-element.elementor-element-98af5b4{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-4961 .elementor-element.elementor-element-98af5b4:after{content:"0.66";}.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__thumbnail__link{width:100%;}.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__meta-data span + span:before{content:"•";}.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__text{margin-top:20px;}.elementor-4961 .elementor-element.elementor-element-8c89f5d{--spacer-size:120px;}.elementor-4961 .elementor-element.elementor-element-cb28611{width:100%;max-width:100%;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-4961 .elementor-element.elementor-element-fa43c4a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4961 .elementor-element.elementor-element-98af5b4{width:100%;max-width:100%;}.elementor-4961 .elementor-element.elementor-element-98af5b4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-4961 .elementor-element.elementor-element-98af5b4:after{content:"0.5";}.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-98af5b4 *//* =========================================
     FORZADO DE CONTENEDOR Y MARGENES 
     ========================================= */
.elementor-4961 .elementor-element.elementor-element-98af5b4 {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 40px 0 60px !important; /* Alineación perfecta en PC */
}

.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-posts-container {
    gap: 30px !important;
}

/* =========================================
     DISEÑO DE LAS TARJETA ESTILO PREMIUM
     ========================================= */
.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post {
    background-color: #ffffff !important;
    border-radius: 24px !important; 
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid #f1f5f9 !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease !important;
    padding: 0 !important; 
}

/* El efecto Hover de elevación solo se ejecuta en computadoras (dispositivos que usan puntero) */
@media (hover: hover) {
    .elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post:hover {
        transform: translateY(-8px) !important;
        box-shadow: 0 20px 40px rgba(11, 52, 31, 0.08) !important;
    }
}

/* =========================================
     RESET DE CAJA DE IMAGEN (ELIMINA EL DESPLAZAMIENTO)
     ========================================= */
.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__thumbnail__link,
.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__thumbnail,
.elementor-4961 .elementor-element.elementor-element-98af5b4 .pxl-image-single,
.elementor-4961 .elementor-element.elementor-element-98af5b4 .pxl-item--inner,
.elementor-4961 .elementor-element.elementor-element-98af5b4 .s_img {
    width: 100% !important;
    height: 240px !important; /* Altura ideal en PC */
    overflow: hidden !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    transform: none !important; 
}

.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__thumbnail img {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: translate(-50%, -50%) scale(1) !important;
    -webkit-transform: translate(-50%, -50%) scale(1) !important;
    transform-origin: center center !important;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

@media (hover: hover) {
    .elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post:hover .elementor-post__thumbnail img {
        transform: translate(-50%, -50%) scale(1.08) !important;
        -webkit-transform: translate(-50%, -50%) scale(1.08) !important;
    }
}

/* =========================================
     CUERPO DE TEXTO INTERNO
     ========================================= */
.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__text {
    padding: 30px !important; 
    display: flex !important;
    flex-direction: column !important;
    background-color: #ffffff !important;
    position: relative !important;
    z-index: 5 !important;
}

.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__title,
.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__title a {
    font-size: 21px !important;
    color: #0b341f !important; 
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    margin: 0 0 15px 0 !important;
    transition: color 0.3s ease !important;
}

.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__title a:hover {
    color: #52a47a !important; 
}

.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__read-more {
    color: #0b341f !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    text-decoration: none !important;
    margin-top: auto !important; 
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: color 0.3s ease !important;
}

.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post:hover .elementor-post__read-more {
    color: #52a47a !important;
}

.elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__meta {
    padding: 0 30px 20px 30px !important;
    margin-top: -10px !important;
}

/* ==========================================================================
     SECCIÓN NUEVA: ADAPTACIÓN PARA MÓVILES (PANTALLAS DE 767PX O MENOS)
     ========================================================================== */
@media (max-width: 767px) {
    
    /* Centramos el contenedor general y bajamos el margen a uno sutil (15px) */
    .elementor-4961 .elementor-element.elementor-element-98af5b4 {
        padding: 0 15px !important;
        margin: 0 auto !important;
    }

    /* Reducimos la altura de la imagen a 180px para que guarde simetría en el móvil */
    .elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__thumbnail__link,
    .elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__thumbnail,
    .elementor-4961 .elementor-element.elementor-element-98af5b4 .pxl-image-single,
    .elementor-4961 .elementor-element.elementor-element-98af5b4 .pxl-item--inner,
    .elementor-4961 .elementor-element.elementor-element-98af5b4 .s_img {
        height: 180px !important; 
    }

    /* Reducimos el colchón de texto interno para aprovechar el ancho de pantalla */
    .elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__text {
        padding: 20px !important; 
    }

    /* Ajustamos el tamaño del título del post para que no sea gigante en celulares */
    .elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__title,
    .elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__title a {
        font-size: 18px !important;
        margin: 0 0 12px 0 !important;
    }

    /* Ajustamos los metadatos (fecha, autor, etc.) al nuevo padding */
    .elementor-4961 .elementor-element.elementor-element-98af5b4 .elementor-post__meta {
        padding: 0 20px 15px 20px !important;
        margin-top: -5px !important;
    }
}/* End custom CSS */