.elementor-4804 .elementor-element.elementor-element-c6d67d3{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:wrap;--align-content:center;}.elementor-4804 .elementor-element.elementor-element-c6d67d3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4804 .elementor-element.elementor-element-642462b{--grid-columns:3;--grid-row-gap:50px;width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;--grid-column-gap:50px;}.elementor-4804 .elementor-element.elementor-element-642462b.elementor-element{--align-self:center;}.elementor-4804 .elementor-element.elementor-element-642462b .elementor-loop-container{grid-auto-rows:1fr;}.elementor-4804 .elementor-element.elementor-element-642462b .e-loop-item > .elementor-section, .elementor-4804 .elementor-element.elementor-element-642462b .e-loop-item > .elementor-section > .elementor-container, .elementor-4804 .elementor-element.elementor-element-642462b .e-loop-item > .e-con, .elementor-4804 .elementor-element.elementor-element-642462b .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(min-width:576px){.elementor-4804 .elementor-element.elementor-element-c6d67d3{--width:100%;}}@media(max-width:1279px) and (min-width:576px){.elementor-4804 .elementor-element.elementor-element-c6d67d3{--width:933px;}}@media(max-width:1279px){.elementor-4804 .elementor-element.elementor-element-642462b{--grid-columns:2;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-4804 .elementor-element.elementor-element-642462b.elementor-element{--align-self:center;}}@media(max-width:575px){.elementor-4804 .elementor-element.elementor-element-642462b{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-642462b *//* --- AJUSTE ESPECÍFICO PARA TABLET (Entre 768px y 1024px) --- */
@media (max-width: 1024px) and (min-width: 768px) {
    
    /* 1. Forzar 2 columnas para que no se vea todo tan estrecho */
    .elementor-4804 .elementor-element.elementor-element-642462b .elementor-loop-container {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 20px !important;
    }

    /* 2. Re-ajustar la imagen para que no ocupe demasiada pantalla */
    .elementor-4804 .elementor-element.elementor-element-642462b .elementor-widget-theme-post-featured-image img {
        aspect-ratio: 16 / 9 !important; /* Formato más apaisado en tablet */
        height: 220px !important;
        object-fit: cover !important;
    }

    /* 3. Ajustar títulos para que no den saltos de línea raros */
    .elementor-4804 .elementor-element.elementor-element-642462b .elementor-widget-theme-post-title h2 {
        font-size: 20px !important;
        min-height: 50px !important;
    }

    /* 4. Reducir un poco el extracto para que la tarjeta no sea infinita */
    .elementor-4804 .elementor-element.elementor-element-642462b .elementor-widget-theme-post-excerpt {
        font-size: 13px !important;
        min-height: 80px !important;
        line-height: 1.4 !important;
    }
}

/* 1. Evitar el desbordamiento en el contenedor padre */
.elementor-4804 .elementor-element.elementor-element-642462b {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

/* 2. Forzar que el grid no se pase de frenada en tablet y móvil */
@media (max-width: 1024px) {
    .elementor-4804 .elementor-element.elementor-element-642462b .elementor-loop-container {
        width: 100% !important;
        margin: 0 auto !important;
        padding-left: 10px !important; /* Pequeño margen para que no toque el borde */
        padding-right: 10px !important;
        grid-template-columns: repeat(2, 1fr) !important; /* 2 columnas en tablet */
    }
}

@media (max-width: 767px) {
    .elementor-4804 .elementor-element.elementor-element-642462b .elementor-loop-container {
        grid-template-columns: 1fr !important; /* 1 sola columna en móvil */
        width: 100% !important;
    }

    /* Forzamos que nada dentro de la tarjeta sobresalga */
    .elementor-4804 .elementor-element.elementor-element-642462b .elementor-grid-item {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* 1. Eliminar cualquier desbordamiento y forzar el ancho real */
.elementor-4804 .elementor-element.elementor-element-642462b {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    margin: 0 auto !important;
}

/* 2. Ajustar el contenedor interno de las tarjetas */
.elementor-4804 .elementor-element.elementor-element-642462b .elementor-loop-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-column-gap: 20px !important; /* Espacio controlado entre tarjetas */
    display: grid !important;
}

/* 3. Asegurar que cada noticia respete el ancho de su columna */
.elementor-4804 .elementor-element.elementor-element-642462b .elementor-grid-item {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 4. Resetear márgenes negativos que suele meter Elementor */
.elementor-4804 .elementor-element.elementor-element-642462b .elementor-grid {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* FORZAR SIMETRÍA TOTAL EN IMÁGENES */
.elementor-4804 .elementor-element.elementor-element-642462b .elementor-widget-theme-post-featured-image img {
    width: 100% !important;
    height: 280px !important; /* Altura fija para todas */
    object-fit: cover !important; /* Corta la imagen para que rellene el hueco sin deformarse */
    aspect-ratio: 1 / 1 !important; /* Si prefieres que sean cuadradas, mantén esto */
}

/* Ajuste para Tablet (para que no queden tan altas) */
@media (max-width: 1024px) {
    .elementor-4804 .elementor-element.elementor-element-642462b .elementor-widget-theme-post-featured-image img {
        height: 220px !important;
    }
}

/* Ajuste para Móvil */
@media (max-width: 767px) {
    .elementor-4804 .elementor-element.elementor-element-642462b .elementor-widget-theme-post-featured-image img {
        height: 250px !important;
    }
}

.elementor-4804 .elementor-element.elementor-element-642462b .elementor-grid-item {
    transition: all 0.3s ease-in-out !important;
}

.elementor-4804 .elementor-element.elementor-element-642462b .elementor-grid-item:hover {
    transform: translateY(-8px) !important; /* La tarjeta sube un pelín */
    box-shadow: 0px 10px 25px rgba(0,0,0,0.08) !important; /* Sombra suave */
}/* End custom CSS */