/* --- ESTILOS EXCLUSIVOS PARA LA PÁGINA DE EDUCACIÓN SIN FILTROS --- */

/* 1. Ocultar la columna del autor y expandir el blog solo en esta página */
.page-id-657 .wp-block-column.wp-container-core-column-is-layout-9ff6af70 {
    display: none !important;
}

.page-id-657 .wp-block-columns .wp-block-column:first-child {
    flex-basis: 100% !important;
    max-width: 100% !important;
}

/* 2. Título principal elegante con línea de acento azul */
.page-id-657 h1, 
.page-id-657 .wp-block-heading {
    font-family: 'Georgia', serif !important;
    color: #1a365d !important;
    text-align: center !important;
    font-size: 48px !important;
    font-weight: 900 !important;
    padding: 40px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    border-bottom: 3px solid #0066cc !important;
    margin-bottom: 50px !important;
}

/* 3. Diseño de tarjetas llamativo y colorido */
.page-id-657 .blog-list-content {
    background: white !important;
    border-radius: 25px !important;
    border-left: 8px solid #0066cc !important; /* Borde de acento colorido */
    box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative !important;
    overflow: hidden !important;
}

.page-id-657 .blog-list-content:hover {
    transform: translateY(-10px) scale(1.02) !important;
    border-left-color: #00c6ff !important;
    box-shadow: 0 25px 50px rgba(0, 102, 204, 0.2) !important;
}

/* Área de texto con efecto Glassmorphism sobre la imagen */
.page-id-657 .post-content-bottom {
    position: absolute !important;
    bottom: 0 !important;
    width: 100% !important;
    padding: 25px !important;
    z-index: 2 !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    background: rgba(0, 0, 0, 0.3) !important; /* Oscurecemos un poco para legibilidad */
}

/* Título de la tarjeta en blanco para resaltar */
.page-id-657 .post-content-bottom h3 a {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
}

/* Badge de información (Fecha/Autor) colorido */
.page-id-657 .post-content-bottom p,
.page-id-657 .post-meta-info {
    display: inline-block !important;
    background: linear-gradient(90deg, #0066cc, #00c6ff) !important;
    color: white !important;
    padding: 5px 15px !important;
    border-radius: 50px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 10px rgba(0, 102, 204, 0.3) !important;
}
/* --- TÍTULO ACADÉMICO FORMAL --- */

.page-id-657 h1.wp-block-heading, 
.page-id-657 .elementor-heading-title,
.page-id-657 h2.wp-block-post-title {
    /* Tipografía con Serif clásica (Georgia es muy segura y elegante) */
    font-family: 'Georgia', Times, serif !important;
    font-size: 3.2rem !important; /* Tamaño grande pero equilibrado */
    font-weight: 700 !important;
    text-align: center !important;
    display: block !important;
    margin: 50px auto 20px !important;
    
    /* Color sólido: Azul marino muy oscuro (Denota confianza y seriedad) */
    color: #1a2a40 !important; 
    -webkit-text-fill-color: #1a2a40 !important; /* Reseteamos el transparente anterior */
    background: none !important; /* Quitamos el degradado */
    
    /* Refinamiento visual */
    letter-spacing: 0.5px !important; /* Espaciado ligero para facilitar lectura */
    line-height: 1.2 !important;
    text-transform: none !important; /* Mantiene mayúsculas y minúsculas naturales */
    font-style: italic !important; /* Un toque de elegancia académica */
}

/* Línea decorativa delgada y sobria debajo del título */
.page-id-657 h1.wp-block-heading::after,
.page-id-657 .elementor-heading-title::after {
    content: "" !important;
    display: block !important;
    width: 80px !important; /* Más corta y discreta */
    height: 2px !important; /* Más delgada */
    background: #0066cc !important; /* Color de acento institucional */
    margin: 20px auto 0 !important;
}

/* Prefijo sutil (opcional, lo hace ver como un diario oficial) */
.page-id-657 h1.wp-block-heading::before {
    content: "BLOG DE INVESTIGACIÓN" !important;
    display: block !important;
    font-family: 'Arial', sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 4px !important;
    color: #b0b0b0 !important;
    margin-bottom: 8px !important;
    text-transform: uppercase !important;
    font-style: normal !important;
}

/* --- REDUCCIÓN DE ESPACIO ENTRE CABECERA Y TÍTULO --- */

/* 1. Eliminamos el padding superior del contenedor de la página */
.page-id-657 .site-content,
.page-id-657 .entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 2. Ajustamos el margen del primer bloque (donde está el título) */
.page-id-657 .wp-block-group,
.page-id-657 .elementor-section-wrap > section:first-child {
    padding-top: 10px !important; /* Ajusta este valor si quieres más o menos espacio */
    margin-top: 0 !important;
}

/* 3. Ajuste específico del título modificado */
.page-id-657 h1.wp-block-heading, 
.page-id-657 .elementor-heading-title {
    margin-top: 20px !important; /* Reduce el margen superior que pusimos antes */
}

/* 4. Si hay una barra de navegación con margen inferior, la recortamos */
.page-id-657 header, 
.page-id-657 .site-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* --- SEPARACIÓN COMPACTA Y SEGURA (SIN ROMPER EL SCRIPT) --- */

/* 1. Forzamos a que las tarjetas estén siempre visibles */
.page-id-657 .grid-item, 
.page-id-657 article.post,
.page-id-657 .blog-list-content {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 2. Reducimos el espacio interno que las empuja hacia los lados */
.page-id-657 .grid-item {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* 3. Le damos una separación hacia abajo moderada y elegante */
.page-id-657 .blog-list-content {
    margin-bottom: 25px !important;
}

/* 4. Separación equilibrada entre el título principal y la primera fila de tarjetas */
.page-id-657 h1.wp-block-heading, 
.page-id-657 .elementor-heading-title {
    margin-bottom: 40px !important;
}

/* --- OCULTAR COLUMNA DE AUTOR EN ENTRADAS INDIVIDUALES --- */

/* Oculta la columna derecha del autor en las lecturas */
.single-post .wp-block-column.wp-container-core-column-is-layout-9ff6af70 {
    display: none !important;
}

/* Hace que el texto del artículo se expanda al 100% de ancho */
.single-post .wp-block-columns .wp-block-column:first-child {
    flex-basis: 100% !important;
    max-width: 100% !important;
}