/* Sección Noticias (src/Front/Noticias.php): página /noticias/, bloque de la portada y ficha. */
.fnot, .fnot-portada, .fnot-migas, .fnot-cabecera, .fnot-lateral, .fnot-contiguas, .fnot-mas {
	--fnot-granate: #6B1316;
	--fnot-granate-hover: #991d21;
	--fnot-rosa: #EEE3E3;
	--fnot-rosa-suave: #f7f1f1;
	--fnot-texto: #242424;
	--fnot-suave: #5f5656;
	--fnot-linea: #e2d4d4;
}
.fnot h2, .fnot h3, .fnot-portada h3, .fnot-mas h2, .fnot-mas h3 { text-wrap: balance; margin: 0; padding: 0; }
.fnot-label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--fnot-suave); margin: 0; }
.fnot-fecha { font-size: 13px; font-weight: 700; color: var(--fnot-granate); font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.fnot-doc { display: inline-block; font-size: 11.5px; font-weight: 700; line-height: 1.7; color: var(--fnot-suave); border: 1px solid var(--fnot-linea); padding: 0 7px; }
.fnot-meta { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; margin: 0; }
.fnot-leer { font-size: 13.5px; font-weight: 700; color: var(--fnot-granate); }

/* Entrada y buscador */
.fnot-entrada { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 36px; align-items: center; }
.fnot-entrada b { font-weight: 700; }
.fnot-entrada p { margin: 0; max-width: 62ch; }
.fnot-buscador { background: var(--fnot-rosa); padding: 18px 20px; display: grid; gap: 10px; margin: 0; }
.fnot-campo { display: flex; align-items: center; gap: 10px; background: #fff; border-radius: 24px; padding: 6px 8px 6px 18px; }
.fnot-campo input[type="search"] { flex: 1; min-width: 0; border: 0 !important; background: transparent !important; box-shadow: none !important; font: inherit; padding: 6px 0 !important; height: auto; min-height: 0; color: var(--fnot-texto); }
.fnot-lupa { border: 0 !important; background: var(--fnot-granate) !important; color: #fff !important; border-radius: 50% !important; width: 36px; height: 36px; padding: 0 !important; cursor: pointer; display: grid; place-items: center; flex: none; line-height: 1; }
.fnot-lupa:hover { background: var(--fnot-granate-hover) !important; }
.fnot-lupa { display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; box-shadow: none !important; }
.fnot-lupa svg { display: block; width: 16px; height: 16px; margin: 0 !important; }
.fnot-lupa svg circle, .fnot-lupa svg path { stroke: #fff !important; fill: none !important; }
.fnot-check { display: flex; gap: 8px; align-items: center; font-size: 14px; cursor: pointer; }
/* Impreza oculta la casilla nativa: se recupera */
.fnot-check input[type="checkbox"] { -webkit-appearance: checkbox !important; appearance: auto !important; accent-color: var(--fnot-granate); width: 16px !important; height: 16px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; position: static !important; opacity: 1 !important; flex: none; }
.fnot-check input[type="checkbox"]::before, .fnot-check input[type="checkbox"]::after { display: none !important; }

/* Lista y columna de años (a la derecha) */
.fnot-cuerpo { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 44px; padding-top: 38px; align-items: start; }
.fnot-lista { min-width: 0; }
.fnot-lista-cab { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 16px; margin-bottom: 18px; }
.fnot-lista-cab h2 { font-size: 22px; }
.fnot-lista-cab p { margin: 0; color: var(--fnot-suave); font-size: 14px; }
.fnot-vacio { padding: 18px 0; }
.fnot-destacada { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 26px; background: var(--fnot-rosa-suave); padding: 22px; margin-bottom: 28px; }
.fnot-destacada.sin-img { grid-template-columns: minmax(0, 1fr); }
.fnot-destacada img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; max-width: 100%; height: auto; }
.fnot-txt { display: grid; gap: 8px; align-content: start; min-width: 0; }
.fnot-destacada h3 { font-size: 23px; line-height: 1.3; }
.fnot-destacada h3 a, .fnot-noticia h3 a, .fnot-home h3 a, .fnot-tres h3 a { color: var(--fnot-texto); }
.fnot-destacada h3 a:hover, .fnot-noticia h3 a:hover, .fnot-home h3 a:hover, .fnot-tres h3 a:hover { color: var(--fnot-granate); }
.fnot-txt p { margin: 0; color: var(--fnot-suave); font-size: 15px; line-height: 1.6; text-align: left; }
.fnot-noticia { display: grid; grid-template-columns: minmax(0, 1fr) 132px; gap: 22px; padding: 20px 0; border-top: 1px solid var(--fnot-linea); }
.fnot-noticia h3 { font-size: 17px; line-height: 1.35; }
.fnot-noticia img, .fnot-sinimg { width: 132px; height: 132px; object-fit: cover; display: block; max-width: 100%; }
.fnot-sinimg { background: var(--fnot-rosa-suave); display: grid; place-items: center; font-weight: 700; font-size: 12px; color: var(--fnot-suave); }
.fnot-pag { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 26px; font-variant-numeric: tabular-nums; }
.fnot-pag a, .fnot-pag span { min-width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--fnot-linea); color: var(--fnot-texto); font-weight: 700; font-size: 14px; padding: 0 8px; }
.fnot-pag a:hover { border-color: var(--fnot-granate); color: var(--fnot-granate); }
.fnot-pag .on { background: var(--fnot-granate); border-color: var(--fnot-granate); color: #fff; }
.fnot-pag .puntos { border: 0; }

.fnot-anios { position: sticky; top: 120px; display: grid; gap: 10px; }
.fnot-anios ol { display: grid; gap: 2px; list-style: none; margin: 0; padding: 0; }
.fnot-anios li { margin: 0; }
.fnot-anios a { display: grid; grid-template-columns: 46px minmax(0, 1fr) 32px; gap: 8px; align-items: center; color: var(--fnot-texto); font-size: 14px; font-weight: 600; padding: 3px 6px; font-variant-numeric: tabular-nums; }
.fnot-anios a:hover { background: var(--fnot-rosa-suave); }
.fnot-anios a.on { background: var(--fnot-rosa); color: var(--fnot-granate); }
.fnot-anios i { display: block; height: 6px; background: var(--fnot-linea); border-radius: 3px; }
.fnot-anios i b { display: block; height: 100%; background: var(--fnot-granate); border-radius: 3px; opacity: .75; }
.fnot-anios span:last-child { text-align: right; color: var(--fnot-suave); font-size: 12.5px; }
.fnot-anios select { display: none; }

/* Bloque de la portada */
.fnot-portada { display: grid; gap: 16px; }
.fnot-home { display: grid; grid-template-columns: minmax(0, 1fr) 160px; gap: 22px; background: var(--fnot-rosa-suave); padding: 18px 20px; }
.fnot-home.sin-img { grid-template-columns: minmax(0, 1fr); }
.fnot-home h3 { font-size: 19px; line-height: 1.35; }
.fnot-home img { width: 160px; height: 160px; object-fit: cover; max-width: 100%; }

/* Ficha */
.fnot-migas { font-size: 14px; color: var(--fnot-suave); }
.fnot-migas a { color: var(--fnot-granate); }
.fnot-cabecera { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; margin-top: 10px; }
.fnot-cabecera .fnot-fecha { font-size: 15px; }
.fnot-idioma { font-size: 13px; font-weight: 700; border: 1px solid var(--fnot-granate); padding: 1px 10px; color: var(--fnot-granate); }
.fnot-idioma:hover { background: var(--fnot-granate); color: #fff; }
.fnot-lateral { display: grid; gap: 22px; }
.fnot-caja { border: 1px solid var(--fnot-linea); padding: 18px 20px; display: grid; gap: 12px; }
.fnot-boton { display: flex; justify-content: space-between; align-items: center; gap: 10px; background: var(--fnot-granate); color: #fff !important; font-weight: 700; padding: 12px 16px; }
.fnot-boton:hover { background: var(--fnot-granate-hover); }
.fnot-boton small { display: block; font-weight: 600; opacity: .85; font-size: 12.5px; word-break: break-all; }
.fnot-compartir { display: flex; flex-wrap: wrap; gap: 6px 14px; font-weight: 700; font-size: 14px; }
.fnot-compartir a { color: var(--fnot-granate); }
.fnot-contiguas { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; border-top: 1px solid var(--fnot-linea); border-bottom: 1px solid var(--fnot-linea); padding: 16px 0; margin-top: 24px; }
.fnot-contiguas > * { display: grid; gap: 4px; color: var(--fnot-texto); font-size: 15px; font-weight: 600; }
.fnot-contiguas > *:last-child { text-align: right; }
.fnot-contiguas small { color: var(--fnot-suave); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; font-weight: 700; }
.fnot-contiguas em { color: var(--fnot-suave); font-style: normal; font-weight: 400; }
.fnot-mas { background: var(--fnot-rosa-suave); padding: 32px 36px 40px; }
.fnot-mas-cab { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 16px; }
.fnot-mas-cab h2 { font-size: 22px; }
.fnot-mas-cab a { font-weight: 700; font-size: 14px; color: var(--fnot-granate); }
.fnot-tres { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 18px; }
.fnot-tres article { border-top: 2px solid var(--fnot-granate); padding-top: 12px; display: grid; gap: 6px; align-content: start; min-width: 0; }
.fnot-tres h3 { font-size: 16px; line-height: 1.35; }

@media (max-width: 900px) {
	.fnot-entrada, .fnot-cuerpo { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.fnot-anios { position: static; order: -1; }
	.fnot-anios ol { display: none; }
	.fnot-anios select { display: block; font: inherit; padding: 8px 10px; border: 1px solid var(--fnot-linea); background: #fff; color: var(--fnot-texto); }
	.fnot-tres { grid-template-columns: minmax(0, 1fr); }
	.fnot-mas { padding: 24px 20px 30px; }
}
@media (max-width: 600px) {
	.fnot-destacada { grid-template-columns: minmax(0, 1fr); padding: 16px; }
	.fnot-noticia { grid-template-columns: minmax(0, 1fr) 84px; gap: 14px; }
	.fnot-noticia img, .fnot-sinimg { width: 84px; height: 84px; }
	.fnot-home { grid-template-columns: minmax(0, 1fr); }
	.fnot-home img { width: 100%; height: auto; aspect-ratio: 16 / 9; }
	.fnot-contiguas { grid-template-columns: minmax(0, 1fr); }
	.fnot-contiguas > *:last-child { text-align: left; }
}

/* Ficha: imagen destacada contenida (algunas son muy altas) y navegación debajo de las
   imágenes flotantes del texto */
body.single-post .w-post-elm.post_image { background: #f7f1f1; text-align: center; margin-bottom: 8px; }
body.single-post .w-post-elm.post_image img { max-height: 440px; width: auto; max-width: 100%; margin: 0 auto; display: block; object-fit: contain; }
.fnot-contiguas { clear: both; }

/* Imágenes dentro del texto de una noticia: nunca más anchas que la columna */
body.single-post .w-post-elm.post_content img { max-width: 100%; height: auto; }
body.single-post .w-post-elm.post_content img[src*="captura-"] { border: 1px solid #e2d4d4; margin: 8px 0; }

/* Portada: noticia más reciente destacada ([forulege_noticias_portada destacada="1"]) */
.fnot-destacada-home { margin-bottom: 0; background: var(--fnot-rosa-suave); border-top: 3px solid var(--fnot-granate); }
/* Con la destacada, las demás van en blanco (como en /noticias/) */
.fnot-destacada-home ~ .fnot-home { background: #fff; border: 1px solid var(--fnot-linea); }
.fnot-destacada-home h3 { font-size: 22px; }
@media (max-width: 600px) { .fnot-destacada-home { grid-template-columns: minmax(0, 1fr); } }

/* Estilo del diseño original (portada y /noticias/, aprobado el 2026-10-20):
   títulos europa 24 px en negrita, cuerpo europa 16 px, fecha sobre fondo granate */
.fnot-clasico h3, .fnot-clasico .fnot-destacada h3 { font-family: var(--font-family, europa, sans-serif); font-weight: 700; font-size: 24px; line-height: 1.25; letter-spacing: -.01em; }
.fnot-clasico .fnot-destacada h3 { font-size: 26px; }
.fnot-clasico .fnot-txt p { font-family: var(--font-family, europa, sans-serif); font-size: 16px; font-weight: 400; color: var(--fnot-texto); line-height: 1.55; }
.fnot-clasico .fnot-fecha { justify-self: start; display: inline-block; background: var(--fnot-granate); color: #fff; font-size: 14px; font-weight: 700; padding: 3px 10px; letter-spacing: .02em; }
.fnot-clasico .fnot-meta { gap: 6px 10px; }
.fnot-clasico .fnot-leer { font-size: 15px; }
/* En la lista de /noticias/ las filas tienen imagen pequeña: título algo menor */
.fnot-clasico .fnot-noticia h3 { font-size: 21px; }
.fnot-clasico .fnot-lista-cab h2 { font-family: var(--font-family, europa, sans-serif); font-weight: 700; }
@media (max-width: 600px) { .fnot-clasico h3, .fnot-clasico .fnot-destacada h3 { font-size: 20px; } }
