/**
 * Estilos del widget Vista Últimos Posts
 *
 * Define la apariencia elegante del listado de posts:
 *   - Color secondary para enlaces
 *   - Efecto de zoom al hover sobre la imagen
 *   - Separación limpia entre elementos
 */

/* Contenedor principal de la lista */
.vuw-post-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Cada elemento de la lista */
.vuw-post-item {
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

/* Elimina el borde del último elemento */
.vuw-post-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* Enlace completo que envuelve imagen y título */
.vuw-post-link {
    display: block;
    text-decoration: none;
}

/* Contenedor de la imagen destacada con overflow oculto para el zoom */
.vuw-thumbnail-wrap {
    display: block;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 0.65em;
    line-height: 0;
}

/* Imagen destacada con transición suave para el efecto de zoom */
.vuw-thumbnail-img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.4s ease;
    border-radius: 8px;
}

/* Efecto de zoom leve al posar el puntero sobre la imagen */
.vuw-post-link:hover .vuw-thumbnail-img {
    transform: scale(1.06);
}

/* Título del post con el color secondary del tema */
.vuw-post-title {
    display: block;
    color: var(--wp--preset--color--secondary, #6c757d);
    font-size: 0.95em;
    line-height: 1.45;
    transition: opacity 0.25s ease;
    font-weight: 500;
}

/* Reduce ligeramente la opacidad del título al hacer hover */
.vuw-post-link:hover .vuw-post-title {
    opacity: 0.75;
}