/* ========================================
   Estilos personalizados ISEP Blog v3
   Compatible con Masonry
   ======================================== */

/* Asegurar que las imágenes se muestren correctamente con Masonry */
.elementor-post__thumbnail {
    overflow: hidden !important;
}

.elementor-post__thumbnail img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Hover sutil - solo sombra */
.elementor-post {
    transition: box-shadow 0.3s ease !important;
}

.elementor-post:hover {
    box-shadow: 0 5px 20px rgba(0,0,0,0.12) !important;
}

/* Badge de categoría */
.elementor-post__badge {
    background: #f26522 !important;
    color: white !important;
}

/* Títulos */
.elementor-post__title a {
    color: #1e3a5f !important;
    transition: color 0.3s ease;
}

.elementor-post__title a:hover {
    color: #f26522 !important;
}

/* Read More */
.elementor-post__read-more {
    color: #f26522 !important;
    font-weight: 600;
    transition: color 0.3s ease;
}

.elementor-post__read-more:hover {
    color: #1e3a5f !important;
}

/* Meta info */
.elementor-post__meta-data {
    color: #666 !important;
    font-size: 0.9em;
}

/* Excerpt */
.elementor-post__excerpt {
    color: #555;
    line-height: 1.6;
}

/* Nav Menu de filtros */
.elementor-nav-menu--main .elementor-item {
    padding: 10px 20px !important;
    border-radius: 25px !important;
    margin: 5px !important;
    background: white !important;
    border: 1px solid #ddd !important;
    transition: all 0.3s ease !important;
}

.elementor-nav-menu--main .elementor-item:hover,
.elementor-nav-menu--main .elementor-item.elementor-item-active {
    background: #f26522 !important;
    color: white !important;
    border-color: #f26522 !important;
}