/**
Theme Name: TOLEDODIARIO 28 10
Author: JULIO LÓPEZ
Author URI: https://toledodiario.es/
Description: Tema hijo personalizado basado en ASTRA para Toledodiario
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: toledodiario
Template: astra
*/


/* caja pie de foto entradas**/
figcaption {
    position: relative;
    margin: 0px 0 15px !important;
    padding: 6px 16px;
    background-color: rgba(220, 220, 220, .44);
    font-family: "Encode Sans", Verdana, sans-serif;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 14px;
    letter-spacing: .2px;
    color: #090909;
    color: #000;
    text-decoration: none;
}
/* ajuste imagen destacada entradas para que llene caja**/
.post-thumb img {
    width: 100%;
    height: 100%;
}

/* AJUSTE MARGENES CONTENEDOR Target Gutenberg columns */
.wp-block-columns.is-style-borders {
  max-width: 1400px !important; /* adjust this value */
  margin-left: auto !important;
  margin-right: auto !important;
}



/* corrección muestra autor */
.byline {
    display: initial;
	color:blueviolet;
}
.author-prefix
 {
    display: none;
/* oculta"por" enautor */
}

/* color autor en bloque portada opinion */
.opinion .url.fn.n {
    color: white !important;
}




/*****FUENTES AJUSTES********/
@media only screen and (min-width: 782px) {
    .port_list_b .entry-title {
        font-size: 20PX !IMPORTANT;
    }
}

.port_list_b .entry-title a {

}
.port_list_a .entry-title a {
  
}
/*mouse over */
.wpnbha .entry-title a:hover {
    color: #528183;
}
/***/
/* AJUSTE IMAGEN DESTACADA 1**/

.port_list_a.wp-block-newspack-blocks-homepage-articles .post-thumbnail img {
	aspect-ratio: 16 / 9;
    object-fit: cover;
}

/* ajusto texto autor y fecha**/
.entry-meta * {
    line-height: 1.45;
    color: #008d95;
	font-weight: 100;
	letter-spacing: 0.1px;
}


/***************+************/
/*enlaces Relacionados en entrada-->*/
 .relacionadas_n  {
	 display: block;
	 text-align: left;
    font: normal 500 19px/1.278 sans-serif;
	  line-height: 1.4;
	 letter-spacing:0.6px;
    margin-top: 6px;
	 margin-bottom:6px;
color: #588984;
	 padding: 3px 0px 0px 0px;
}
.relacionadas_ent  {
	 display: block;
    font: normal 500 19px/1.278 sans-serif;
	  line-height: 1;
    margin-top: 6px;
	 margin-bottom:6px;
color: #8fa19f;

}
/*ETIQUETA EN ENTRADA-->
.etiqueta_n {
	
	text-transform: uppercase;
	 color: #9e9e9e;
	letter-spacing: 4px!important;
}*/

/*ENTRADILLA EN ENTRADA-->*/
 .entradilla_n {
	 display: block;
    font: lighter 100 19px/1.278 sans-serif;
       text-transform: uppercase;
    color: #046b71;
    margin-top: 17px;
	 margin-bottom:5px;

}
@media (max-width: 600px){
.entradilla_n {
    font-size: 1.3rem;
	letter-spacing: -.01em;
    line-height: 1;
	} 
	}


/* FECHA ACTUALIZACI0N POST PREFIJO */
.fecha_post_act:before {
 content: "Actualizada ";
}

/* AJUSTES TITulitos SECCION puntos astra */
.wpnbha .article-section-title{
	content: "";
    font-size: 1.2em !important;
    font-weight: bold;
    color: #058b93;/* Color del texto */
    position: relative;
    display: inline-block;
    padding-top: 10px;     /* espacio para los puntos arriba */
    padding-bottom:5px;  padding-left: 5px; /* margenes */
} 
.article-section-title::before {
      /* punto */
	  content: "";
        position: absolute;
        /* El punto se alinea con el final de la línea (50% del ancho) */
        left: 90%;
        transform: translateX(-50%); /* Ajuste para centrar el punto */
        bottom: 1px;
        width: 18px;
        height: 18px;
        background-color: #bbd3d3;
        border-radius: 50%;
        /* Ajusta el bottom para alinear el punto con la línea si es necesario */
        bottom: -6px; 
    
}
.article-section-title::after {
	 /* líne */
      content: "";
      position: absolute;
      left: 10px;       /* linea arranca después del punto */
      right: 0;
			left: 0px;
      bottom: 1px;      /* para que quede alineado con el centro del círculo */
      height: 2px;
      background-color: #b8d3d3;
	  width: 90%; /* La longitud de la línea */
    }


/***/

/* AJUSTES URGENTE intermitente TITulitos SECCION puntos astra */
@keyframes parpadeo-color {
  0%, 100% {
    color: #93051d;
  }
  50% {
    color: transparent;
  }
}

.urgente h2.article-section-title {
  animation: parpadeo-color 1s infinite;
}

.urgente .article-section-title::before {
  
    background-image: radial-gradient(circle, #93051d 2px, transparent 2px);/* puntos */

}
/***/

/* OCULTA PIE DE FOTO EN RELACIONADAS */
.ast-single-related-posts-container  .featured-image-caption {display:none}
/***/

/****************CINTILLO INI*/
.cintillo {
    position: relative;
    color: #44a3a3;
    font-size: 18px;
    margin-bottom: 4px;
    margin-left: 10px; /* margen izquierdo */
    width: calc(100% - 10px); /* evita desbordes */
}

/* Línea */
.cintillo::after {
    content: "";
    position: absolute;
    left: 10px; /* alinea con el margen izquierdo */
    bottom: 1px;
    height: 4px;
    background-color: #cde9e9;
    width: calc(100% - 20px); /* ajusta ancho para no salir por la derecha */
}

/* Punto */
.cintillo::before {
    content: "";
    position: absolute;
    left: 10px; /* alinea con el margen izquierdo */
    bottom: -6px;
    width: 18px;
    height: 18px;
    background-color: #cde9e9;
    border-radius: 50%;
}


/****************CINTILLO FIN */


/****************ESTILO RELACIONADAS EN PORTADA ACF */
.relacionadas-newspack {
    clear: both; /* Fuerza a que el elemento se posicione debajo de cualquier flotado */
    margin-top: 1rem; /* Espacio entre el artículo y la sección de relacionadas */
	margin-left:14px; 
	padding-top: 2px; 
	padding-left:3px;
 /* La línea de puntos suoperior e inferior */
	border-top: 3px dotted #ccc; 
	  border-bottom: 2px dotted #ccc; margin-bottom: 1.5rem;
}

/* Título de la sección "Relacionado" */
.relacionadas-newspack .relacionadas-title {
    font-weight: bold;
    color: #01565A; 
    font-size: 12px;
	letter-spacing: 0px;
    /*text-transform: uppercase;*/
    margin-bottom: 0.2rem;

}

/* Estilo para los títulos de los posts relacionados */
.relacionadas-newspack .relacionadas-item {
font-weight: 700;
font-family: 'Noto Sans', sans-serif;	
font-size: 0.8rem; 
	letter-spacing: -1px;
	line-height: 1.5;
	 padding-bottom: 8px;
color:#334155;
}
/* Estilo para los enlaces de los títulos */
.relacionadas-newspack .relacionadas-link {
    text-decoration: none; 
}
.relacionadas-newspack .relacionadas-link:hover {
    color: #0087A5;
}
/****************FIN ESTILO RELACIONADAS ACF EN PORTADA */


/* *****ESTILO BLOQUES NEWSPACK RELACIONADAS PORTADA*/


/* *****relacionada foto*/
.relaciona_foto{
	background:#f2f0f0;
	font-size:14px;
}
.relaciona_foto .entry-wrapper {
  display: flex;
  align-items: center;
}
.relaciona_foto .etiqueta-wrapper {
	display:none !important;
}

/* inyección guión antes en relacionadas portada*/
.relaciona_foto .entry-title a::before,
body .relacionada_no_foto .entry-title a::before {
    content: "─ ";
    color: #437791;
    font-weight: bold;      
    margin-right: 0.25em;   
    display: inline-block;
    visibility: visible;
}


/* AJUSTE PARA BLOQUE RELACIONA NOFOTO +info*/
.relaciona_no_foto{
	font-size:14px;
}
/* *****    FIN estilo NEWSPACK RELACIONADAS PORTADA*/



/****************ESTIQUETAS ENTRADAS y PORTADA ESTILOS */

/* ================================================= */
/* TAMAÑO PEQUEÑO (DEFAULT: Páginas, Categorías, etc.) */
/* regla BASE */
/* ================================================= */
.acf-etiqueta{
  
    font-weight: bold !important;
    display: inline-flex;
    align-items: center;
    margin-bottom: 1px;
    text-transform: uppercase;
    /* PEQUEÑO: Ajustes de tamaño y espaciado */
    font-size: 12px;
    gap: 4px; /* Espacio entre el círculo y el texto */
    line-height: 16px; /* Altura de línea más pequeña */
    padding: 1px 3px 0 3px; /* Relleno ajustado para el tamaño pequeño */
}
/* mouse over*/
.acf-etiqueta:hover {
    background-color: #ebf6f8; 
    color: black;            
    cursor: pointer;       
}
/* ajuste color texto y fondo sobre imagen*/
.wpnbha.image-alignbehind .post-has-image .acf-etiqueta{
background-color:#00000082; /* Fondo: oscuro semitransparente */
color: #e5e5e5;
}
.acf-etiqueta.normal::before {
    content: "";
    display: inline-block;
    background-color: #1c9b98;
    border-radius: 50%;
    color: #ffffff !important;
    /* PEQUEÑO: Tamaño del círculo */
    width: 7px;
    height: 7px;
}

/* ------------------------------------------------- */
/* TAMAÑO GRANDE (SOBRESCRIBE SOLO en Posts)         */
/* ------------------------------------------------- */
.single .acf-etiqueta {
    font-size: 1em; 
    gap: 6px; 
    line-height: .8px; 
    /* GRANDE: Restaurar relleno y ajuste fino */
    padding: 0 4px;
}
.single .acf-etiqueta.normal::before {
    /* GRANDE: Restaurar el tamaño del círculo */
    width: 10px;
    height: 10px;
}
/* estilos base */
/* 	URGENTE */
.acf-etiqueta.urgente {
    color: red;
	background-color:#FFFFFFC1!important;
    position: relative;
    padding-left: 22px; /* espacio para la flecha */
	padding-right:4px;
    animation: parpadeo 1s infinite;
	height: 22px;
}

.acf-etiqueta.urgente::before {
    content: "▶"; /* flecha tipo triángulo */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); /* centrar verticalmente */
    font-size: 0.9em; /* ajustar tamaño si quieres */
}

@keyframes parpadeo {
0%, 100% {
    color: #93051d;
  }
  50% {
    color: transparent;
  }
}
/* AVISO */
.acf-etiqueta.aviso {
    color: #000000;
    position: relative;
    padding-left: 20px;
    padding-right: 4px;
    height: 22px;
line-height: 22px;}
.acf-etiqueta.aviso::before {
    content: ""; 
    display: inline-block;
    width: 12px; 
    height: 12px; 
    background-color: #FFA500;
    border-radius: 2px; 
    position: absolute;
    left: 4px; 
    top: 50%;
    transform: translateY(-50%); 
    animation: parpadeo-recuadro 1s infinite;
}

/* Keyframes para la intermitencia del RECUADRO */
@keyframes parpadeo-recuadro {
    0%, 100% {
        background-color: #FFA500; 
    }
    80% {
        background-color: #FFD700; 
    }
}

/* ULTIMA HORA - SIN FONDO */
.acf-etiqueta.ultima_h {
    /* Estilos del texto */
    color: #000000;
    font-weight: bold;
    /* Estilos de la caja */
    position: relative;
    /* Reducimos el padding-left, ya que la línea horizontal va bajo el texto o muy cerca */
    padding-left: 4px; 
    padding-right: 4px;
    height: 22px;
    line-height: 22px;
    background-color: transparent; 
    border-radius: 0; 
}

/* El pseudo-elemento que crea la LÍNEA HORIZONTAL */
.acf-etiqueta.ultima_h::before {
    content: ""; 
    display: block; /* Importante: Cambiamos a 'block' para ocupar su propia fila si es necesario */
    /* CAMBIO CLAVE: hacemos que sea una línea larga y delgada */
    width: 100%; /* Ocupa el ancho completo de la etiqueta */
    height: 2px; /* Grosor de la línea (muy delgada) */
    
    background-color: #FF0000; /* Color Rojo para la línea */
    border-radius: 1px; 
    position: absolute;
    /* Movemos la línea a la parte inferior de la caja */
    left: 0; 
    bottom: 0; /* Coloca la línea en la parte de abajo */
    top: auto; /* Desactivamos el centrado vertical 'top: 50%;' anterior */
    
    /* Aplicamos la animación 'ultima' */
    /* Usamos un transform original diferente porque no necesitamos centrarla con translateY */
    transform: translateX(0); 
    animation: ultima_h 1.2s ease-in-out infinite; 
}

/* --- */

/* Keyframes para la animación 'ultima' (Rebote Horizontal) - AJUSTADOS */
@keyframes ultima_h {
    0% {
        /* Posición inicial */
        /* Ahora solo necesitamos controlar el movimiento horizontal */
        transform: translateX(0); 
    }
    50% {
        /* Se aleja 4px a la derecha */
        transform: translateX(4px); 
    }
    100% {
        /* Vuelve a la posición inicial */
        transform: translateX(0);
    }
}

/* EXCLUSIVA */
.acf-etiqueta.exclusiva {
    color: #000000;
    position: relative;
    padding-left: 20px;
    padding-right: 4px;
    height: 22px;
    line-height: 22px;
}

.acf-etiqueta.exclusiva::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #1c5659;
    border-radius: 2px;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    animation: parpadeo-exclusiva 1s infinite;
}

@keyframes parpadeo-exclusiva {
    0%, 100% {
        background-color: #1c5659;
    }
    50% {
        background-color: #1dcad3; 
    }
}


/* FLECHA - Usando Font Awesome */
.acf-etiqueta.flecha {
    color: #000000;
    position: relative;
    padding-left: 20px;
    padding-right: 4px;
    height: 22px;
    line-height: 22px;
}

.acf-etiqueta.flecha::before {
    content: "▶"; /* flecha tipo triángulo */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); /* centrar verticalmente */
    font-size: 0.9em; /* ajustar tamaño si quieres */
	color: #007f3e;
}

/* DESTACADO */
.acf-etiqueta.destacado {
    padding-left: 20px;
    position: relative;
    height: 22px; 
    line-height: 22px; 
    display: inline-block;
    color: #000000;
}

.acf-etiqueta.destacado::before {
    content: ""; 
    display: inline-block;
    width: 14px; 
    height: 8px; 
    background-color: #E91E63; 
    position: absolute;
    left: 4px; 
    top: 50%;
    transform: translateY(-50%);
    
}
/* OPINION */
.acf-etiqueta.opinion {
    padding-left: 20px;
    position: relative;
    height: 22px; 
    line-height: 22px; 
    display: inline-block;
    color: #000000;
}
.acf-etiqueta.opinion::before {
    content: ""; 
    display: inline-block;
    width: 14px; 
    height: 8px; 
    background-color:#00d084; 
    position: absolute;
    left: 4px; 
    top: 50%;
    transform: translateY(-50%);
    
}

/* CULTURA */
.acf-etiqueta.cultura {
    padding-left: 20px;
    position: relative;
    height: 22px; 
    line-height: 22px; 
    display: inline-block;
    color: #000000;
}
.acf-etiqueta.cultura::before {
    content: ""; 
    display: inline-block;
    width: 14px; 
    height: 8px; 
    background-color:#03a9f4; 
    position: absolute;
    left: 4px; 
    top: 50%;
    transform: translateY(-50%);
    
}
/* SUCESO*/
.acf-etiqueta.suceso {
    color: #000000;
    position: relative;
    padding-left: 20px;
    padding-right: 4px;
    height: 22px;
    line-height: 22px;
}
.acf-etiqueta.suceso::before {
    content: "";  
    display: inline-block;
    width: 12px;  
    height: 12px;  
    background-color: #93051d; /* Rojo oscuro inicial */
    border-radius: 2px;  
    position: absolute;
    left: 4px;  
    top: 50%;
    transform: translateY(-50%);  
    animation: parpadeo-suceso 1s infinite; /* Nueva animación */
}

/* Keyframes para la intermitencia del RECUADRO de SUCESO */
@keyframes parpadeo-suceso {
    0%, 100% {
        background-color: #93051d; /* Rojo oscuro */
    }
    80% {
        background-color: #ff0000; /* Rojo brillante para el parpadeo */
    }
}

/* OCIO */
.acf-etiqueta.ocio {
    padding-left: 20px;
    position: relative;
    height: 22px; 
    line-height: 22px; 
    display: inline-block;
    color: #000000;
}
.acf-etiqueta.ocio::before {
    content: "";  
    display: inline-block;
    width: 14px;  
    height: 8px;  
    background-color: #FFA500; /* Naranja (Orange) */
    position: absolute;
    left: 4px;  
    top: 50%;
    transform: translateY(-50%);
}
/* VIAJES */
.acf-etiqueta.viajes {
    padding-left: 20px;
    position: relative;
    height: 22px; 
    line-height: 22px; 
    display: inline-block;
    color: #000000;
}
.acf-etiqueta.viajes::before {
    content: "";  
    display: inline-block;
    width: 14px;  
    height: 8px;  
    background-color: #20b2aa; /* Verde turquesa */
    position: absolute;
    left: 4px;  
    top: 50%;
    transform: translateY(-50%);
}
/* GALERÍA */
.acf-etiqueta.galeria {
    color: #000000;
    position: relative;
    padding-left: 30px; 
    padding-right: 4px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    font-weight: bold;
}

.acf-etiqueta.galeria::before {
    content: ""; 
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    
    /* Cuadro amarillo */
    background-color: #ffc107;
    width: 22px;
    height: 18px;
    border-radius: 3px;
    
    /* Trazado del icono inyectado directamente (SVG Path) */
    /* El icono es un 20% más pequeño que el anterior (size: 10px) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M149.1 64.8L138.7 96H64C28.7 96 0 124.7 0 160V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64H373.3L362.9 64.8C356.4 45.2 338.1 32 317.4 32H194.6c-20.7 0-39 13.2-45.5 32.8zM256 192a96 96 0 1 1 0 192 96 96 0 1 1 0-192z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px; 
}

/* ENTREVISTA */
.acf-etiqueta.entrevista {
    padding-left: 15px; 
    position: relative;
    height: 22px; 
    line-height: 22px; 
    display: inline-block;
    color: #000000; 
}

.acf-etiqueta.entrevista::before {
    content: "";
    display: inline-block;
    background-color: #3b82f6; 
    border-radius: 50%;
    color: #ffffff !important;
    width: 9px;
    height: 9px;
    position: absolute; 
    left: 4px; 
    top: 50%;
    transform: translateY(-50%); 
}

/* --- ESTILO ALTAVOZ CON FILTRO VERDE --- */
.acf-etiqueta.altavoz {
    display: inline-flex;
    align-items: center;
    color: #437791; /* Texto azul */
    font-weight: 700;
    text-transform: uppercase;
}

.acf-etiqueta.altavoz::before {
    content: "\1F4E2"; /* Icono de megáfono */
    margin-right: 8px;
   
    
    /* FILTRO PARA VERDE CLARO */

    filter: sepia(1) hue-rotate(70deg) saturate(200%) brightness(1.2);
}

/* Hover suave */
.etiqueta-link-wrapper:hover .acf-etiqueta.altavoz {
    opacity: 0.7;
}
/*///////////*

/* BOTONES CARGAR MÁS EN BLOQUES NEWSPACK */

.wpnbha.has-more-button {
    display: flex;
    flex-direction: column;   /* posts arriba, botón abajo */
    align-items: flex-end;    /* botón a la derecha */
}
/* Botón de Newspack */
.wpnbha.has-more-button .wp-block-button__link {
    display: inline-block;
    padding: 0.75em 1.5em;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    border-radius:25px;
    border: none;
    cursor: pointer;
    background-color: var(--ast-global-color-0);
    color: #fff;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* Hover */
.wpnbha.has-more-button .wp-block-button__link:hover {
    background-color: var(--ast-global-color-1);
}
/* *** */

/* BLOQUES NEWSPACK DEGRADADO FOTO FONDO*/
 .post-thumbnail:after {
    background: rgb(165 67 67 / 50%);
background: linear-gradient(0deg,rgba(0, 0, 0, 0.58) 43%, rgba(0, 0, 0, 0.35) 57%, rgba(0, 0, 0, 0.07) 88%)!important;
}
/* *** */

/* LOGO CABECERA EFECTO MOUSEHOVER*/
header .custom-logo-link img {
  transition: filter 0.3s ease;
}

header .custom-logo-link img:hover {
  filter: brightness(0) saturate(100%) invert(32%) sepia(83%) saturate(500%) hue-rotate(140deg) brightness(90%) contrast(95%);
}
/* *** */
/* ======================================================= */
/* AJUSTE CABECERA (NO HOME) */
/* ======================================================= */

/* --- REGLAS APLICADAS SOLO CUANDO NO ES LA HOME (body:not(.home)) --- */
	@media (min-width: 921px) {
/* 1. CAMBIO DE LOGO */
body:not(.home) .site-logo-img .custom-logo-link {
    /* Oculta el logo principal (grande) */
    display: none;
}

body:not(.home) .site-logo-img .sticky-custom-logo {
    /* Muestra el logo secundario (pequeño) */
    display: block !important;
}		
		
/* AJUSTA altura prmer contenedor */
body:not(.home) .ast-primary-header-bar .site-primary-header-wrap{max-height: 55px;
}

/*Efecto HOVER (ZOOM): Se activa SOLO cuando NO es la Home Y en la cabecera es fija */
body:not(.home):not(.ast-sticky-header-active) .sticky-custom-logo img:hover {
    transform: scale(1.05); /* <--- AJUSTA EL VALOR (1.05 para un 5% de zoom) */
}


/* 2. OCULTACIÓN DEL CONTENEDOR BAJO LA CABECERA */
body:not(.home) .ast-below-header-wrap {
    /* Oculta la sección bajo la cabecera 
    display: none;*/
}
/* 4. LÍNEA DE PUNTOS DEBAJO DE LA CABECERA (SOLO FUERA DE HOME) */
body:not(.home) .site-header {
    /* Define un borde inferior punteado con el color que tú elijas */
    border-bottom: 1px dotted #93D5DB; /* <--- SUSTITUYE #CC0000 POR TU COLOR */
	    border-top: 1px dotted #93D5DB; /* <--- SUSTITUYE #CC0000 POR TU COLOR */
}

/* 1. Fondo gris para la barra de menú "Below Header" */
body:not(.home) .site-below-header-wrap {
    background-color: #E3E6E6; /* Gris */
}

/* menu cabecera no home*/
/* Esto apunta a los enlaces (a) dentro de los ítems (li) del menú */
body:not(.home) .site-below-header-wrap .main-header-menu .menu-item a {
    color: #205252; 
}

/* 3. (Opcional) Color verde más claro al pasar el ratón (hover) */
body:not(.home) .site-below-header-wrap .main-header-menu .menu-item a:hover {
    color: #1E9C9C;
}
/* ========================================================= */
/* menu submenus fuera de home */
/* ========================================================= */

/* 1. Fondo para la barra principal (fuera de la home) */
body:not(.home) .site-below-header-wrap.ast-builder-grid-row-container {
    background-color: #d1e9e9 !important; 
}

/* 2. Enlaces en la barra principal (fuera de la home) */
body:not(.home) .site-below-header-wrap .main-header-menu .menu-link {
    color: #254747 !important; 
}

/* 3. Estilo HOVER de enlaces principales (fuera de la home) */
body:not(.home) .site-below-header-wrap .main-header-menu .menu-link:hover {
    color: #3E7575 !important; 
    background-color: transparent !important;
}

/* 4. Fondo Submenú/Desplegable (fuera de la home) */
body:not(.home) .site-below-header-wrap .sub-menu {
    background-color: #d1e9e9db !important;
}

/* 5. Enlaces dentro del Submenú (fuera de la home) */
body:not(.home) .site-below-header-wrap .sub-menu .menu-item a {
    color: #254747 !important; /
}

/* 6. Estilo HOVER dentro del submenú (fuera de la home) */
body:not(.home) .site-below-header-wrap .sub-menu .menu-item a:hover {
    background-color: #b6c8c7c9 !important; 
    color: #346666 !important; 
}
}
/* --- REGLA NECESARIA EN LA HOME --- */

/* --- AJUSTE COLOR FONDO CONTENEDOR SECCIONES HOOK --- */
.ast-separate-container.ast-box-layout #content .ast-container {
       background-color: #feffff !important;
}
/* *** */


/* --- BLOQUES NEWSPACK GRID FUERZA CUADRICULA 2 COL EN MOVIL SI TIENE CLASE dos_columnas_movil y controla tipografia--- */

@media (max-width: 782px) {
    
    /* 1. FUERZA EL DISEÑO A GRID DE 2 COLUMNAS */
    .wp-block-newspack-blocks-homepage-articles.dos_columnas_movil > div[data-posts] {
        display: grid !important; 
        grid-template-columns: 1fr 1fr !important;
        gap: 1rem !important; 
        
        /* Limpieza general para asegurar el ancho */
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 2. ASEGURA QUE LOS ARTÍCULOS SE AJUSTEN AL GRID */
    .wp-block-newspack-blocks-homepage-articles.dos_columnas_movil > div[data-posts] > article {
        width: auto !important; 
        flex-basis: auto !important; 
        margin: 0 !important; 
    }

    /* 3. AJUSTAR TAMAÑO DE FUENTE DEL TÍTULO A 0.9em (NUEVA REGLA) */
    .wp-block-newspack-blocks-homepage-articles.dos_columnas_movil h2.entry-title {
        font-size: 0.9em !important;
        /* Asegurar que el título no tenga un margen superior/inferior excesivo */
        line-height: 1.2 !important; 
    }
    
    /* 4. Opcional: ajustar el tamaño de fuente de la meta-información (por si acaso) */
    .wp-block-newspack-blocks-homepage-articles.dos_columnas_movil .entry-meta {
        font-size: 0.8em !important;
    }
}

/* *** */

/* ALTURA COLUMNAS PUBLI PARA STIKY 600px */
@media (max-width: 768px) {
    .columna_publi {
        min-height: 600px; 
        height: auto;
    }
}
/* *** */