/* ==========================================================================
   🔴 INICIO: MENÚ PRINCIPAL OSCURO (REDES LIBERTARIAS) 🔴
   ========================================================================== */

/* 1. Franja completa en negro */
body.navigation-classic #masthead,
body.navigation-classic #masthead .navigation-wrapper,
body.navigation-classic .primary-navigation,
body.navigation-classic .primary-navigation .menu-primary,
body.navigation-classic .primary-navigation ul,
body.navigation-classic .primary-navigation ul ul {
	background-color: #111111 !important;
	background: #111111 !important;
	border-color: #222222 !important;
}

/* 2. Letras principales y TODAS las flechas/iconos en blanco puro */
body.navigation-classic .primary-navigation .menu-primary > ul > li > a,
body.navigation-classic .primary-navigation a,
body.navigation-classic .primary-navigation a:visited,
body.navigation-classic .primary-navigation button,
body.navigation-classic .primary-navigation *::before,
body.navigation-classic .primary-navigation *::after,
#masthead .primary-navigation *::before,
#masthead .primary-navigation *::after {
	color: #ffffff !important;
	border-top-color: #ffffff !important;
	fill: #ffffff !important;
	stroke: #ffffff !important;
	opacity: 1 !important;
}

/* 3. Anular el fondo rojo al pasar el ratón o en página activa */
body.navigation-classic .primary-navigation .menu-primary > ul > li:hover > a,
body.navigation-classic .primary-navigation .menu-primary > ul > li.focus > a,
body.navigation-classic .primary-navigation .menu-primary > ul > li.current-menu-item > a,
body.navigation-classic .primary-navigation .menu-primary > ul > li.current_page_item > a,
body.navigation-classic .primary-navigation .menu-primary > ul > li.current-menu-ancestor > a,
body.navigation-classic .primary-navigation li:hover > a,
body.navigation-classic .primary-navigation li.focus > a,
body.navigation-classic .primary-navigation li.current-menu-item > a,
body.navigation-classic .primary-navigation li.current_page_item > a,
body.navigation-classic .primary-navigation a:hover,
body.navigation-classic .primary-navigation a:focus,
body.navigation-classic .primary-navigation .dropdown-toggle:hover,
body.navigation-classic .primary-navigation .dropdown-toggle:focus {
	background-color: #111111 !important;
	background: #111111 !important;
	color: #ffffff !important;
}

/* 4. Triángulo superior del desplegable en negro puro (invisible/integrado) */
body.navigation-classic .primary-navigation ul ul:before,
body.navigation-classic .primary-navigation ul ul:after,
#masthead .primary-navigation ul ul::before,
#masthead .primary-navigation ul ul::after {
	border-bottom-color: #111111 !important;
	border-top-color: transparent !important;
}

/* 5. Desplegables (hijos) con fondo negro y letras blancas */
body.navigation-classic .primary-navigation ul ul li,
body.navigation-classic .primary-navigation ul ul a,
body.navigation-classic .primary-navigation ul ul li:hover > a,
body.navigation-classic .primary-navigation ul ul li.focus > a,
body.navigation-classic .primary-navigation ul ul a:hover,
body.navigation-classic .primary-navigation ul ul a:focus {
	background-color: #111111 !important;
	background: #111111 !important;
	color: #ffffff !important;
	border-color: #222222 !important;
}

/* ==========================================================================
   🔴 FIN: MENÚ PRINCIPAL OSCURO (REDES LIBERTARIAS) 🔴
   ========================================================================== */


/* ==========================================================================
   🔵 INICIO: ANCHO COMPLETO E ICONOS REDES SOCIALES (REDES LIBERTARIAS) 🔵
   ========================================================================== */

/* 1. Ampliar el menú a todo el ancho de la pantalla y evitar 2 líneas */
@media screen and (min-width: 1020px) {
	body.navigation-classic .primary-navigation .menu-primary,
	body.navigation-classic .navigation-wrapper {
		max-width: 100% !important;
		width: 100% !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	body.navigation-classic .primary-navigation .menu-primary > ul {
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: center !important;
		align-items: center !important;
		width: 100% !important;
	}

	body.navigation-classic .primary-navigation .menu-primary > ul > li > a {
		padding-left: 14px !important;
		padding-right: 14px !important;
		white-space: nowrap !important;
	}
}

/* 2. Ocultar el texto original de las 3 redes */
body.navigation-classic .primary-navigation li.icono-bsky > a,
body.navigation-classic .primary-navigation li.icono-facebook > a,
body.navigation-classic .primary-navigation li.icono-instagram > a {
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 12px 10px !important;
}

/* 3. Estilo común de los iconos */
body.navigation-classic .primary-navigation li.icono-bsky > a::before,
body.navigation-classic .primary-navigation li.icono-facebook > a::before,
body.navigation-classic .primary-navigation li.icono-instagram > a::before {
	font-family: "Genericons" !important;
	font-size: 18px !important;
	line-height: 1 !important;
	color: #ffffff !important;
	display: inline-block !important;
	font-style: normal !important;
	font-weight: normal !important;
	transition: opacity 0.2s ease !important;
}

body.navigation-classic .primary-navigation li.icono-bsky > a:hover::before,
body.navigation-classic .primary-navigation li.icono-facebook > a:hover::before,
body.navigation-classic .primary-navigation li.icono-instagram > a:hover::before {
	opacity: 0.65 !important;
}

/* 4. Icono Facebook (Genericons nativo de Edin) */
body.navigation-classic .primary-navigation li.icono-facebook > a::before {
	content: "\f204" !important;
}

/* 5. Icono Instagram (Genericons nativo de Edin) */
body.navigation-classic .primary-navigation li.icono-instagram > a::before {
	content: "\f215" !important;
}

/* 6. Icono Bluesky (mariposa tipográfica limpia) */
body.navigation-classic .primary-navigation li.icono-bsky > a::before {
	font-family: sans-serif !important;
	content: "🦋" !important;
	filter: brightness(0) invert(1) !important;
	font-size: 16px !important;
}

/* ==========================================================================
   🔵 FIN: ANCHO COMPLETO E ICONOS REDES SOCIALES (REDES LIBERTARIAS) 🔵
   ========================================================================== */

/* ==========================================================================
   🟢 INICIO: ICONO LUPA BUSCADOR EN MENÚ (REDES LIBERTARIAS) 🟢
   ========================================================================== */

body.navigation-classic .primary-navigation li.icono-lupa > a {
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 12px 10px !important;
}

body.navigation-classic .primary-navigation li.icono-lupa > a::before {
	font-family: "Genericons" !important;
	content: "\f400" !important;
	font-size: 18px !important;
	line-height: 1 !important;
	color: #ffffff !important;
	display: inline-block !important;
	font-style: normal !important;
	font-weight: normal !important;
	transition: opacity 0.2s ease !important;
}

body.navigation-classic .primary-navigation li.icono-lupa > a:hover::before {
	opacity: 0.65 !important;
}

/* ==========================================================================
   🟢 FIN: ICONO LUPA BUSCADOR EN MENÚ (REDES LIBERTARIAS) 🟢
   ========================================================================== */


/* ==========================================================================
   🟡 INICIO: SEPARACIÓN EDITORIAL DE ICONOS A LA DERECHA 🟡
   ========================================================================== */

@media screen and (min-width: 1020px) {
	/* Empuja el primer icono (Bluesky) y todos los que le siguen hacia la derecha */
	body.navigation-classic .primary-navigation li.icono-bsky {
		margin-left: auto !important;
	}

	/* Separación limpia de la lupa sin línea ni bordes de color */
	body.navigation-classic .primary-navigation li.icono-lupa,
	body.navigation-classic .primary-navigation li.icono-lupa:hover,
	body.navigation-classic .primary-navigation li.icono-lupa:focus,
	body.navigation-classic .primary-navigation li.icono-instagram,
	body.navigation-classic .primary-navigation li.icono-instagram:hover {
		border: 0 !important;
		border-left: 0 !important;
		border-right: 0 !important;
		border-color: transparent !important;
	}

	body.navigation-classic .primary-navigation li.icono-lupa {
		margin-left: 14px !important;
	}

	/* Quitar cualquier borde o contorno alrededor de los iconos al pasar el ratón */
	body.navigation-classic .primary-navigation li.icono-bsky a,
	body.navigation-classic .primary-navigation li.icono-facebook a,
	body.navigation-classic .primary-navigation li.icono-instagram a,
	body.navigation-classic .primary-navigation li.icono-lupa a,
	body.navigation-classic .primary-navigation li.icono-lupa a:hover,
	body.navigation-classic .primary-navigation li.icono-lupa a:focus {
		border: 0 !important;
		outline: 0 !important;
		box-shadow: none !important;
	}
}

/* ==========================================================================
   🟡 FIN: SEPARACIÓN EDITORIAL DE ICONOS A LA DERECHA 🟡
   ========================================================================== */




/* ========================================
   1. ESTILOS ORIGINALES
   ======================================== */
.entry-content .wp-block-quote,
.entry-content .wp-block-quote p {
	max-width: 540px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	border-left: none !important;
	padding-left: 0 !important;
	font-size: 1rem !important;
	font-style: normal !important;
	font-family: inherit !important;
}

/* ========================================
   2. AJUSTES GENERALES
   ======================================== */
/* Eliminar espacio vacio de identidad */
.site-branding {
	display: none !important;
}

/* Eliminar franja del titulo solo en inicio */
body.home .hero {
	display: none !important;
}

/* ========================================
   3. PAGINA ESPECIAL HUELGA 11N
   ID 18295
   ======================================== */
/* Ocultar menus */
body.page-id-18295 .navigation-wrapper,
body.page-id-18295 .primary-navigation,
body.page-id-18295 .secondary-navigation,
body.page-id-18295 .header-navigation,
body.page-id-18295 #site-navigation {
	display: none !important;
}

/* Ocultar titulo y cabecera interior */
body.page-id-18295 .hero,
body.page-id-18295 .hero-wrapper,
body.page-id-18295 .page-header,
body.page-id-18295 #post-18295 > .entry-header,
body.page-id-18295 .entry-breadcrumbs {
	display: none !important;
}

/* Ocultar elementos sociales */
body.page-id-18295 .sharedaddy,
body.page-id-18295 .sd-sharing-enabled,
body.page-id-18295 #jp-post-flair,
body.page-id-18295 .jetpack-likes-widget-wrapper,
body.page-id-18295 .wpl-likebox,
body.page-id-18295 .entry-footer {
	display: none !important;
}

/* Ocultar barras laterales */
body.page-id-18295 #secondary,
body.page-id-18295 .widget-area,
body.page-id-18295 .footer-widget-area,
body.page-id-18295 .footer-widgets {
	display: none !important;
}

/* Ampliar area principal */
body.page-id-18295 #primary,
body.page-id-18295 #main,
body.page-id-18295 #post-18295 {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* GIF a ancho completo */
body.page-id-18295 .entry-content {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw !important;
	max-width: 100vw !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.page-id-18295 .entry-content .wp-block-image,
body.page-id-18295 .entry-content figure {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

body.page-id-18295 .entry-content img {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	margin: 0 !important;
}

/* Evitar desplazamiento horizontal */
body.page-id-18295 {
	overflow-x: hidden;
}

/* =====================================
   DIRECTORIO ALFABÉTICO DE AUTORES
   REDES LIBERTARIAS
===================================== */
/* Índice alfabético centrado */
.indice-autores {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px;
	margin: 0 0 25px;
}

/* Diseño de las letras */
.indice-autores a {
	display: inline-block;
	padding: 7px 11px;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	text-align: center;
	transition: all .2s ease;
}

/* Efecto al pasar el ratón */
.indice-autores a:hover {
	background: #eee;
	color: #111;
}

/* Letra seleccionada */
.indice-autores a:target,
.indice-autores:not(:has(a:target)) #letra-a {
	background: #333;
	color: #fff;
	border-color: #333;
}

/* Ocultar inicialmente los autores */
.entry-content:has(.indice-autores)
ul.wp-block-list > li {
	display: none;
}

/* Mostrar la A por defecto */
.entry-content:has(.indice-autores):not(:has(.indice-autores a:target))
ul.wp-block-list > li:has(a[href*="/category/autores-as/a"]) {
	display: list-item;
}

/* Filtrado por letra seleccionada */
.entry-content:has(#letra-a:target) li:has(a[href*="/category/autores-as/a"]),
.entry-content:has(#letra-b:target) li:has(a[href*="/category/autores-as/b"]),
.entry-content:has(#letra-c:target) li:has(a[href*="/category/autores-as/c"]),
.entry-content:has(#letra-d:target) li:has(a[href*="/category/autores-as/d"]),
.entry-content:has(#letra-e:target) li:has(a[href*="/category/autores-as/e"]),
.entry-content:has(#letra-f:target) li:has(a[href*="/category/autores-as/f"]),
.entry-content:has(#letra-g:target) li:has(a[href*="/category/autores-as/g"]),
.entry-content:has(#letra-h:target) li:has(a[href*="/category/autores-as/h"]),
.entry-content:has(#letra-i:target) li:has(a[href*="/category/autores-as/i"]),
.entry-content:has(#letra-j:target) li:has(a[href*="/category/autores-as/j"]),
.entry-content:has(#letra-k:target) li:has(a[href*="/category/autores-as/k"]),
.entry-content:has(#letra-l:target) li:has(a[href*="/category/autores-as/l"]),
.entry-content:has(#letra-m:target) li:has(a[href*="/category/autores-as/m"]),
.entry-content:has(#letra-n:target) li:has(a[href*="/category/autores-as/n"]),
.entry-content:has(#letra-ñ:target) li:has(a[href*="/category/autores-as/ñ"]),
.entry-content:has(#letra-o:target) li:has(a[href*="/category/autores-as/o"]),
.entry-content:has(#letra-p:target) li:has(a[href*="/category/autores-as/p"]),
.entry-content:has(#letra-q:target) li:has(a[href*="/category/autores-as/q"]),
.entry-content:has(#letra-r:target) li:has(a[href*="/category/autores-as/r"]),
.entry-content:has(#letra-s:target) li:has(a[href*="/category/autores-as/s"]),
.entry-content:has(#letra-t:target) li:has(a[href*="/category/autores-as/t"]),
.entry-content:has(#letra-u:target) li:has(a[href*="/category/autores-as/u"]),
.entry-content:has(#letra-v:target) li:has(a[href*="/category/autores-as/v"]),
.entry-content:has(#letra-w:target) li:has(a[href*="/category/autores-as/w"]),
.entry-content:has(#letra-x:target) li:has(a[href*="/category/autores-as/x"]),
.entry-content:has(#letra-y:target) li:has(a[href*="/category/autores-as/y"]),
.entry-content:has(#letra-z:target) li:has(a[href*="/category/autores-as/z"]) {
	display: list-item;
}

/* Adaptación a móviles */
@media (max-width: 600px) {
	.indice-autores {
		gap: 4px;
	}
	
	.indice-autores a {
		padding: 6px 9px;
		font-size: 13px;
	}
}

/* ==========================================
   DIRECTORIO AUTOMATICO DE AUTORES
   REDES LIBERTARIAS
========================================== */
/* INDICE CENTRADO */
.indice-autores-auto {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px;
	margin: 0 0 25px;
}

/* LETRAS */
.indice-autores-auto a {
	display: inline-block;
	padding: 7px 11px;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	transition: all .2s ease;
}

/* AL PASAR EL RATON */
.indice-autores-auto a:hover {
	background: #eee;
	color: #111;
}

/* LETRA SELECCIONADA */
.indice-autores-auto a:target,
.indice-autores-auto:not(:has(a:target)) #auto-a {
	background: #333;
	color: white;
	border-color: #333;
}

/* OCULTAR CATEGORIAS ANTES DE FILTRAR */
/* Solo se activa si existen enlaces de autores */
.autores-automaticos:has(
  a[href*="/category/autores-as/"]
) li {
	display: none;
}

/* MOSTRAR A POR DEFECTO */
body:not(:has(.indice-autores-auto a:target))
.autores-automaticos li:has(
  a[href*="/category/autores-as/a"]
) {
	display: list-item;
}

/* FILTRADO POR LETRAS */
body:has(#auto-a:target) .autores-automaticos li:has(a[href*="/category/autores-as/a"]),
body:has(#auto-b:target) .autores-automaticos li:has(a[href*="/category/autores-as/b"]),
body:has(#auto-c:target) .autores-automaticos li:has(a[href*="/category/autores-as/c"]),
body:has(#auto-d:target) .autores-automaticos li:has(a[href*="/category/autores-as/d"]),
body:has(#auto-e:target) .autores-automaticos li:has(a[href*="/category/autores-as/e"]),
body:has(#auto-f:target) .autores-automaticos li:has(a[href*="/category/autores-as/f"]),
body:has(#auto-g:target) .autores-automaticos li:has(a[href*="/category/autores-as/g"]),
body:has(#auto-h:target) .autores-automaticos li:has(a[href*="/category/autores-as/h"]),
body:has(#auto-i:target) .autores-automaticos li:has(a[href*="/category/autores-as/i"]),
body:has(#auto-j:target) .autores-automaticos li:has(a[href*="/category/autores-as/j"]),
body:has(#auto-k:target) .autores-automaticos li:has(a[href*="/category/autores-as/k"]),
body:has(#auto-l:target) .autores-automaticos li:has(a[href*="/category/autores-as/l"]),
body:has(#auto-m:target) .autores-automaticos li:has(a[href*="/category/autores-as/m"]),
body:has(#auto-n:target) .autores-automaticos li:has(a[href*="/category/autores-as/n"]),
body:has(#auto-nn:target) .autores-automaticos li:has(a[href*="/category/autores-as/ñ"]),
body:has(#auto-o:target) .autores-automaticos li:has(a[href*="/category/autores-as/o"]),
body:has(#auto-p:target) .autores-automaticos li:has(a[href*="/category/autores-as/p"]),
body:has(#auto-q:target) .autores-automaticos li:has(a[href*="/category/autores-as/q"]),
body:has(#auto-r:target) .autores-automaticos li:has(a[href*="/category/autores-as/r"]),
body:has(#auto-s:target) .autores-automaticos li:has(a[href*="/category/autores-as/s"]),
body:has(#auto-t:target) .autores-automaticos li:has(a[href*="/category/autores-as/t"]),
body:has(#auto-u:target) .autores-automaticos li:has(a[href*="/category/autores-as/u"]),
body:has(#auto-v:target) .autores-automaticos li:has(a[href*="/category/autores-as/v"]),
body:has(#auto-w:target) .autores-automaticos li:has(a[href*="/category/autores-as/w"]),
body:has(#auto-x:target) .autores-automaticos li:has(a[href*="/category/autores-as/x"]),
body:has(#auto-y:target) .autores-automaticos li:has(a[href*="/category/autores-as/y"]),
body:has(#auto-z:target) .autores-automaticos li:has(a[href*="/category/autores-as/z"]) {
	display: list-item;
}

/* ADAPTACION A MOVILES */
@media (max-width: 600px) {
	.indice-autores-auto {
		gap: 4px;
	}
	
	.indice-autores-auto a {
		padding: 6px 9px;
		font-size: 13px;
	}
}

/* =====================================
   CORRECCIÓN DE LA LETRA Ñ
   DIRECTORIO AUTOMÁTICO DE AUTORES
===================================== */
/* Ocultar ñamanal cuando se selecciona N */
body:has(#auto-n:target)
.autores-automaticos li:has(
  a[href*="/category/autores-as/namanal/"]
) {
	display: none;
}

/* Mostrar ñamanal cuando se selecciona Ñ */
body:has(#auto-nn:target)
.autores-automaticos li:has(
  a[href*="/category/autores-as/namanal/"]
) {
	display: list-item;
}

/* =====================================
   INDICE AUTORES EN DOS FILAS
   REDES LIBERTARIAS
===================================== */
/* Distribucion del indice */
.indice-autores-auto {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px 4px;
	width: 100%;
	margin: 0 auto 25px;
}

/* Tamaño de cada letra */
.indice-autores-auto a {
	flex: 0 0 calc((100% - 52px) / 14);
	box-sizing: border-box;
	min-width: 0;
	padding: 7px 0;
	font-size: 12px;
	text-align: center;
}

/* En moviles, botones mas grandes */
@media (max-width: 600px) {
	.indice-autores-auto a {
		flex-basis: calc((100% - 24px) / 7);
		padding: 6px 0;
		font-size: 13px;
	}
}


/* =====================================
   INDICE AUTORES EN DOS FILAS
   REDES LIBERTARIAS
===================================== */

/* Distribución del índice */
.indice-autores-auto {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px 4px;
    width: 100%;
    margin: 0 auto 25px;
}

/* Tamaño de cada letra */
.indice-autores-auto a {
    flex: 0 0 calc((100% - 52px) / 14);
    box-sizing: border-box;
    min-width: 0;
    padding: 7px 0;
    font-size: 12px;
    text-align: center;
}

/* En móviles, botones más grandes */
@media (max-width: 600px) {
    .indice-autores-auto a {
        flex-basis: calc((100% - 24px) / 7);
        padding: 6px 0;
        font-size: 13px;
    }
}


/* =====================================
   CARRUSEL AUTOMÁTICO DE EVENTOS
   REDES LIBERTARIAS
===================================== */

/* Caja fija del carrusel */
#carrusel-eventos-auto {
    position: relative;
    display: block;
    width: 100%;
    height: 420px !important;
    overflow: hidden;
    box-sizing: border-box;
}

/* Enlace ocupa toda la caja */
#carrusel-eventos-auto .cartel-enlace {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

/* Carteles ajustados a la caja */
#carrusel-eventos-auto .cartel-imagen {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    opacity: 1;
}


/* ==========================================
   FIN - CARRUSEL EVENTOS REDES LIBERTARIAS
   ========================================== */

/* ==========================================================================
   🔴 INICIO: MENÚ PRINCIPAL OSCURO (REDES LIBERTARIAS) 🔴
   ========================================================================== */

/* 1. Franja completa de navegación y cabecera en negro */
.site-header,
.navigation-wrapper,
.navigation-classic .main-navigation,
.main-navigation,
.main-navigation ul {
	background-color: #111111 !important;
	border-color: #222222 !important;
}

/* 2. Letras principales y flechas en blanco puro (sin gris) */
.navigation-classic .main-navigation a,
.main-navigation a,
.main-navigation li > a,
.main-navigation .dropdown-toggle,
.main-navigation .dropdown-toggle:before,
.main-navigation .dropdown-toggle:after,
.navigation-classic .main-navigation .menu-item-has-children > a:after,
.menu-item-has-children > a:after {
	color: #ffffff !important;
	opacity: 1 !important;
}

/* 3. Eliminar el fondo rojo al pasar el ratón o al estar seleccionado */
.navigation-classic .main-navigation li:hover > a,
.navigation-classic .main-navigation li.focus > a,
.navigation-classic .main-navigation li.current-menu-item > a,
.navigation-classic .main-navigation li.current_page_item > a,
.navigation-classic .main-navigation li.current-menu-ancestor > a,
.main-navigation li:hover > a,
.main-navigation li.focus > a,
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation .dropdown-toggle:hover,
.main-navigation .dropdown-toggle:focus {
	background-color: #111111 !important;
	color: #ffffff !important;
}

/* 4. Mantener la flecha blanca también al pasar el ratón por encima */
.navigation-classic .main-navigation li:hover > a:after,
.navigation-classic .main-navigation .menu-item-has-children:hover > a:after,
.main-navigation .dropdown-toggle:hover:after,
.main-navigation .dropdown-toggle:focus:after {
	color: #ffffff !important;
}

/* 5. Caja de los submenús desplegables (hijos) en negro */
.navigation-classic .main-navigation ul ul,
.main-navigation ul ul {
	background-color: #111111 !important;
	border: 1px solid #333333 !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important;
}

/* 6. Letras de los hijos en blanco sobre negro */
.navigation-classic .main-navigation ul ul a,
.main-navigation ul ul a {
	color: #ffffff !important;
	background-color: #111111 !important;
	border-bottom: 1px solid #222222 !important;
	opacity: 1 !important;
}

/* 7. Eliminar el rojo también al pasar el ratón sobre los hijos */
.navigation-classic .main-navigation ul ul li:hover > a,
.navigation-classic .main-navigation ul ul li.focus > a,
.main-navigation ul ul li:hover > a,
.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
	background-color: #111111 !important;
	color: #ffffff !important;
}

/* ==========================================================================
   🔴 FIN: MENÚ PRINCIPAL OSCURO (REDES LIBERTARIAS) 🔴
   ========================================================================== */

/* ========================================
   1. ESTILOS ORIGINALES
   ======================================== */
.entry-content .wp-block-quote,
.entry-content .wp-block-quote p {
	max-width: 540px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	border-left: none !important;
	padding-left: 0 !important;
	font-size: 1rem !important;
	font-style: normal !important;
	font-family: inherit !important;
}

/* ========================================
   2. AJUSTES GENERALES
   ======================================== */
/* Eliminar espacio vacio de identidad */
.site-branding {
	display: none !important;
}

/* Eliminar franja del titulo solo en inicio */
body.home .hero {
	display: none !important;
}

/* ========================================
   3. PAGINA ESPECIAL HUELGA 11N
   ID 18295
   ======================================== */
/* Ocultar menus */
body.page-id-18295 .navigation-wrapper,
body.page-id-18295 .primary-navigation,
body.page-id-18295 .secondary-navigation,
body.page-id-18295 .header-navigation,
body.page-id-18295 #site-navigation {
	display: none !important;
}

/* Ocultar titulo y cabecera interior */
body.page-id-18295 .hero,
body.page-id-18295 .hero-wrapper,
body.page-id-18295 .page-header,
body.page-id-18295 #post-18295 > .entry-header,
body.page-id-18295 .entry-breadcrumbs {
	display: none !important;
}

/* Ocultar elementos sociales */
body.page-id-18295 .sharedaddy,
body.page-id-18295 .sd-sharing-enabled,
body.page-id-18295 #jp-post-flair,
body.page-id-18295 .jetpack-likes-widget-wrapper,
body.page-id-18295 .wpl-likebox,
body.page-id-18295 .entry-footer {
	display: none !important;
}

/* Ocultar barras laterales */
body.page-id-18295 #secondary,
body.page-id-18295 .widget-area,
body.page-id-18295 .footer-widget-area,
body.page-id-18295 .footer-widgets {
	display: none !important;
}

/* Ampliar area principal */
body.page-id-18295 #primary,
body.page-id-18295 #main,
body.page-id-18295 #post-18295 {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* GIF a ancho completo */
body.page-id-18295 .entry-content {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw !important;
	max-width: 100vw !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.page-id-18295 .entry-content .wp-block-image,
body.page-id-18295 .entry-content figure {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

body.page-id-18295 .entry-content img {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	margin: 0 !important;
}

/* Evitar desplazamiento horizontal */
body.page-id-18295 {
	overflow-x: hidden;
}

/* =====================================
   DIRECTORIO ALFABÉTICO DE AUTORES
   REDES LIBERTARIAS
===================================== */
/* Índice alfabético centrado */
.indice-autores {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px;
	margin: 0 0 25px;
}

/* Diseño de las letras */
.indice-autores a {
	display: inline-block;
	padding: 7px 11px;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	text-align: center;
	transition: all .2s ease;
}

/* Efecto al pasar el ratón */
.indice-autores a:hover {
	background: #eee;
	color: #111;
}

/* Letra seleccionada */
.indice-autores a:target,
.indice-autores:not(:has(a:target)) #letra-a {
	background: #333;
	color: #fff;
	border-color: #333;
}

/* Ocultar inicialmente los autores */
.entry-content:has(.indice-autores)
ul.wp-block-list > li {
	display: none;
}

/* Mostrar la A por defecto */
.entry-content:has(.indice-autores):not(:has(.indice-autores a:target))
ul.wp-block-list > li:has(a[href*="/category/autores-as/a"]) {
	display: list-item;
}

/* Filtrado por letra seleccionada */
.entry-content:has(#letra-a:target) li:has(a[href*="/category/autores-as/a"]),
.entry-content:has(#letra-b:target) li:has(a[href*="/category/autores-as/b"]),
.entry-content:has(#letra-c:target) li:has(a[href*="/category/autores-as/c"]),
.entry-content:has(#letra-d:target) li:has(a[href*="/category/autores-as/d"]),
.entry-content:has(#letra-e:target) li:has(a[href*="/category/autores-as/e"]),
.entry-content:has(#letra-f:target) li:has(a[href*="/category/autores-as/f"]),
.entry-content:has(#letra-g:target) li:has(a[href*="/category/autores-as/g"]),
.entry-content:has(#letra-h:target) li:has(a[href*="/category/autores-as/h"]),
.entry-content:has(#letra-i:target) li:has(a[href*="/category/autores-as/i"]),
.entry-content:has(#letra-j:target) li:has(a[href*="/category/autores-as/j"]),
.entry-content:has(#letra-k:target) li:has(a[href*="/category/autores-as/k"]),
.entry-content:has(#letra-l:target) li:has(a[href*="/category/autores-as/l"]),
.entry-content:has(#letra-m:target) li:has(a[href*="/category/autores-as/m"]),
.entry-content:has(#letra-n:target) li:has(a[href*="/category/autores-as/n"]),
.entry-content:has(#letra-ñ:target) li:has(a[href*="/category/autores-as/ñ"]),
.entry-content:has(#letra-o:target) li:has(a[href*="/category/autores-as/o"]),
.entry-content:has(#letra-p:target) li:has(a[href*="/category/autores-as/p"]),
.entry-content:has(#letra-q:target) li:has(a[href*="/category/autores-as/q"]),
.entry-content:has(#letra-r:target) li:has(a[href*="/category/autores-as/r"]),
.entry-content:has(#letra-s:target) li:has(a[href*="/category/autores-as/s"]),
.entry-content:has(#letra-t:target) li:has(a[href*="/category/autores-as/t"]),
.entry-content:has(#letra-u:target) li:has(a[href*="/category/autores-as/u"]),
.entry-content:has(#letra-v:target) li:has(a[href*="/category/autores-as/v"]),
.entry-content:has(#letra-w:target) li:has(a[href*="/category/autores-as/w"]),
.entry-content:has(#letra-x:target) li:has(a[href*="/category/autores-as/x"]),
.entry-content:has(#letra-y:target) li:has(a[href*="/category/autores-as/y"]),
.entry-content:has(#letra-z:target) li:has(a[href*="/category/autores-as/z"]) {
	display: list-item;
}

/* Adaptación a móviles */
@media (max-width: 600px) {
	.indice-autores {
		gap: 4px;
	}
	
	.indice-autores a {
		padding: 6px 9px;
		font-size: 13px;
	}
}

/* ==========================================
   DIRECTORIO AUTOMATICO DE AUTORES
   REDES LIBERTARIAS
========================================== */
/* INDICE CENTRADO */
.indice-autores-auto {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px;
	margin: 0 0 25px;
}

/* LETRAS */
.indice-autores-auto a {
	display: inline-block;
	padding: 7px 11px;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	transition: all .2s ease;
}

/* AL PASAR EL RATON */
.indice-autores-auto a:hover {
	background: #eee;
	color: #111;
}

/* LETRA SELECCIONADA */
.indice-autores-auto a:target,
.indice-autores-auto:not(:has(a:target)) #auto-a {
	background: #333;
	color: white;
	border-color: #333;
}

/* OCULTAR CATEGORIAS ANTES DE FILTRAR */
/* Solo se activa si existen enlaces de autores */
.autores-automaticos:has(
  a[href*="/category/autores-as/"]
) li {
	display: none;
}

/* MOSTRAR A POR DEFECTO */
body:not(:has(.indice-autores-auto a:target))
.autores-automaticos li:has(
  a[href*="/category/autores-as/a"]
) {
	display: list-item;
}

/* FILTRADO POR LETRAS */
body:has(#auto-a:target) .autores-automaticos li:has(a[href*="/category/autores-as/a"]),
body:has(#auto-b:target) .autores-automaticos li:has(a[href*="/category/autores-as/b"]),
body:has(#auto-c:target) .autores-automaticos li:has(a[href*="/category/autores-as/c"]),
body:has(#auto-d:target) .autores-automaticos li:has(a[href*="/category/autores-as/d"]),
body:has(#auto-e:target) .autores-automaticos li:has(a[href*="/category/autores-as/e"]),
body:has(#auto-f:target) .autores-automaticos li:has(a[href*="/category/autores-as/f"]),
body:has(#auto-g:target) .autores-automaticos li:has(a[href*="/category/autores-as/g"]),
body:has(#auto-h:target) .autores-automaticos li:has(a[href*="/category/autores-as/h"]),
body:has(#auto-i:target) .autores-automaticos li:has(a[href*="/category/autores-as/i"]),
body:has(#auto-j:target) .autores-automaticos li:has(a[href*="/category/autores-as/j"]),
body:has(#auto-k:target) .autores-automaticos li:has(a[href*="/category/autores-as/k"]),
body:has(#auto-l:target) .autores-automaticos li:has(a[href*="/category/autores-as/l"]),
body:has(#auto-m:target) .autores-automaticos li:has(a[href*="/category/autores-as/m"]),
body:has(#auto-n:target) .autores-automaticos li:has(a[href*="/category/autores-as/n"]),
body:has(#auto-nn:target) .autores-automaticos li:has(a[href*="/category/autores-as/ñ"]),
body:has(#auto-o:target) .autores-automaticos li:has(a[href*="/category/autores-as/o"]),
body:has(#auto-p:target) .autores-automaticos li:has(a[href*="/category/autores-as/p"]),
body:has(#auto-q:target) .autores-automaticos li:has(a[href*="/category/autores-as/q"]),
body:has(#auto-r:target) .autores-automaticos li:has(a[href*="/category/autores-as/r"]),
body:has(#auto-s:target) .autores-automaticos li:has(a[href*="/category/autores-as/s"]),
body:has(#auto-t:target) .autores-automaticos li:has(a[href*="/category/autores-as/t"]),
body:has(#auto-u:target) .autores-automaticos li:has(a[href*="/category/autores-as/u"]),
body:has(#auto-v:target) .autores-automaticos li:has(a[href*="/category/autores-as/v"]),
body:has(#auto-w:target) .autores-automaticos li:has(a[href*="/category/autores-as/w"]),
body:has(#auto-x:target) .autores-automaticos li:has(a[href*="/category/autores-as/x"]),
body:has(#auto-y:target) .autores-automaticos li:has(a[href*="/category/autores-as/y"]),
body:has(#auto-z:target) .autores-automaticos li:has(a[href*="/category/autores-as/z"]) {
	display: list-item;
}

/* ADAPTACION A MOVILES */
@media (max-width: 600px) {
	.indice-autores-auto {
		gap: 4px;
	}
	
	.indice-autores-auto a {
		padding: 6px 9px;
		font-size: 13px;
	}
}

/* =====================================
   CORRECCIÓN DE LA LETRA Ñ
   DIRECTORIO AUTOMÁTICO DE AUTORES
===================================== */
/* Ocultar ñamanal cuando se selecciona N */
body:has(#auto-n:target)
.autores-automaticos li:has(
  a[href*="/category/autores-as/namanal/"]
) {
	display: none;
}

/* Mostrar ñamanal cuando se selecciona Ñ */
body:has(#auto-nn:target)
.autores-automaticos li:has(
  a[href*="/category/autores-as/namanal/"]
) {
	display: list-item;
}

/* =====================================
   INDICE AUTORES EN DOS FILAS
   REDES LIBERTARIAS
===================================== */
/* Distribucion del indice */
.indice-autores-auto {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px 4px;
	width: 100%;
	margin: 0 auto 25px;
}

/* Tamaño de cada letra */
.indice-autores-auto a {
	flex: 0 0 calc((100% - 52px) / 14);
	box-sizing: border-box;
	min-width: 0;
	padding: 7px 0;
	font-size: 12px;
	text-align: center;
}

/* En moviles, botones mas grandes */
@media (max-width: 600px) {
	.indice-autores-auto a {
		flex-basis: calc((100% - 24px) / 7);
		padding: 6px 0;
		font-size: 13px;
	}
}


/* =====================================
   INDICE AUTORES EN DOS FILAS
   REDES LIBERTARIAS
===================================== */

/* Distribución del índice */
.indice-autores-auto {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px 4px;
    width: 100%;
    margin: 0 auto 25px;
}

/* Tamaño de cada letra */
.indice-autores-auto a {
    flex: 0 0 calc((100% - 52px) / 14);
    box-sizing: border-box;
    min-width: 0;
    padding: 7px 0;
    font-size: 12px;
    text-align: center;
}

/* En móviles, botones más grandes */
@media (max-width: 600px) {
    .indice-autores-auto a {
        flex-basis: calc((100% - 24px) / 7);
        padding: 6px 0;
        font-size: 13px;
    }
}


/* =====================================
   CARRUSEL AUTOMÁTICO DE EVENTOS
   REDES LIBERTARIAS
===================================== */

/* Caja fija del carrusel */
#carrusel-eventos-auto {
    position: relative;
    display: block;
    width: 100%;
    height: 420px !important;
    overflow: hidden;
    box-sizing: border-box;
}

/* Enlace ocupa toda la caja */
#carrusel-eventos-auto .cartel-enlace {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

/* Carteles ajustados a la caja */
#carrusel-eventos-auto .cartel-imagen {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    opacity: 1;
}


/* ==========================================
   FIN - CARRUSEL EVENTOS REDES LIBERTARIAS
   ========================================== */


/* ==========================================================================
   🟠 INICIO: SEPARAR FLECHAS Y AJUSTAR ANCHO DE MENÚ 🟠
   ========================================================================== */

@media screen and (min-width: 1020px) {
	/* 1. Ajustamos tamaño y relleno solo de los enlaces de texto */
	body.navigation-classic .primary-navigation .menu-primary > ul > li:not(.icono-bsky):not(.icono-facebook):not(.icono-instagram):not(.icono-lupa) > a {
		padding-left: 11px !important;
		padding-right: 11px !important;
		font-size: 13px !important;
	}

	/* 2. Ocultamos el botón desplegable táctil (solo es para móviles) y los guiones extra */
	body.navigation-classic .primary-navigation .dropdown-toggle,
	body.navigation-classic .primary-navigation button,
	body.navigation-classic .primary-navigation .menu-item-has-children::after,
	body.navigation-classic .primary-navigation .menu-item-has-children::before {
		display: none !important;
	}

	/* 3. Dejamos espacio limpio a la derecha del texto para la flecha única del enlace */
	body.navigation-classic .primary-navigation .menu-primary > ul > li.menu-item-has-children > a {
		position: relative !important;
		padding-right: 26px !important;
	}

	/* 4. Colocamos esa única flecha limpia a la derecha sin pisar ninguna letra */
	body.navigation-classic .primary-navigation .menu-primary > ul > li.menu-item-has-children > a::after {
		position: absolute !important;
		right: 8px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		margin: 0 !important;
	}
}

/* ==========================================================================
   🟠 FIN: SEPARAR FLECHAS Y AJUSTAR ANCHO DE MENÚ 🟠
   ========================================================================== */


/* ==========================================================================
   ⚪ INICIO: AJUSTE DE TAMAÑO DE ICONOS (PROPORCIÓN LETRAS) ⚪
   ========================================================================== */

body.navigation-classic .primary-navigation li.icono-facebook > a::before,
body.navigation-classic .primary-navigation li.icono-instagram > a::before,
body.navigation-classic .primary-navigation li.icono-lupa > a::before {
	font-size: 14px !important;
}

body.navigation-classic .primary-navigation li.icono-bsky > a::before {
	font-size: 13px !important;
}

/* ==========================================================================
   ⚪ FIN: AJUSTE DE TAMAÑO DE ICONOS (PROPORCIÓN LETRAS) ⚪
   ========================================================================== */