/* Estilos personalizados para WP Latest Posts Block */
/* Imágenes más verticales, título completo, sin descripción */

/* Contenedor principal del bloque - usar selectores más específicos */
body .wp-block-latest-posts.is-grid li,
.wp-block-latest-posts.is-grid li {
    display: flex !important;
    flex-direction: column !important;
}

/* Estilo para las imágenes destacadas - hacerlas más verticales */
body .wp-block-latest-posts__featured-image,
.wp-block-latest-posts__featured-image {
    width: 100% !important;
    overflow: hidden !important;
    margin-bottom: 1em !important;
    margin-right: 0 !important;
}

body .wp-block-latest-posts__featured-image a,
.wp-block-latest-posts__featured-image a {
    display: block !important;
    width: 100% !important;
    position: relative !important;
    padding-top: 133.33% !important; /* Proporción 3:4 (más vertical) */
    overflow: hidden !important;
    height: 0 !important;
}

body .wp-block-latest-posts__featured-image img,
.wp-block-latest-posts__featured-image img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Asegurar que el título se muestre completo */
body .wp-block-latest-posts__post-title,
.wp-block-latest-posts__post-title {
    display: block !important;
    width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    line-height: 1.4 !important;
    margin-bottom: 0.5em !important;
    font-weight: 600 !important;
}

body .wp-block-latest-posts__post-title a,
.wp-block-latest-posts__post-title a {
    display: block !important;
    text-decoration: none !important;
    width: 100% !important;
}

/* Ocultar completamente la descripción/excerpt */
body .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts__post-excerpt {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
}

/* Ocultar también el contenido completo si está visible */
body .wp-block-latest-posts__post-full-content,
.wp-block-latest-posts__post-full-content {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Ajustes adicionales para el grid */
body .wp-block-latest-posts.is-grid .wp-block-latest-posts__featured-image,
.wp-block-latest-posts.is-grid .wp-block-latest-posts__featured-image {
    margin-right: 0 !important;
}

/* Responsive: mantener proporción vertical en móviles */
@media (max-width: 600px) {
    body .wp-block-latest-posts__featured-image a,
    .wp-block-latest-posts__featured-image a {
        padding-top: 133.33% !important; /* Mantener proporción vertical */
    }
}