/* ----------------------------------------------------------------- */
/* SOLUCIÓN FINAL (SÓ PARA A ENTRADA 676) */
/* ----------------------------------------------------------------- */

/* 1. EXTENDE O NEGRO PURO A TODA A VENTANA na entrada 676 */
body.postid-676 {
    background-color: #000000 !important; /* Cor negra pura */
}

/* 2. ASEGURA QUE A CABECEIRA É NEGRA (Selectores Ultra-Fortes) */
/* Isto é para que o contido da cabeceira e o corpo da páxina coincidan */
body.postid-676 .site-header,
body.postid-676 .elementor-location-header,
body.postid-676 .ekit-template-content-header {
    background-color: #000000 !important; /* Cor negra pura */
    box-shadow: none !important; /* Elimina sombras que poidan ser brancas */
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. AXUSTES DE IMAXE ANTERIORES (Mantéñense intactos) */
.elementskit-entry-thumb img,
.single-post img { 
    opacity: 1 !important;
    filter: none !important;
    transition: none !important;
}

/* Oculta os botóns de navegación Previous/Next na entrada 676 */
.postid-676 .post-navigation {
    display: none !important;
}

/* Oculta toda a sección de comentarios (se segue visible) */
.postid-676 #comments {
    display: none !important;
}
/* ----------------------------------------------------------------- */
/* 4. QUITAR CORTINA BLANCA NA PÁXINA DE NOVIDADES                   */
/* ----------------------------------------------------------------- */

/* Forza a que as imaxes do blog se vexan co 100% de cor e sen filtros */
.ast-blog-featured-section img,
.ast-post-format- img,
.entry-content img,
.post-thumbnail img,
.elementor-posts-container img {
    opacity: 1 !important;
    filter: none !important;
}

/* Elimina calquera fondo gris ou branco que o tema poña detrás da imaxe */
.ast-blog-single-element .post-thumbnail a,
.post-thumbnail a {
    background: transparent !important;
}
/* ----------------------------------------------------------------- */
/* 5. FONDO ESCURO EN NOVIDADES PARA QUE SE VEXA O LOGO BRANCO       */
/* ----------------------------------------------------------------- */

/* Cambia o fondo da cabeceira (onde vai o logo) só na páxina do blog */
.blog .site-header,
.blog .ast-primary-header-bar {
    background-color: #2c3539 !important; /* Gris antracita elegante */
}

/* Cambia o fondo xeral de toda a páxina de Novidades */
.blog .site-content, 
.archive .site-content {
    background-color: #2c3539 !important; 
}

/* Cambia o fondo das tarxetas das entradas (onde vai o texto) */
/* Pómolas un chisco máis claras para que contrasten co fondo anterior */
.blog .ast-row .ast-article-post,
.archive .ast-row .ast-article-post {
    background-color: #3b444b !important; /* Gris un pouco máis claro */
}

/* Como o fondo agora é escuro, cambiamos os textos das entradas a branco */
.blog .entry-title a,
.blog .entry-content p,
.blog .ast-blog-meta-wrapper,
.blog .ast-blog-meta-wrapper a {
    color: #ffffff !important;
}
/* ----------------------------------------------------------------- */
/* 5. SOLUCIÓN VIOLETA CLARO TOTAL (CABECEIRA, LOGO E FONDO)         */
/* ----------------------------------------------------------------- */

/* 1. Pintar absolutamente todo o fondo e a cabeceira de violeta claro */
body.blog,
body.blog .site-header,
body.blog .main-header-bar,
body.blog .ast-primary-header-bar,
body.blog #content,
body.blog .site-content {
    background-color: #e2daf8 !important; /* Violeta clariño */
    background-image: none !important;
}

/* 2. Deixar as tarxetas das entradas en branco puro para que contrasten */
body.blog .ast-row .ast-article-post,
body.blog .ast-grid-common-col {
    background-color: #ffffff !important; /* Blanco puro */
    border-radius: 12px !important; /* Bordes redondeados modernos */
    padding: 24px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important; /* Sombra suave */
}

/* 3. Asegurar que as letras do menú e textos das entradas sexan escuras */
body.blog .main-header-menu a,
body.blog .entry-title a,
body.blog .entry-content p,
body.blog .ast-blog-meta-wrapper * {
    color: #2b2b2b !important; /* Gris moi escuro, lexible */
}
/* ----------------------------------------------------------------- */
/* 5. SOLUCIÓN ROSA ESCURO TOTAL (CABECEIRA, LOGO E FONDO)           */
/* ----------------------------------------------------------------- */

/* 1. Pintar todo o fondo e a cabeceira de rosa escuro */
body.blog,
body.blog .site-header,
body.blog .main-header-bar,
body.blog .ast-primary-header-bar,
body.blog #content,
body.blog .site-content {
    background-color: #9c27b0 !important; /* Rosa escuro / Maxenta elegante */
    background-image: none !important;
}

/* 2. Deixar as tarxetas das entradas en branco puro para que contrasten */
body.blog .ast-row .ast-article-post,
body.blog .ast-grid-common-col {
    background-color: #ffffff !important; /* Branco puro */
    border-radius: 12px !important; /* Bordes redondeados modernos */
    padding: 24px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important; /* Sombra suave */
}

/* 3. Como o fondo agora é rosa escuro, o menú de arriba ponse en branco */
body.blog .main-header-menu a,
body.blog .main-header-menu a * {
    color: #ffffff !important; /* Letras do menú en branco para que se lean ben */
}

/* 4. Asegurar que o texto de dentro das tarxetas sexa escuro sobre o branco */
body.blog .entry-title a,
body.blog .entry-content p,
body.blog .ast-blog-meta-wrapper * {
    color: #2b2b2b !important; /* Gris moi escuro, lexible */
}
/* ----------------------------------------------------------------- */
/* 5. SOLUCIÓN VERDE OLIVA (#8C887D) CON TARXETAS SEPARADAS          */
/* ----------------------------------------------------------------- */

/* 1. Pintar a cabeceira e o fondo total da páxina co teu verde */
body.blog,
body.blog .site-header,
body.blog .main-header-bar,
body.blog .ast-primary-header-bar,
body.blog #content,
body.blog .site-content {
    background-color: #8C887D !important; /* O teu verde elixido */
    background-image: none !important;
}

/* 2. Recuperar a separación das tarxetas e deixalas en branco */
body.blog .ast-row .ast-article-post {
    background-color: #ffffff !important; /* Branco puro para que resalte o texto */
    border-radius: 12px !important; /* Bordes redondeados modernos */
    padding: 24px !important;
    margin-bottom: 30px !important; /* Isto separa os bloques cara abaixo */
    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important; /* Sombra suave */
}

/* 3. Menú de arriba en branco para que contraste co verde */
body.blog .main-header-menu a,
body.blog .main-header-menu a * {
    color: #ffffff !important; 
}

/* 4. Textos de dentro das tarxetas en escuro sobre o fondo branco */
body.blog .entry-title a,
body.blog .entry-content p,
body.blog .ast-blog-meta-wrapper * {
    color: #2b2b2b !important; 
}