/* ========================================================================== NAVEGACIÓN (menú, patrón "Cabecera_452", TT5) ========================================================================== Contexto (11/08/2026): hasta esta fecha había DOS filas de cabecera completas (una para escritorio, otra para móvil), mostradas/ocultadas por CSS según el ancho de pantalla. Se simplificó a UN solo bloque Navigation, sacado de las columnas del logo/título y colocado como bloque propio debajo, con la clase CSS adicional "menu-principal-nuevo" puesta a mano desde el editor (bloque Menú → Avanzado → Clase CSS adicional). El propio bloque Navigation ya trae su comportamiento responsive nativo de WordPress: barra horizontal en línea a partir de 600px, botón hamburguesa + panel superpuesto por debajo. Ese breakpoint lo fija el CSS que WordPress inyecta en el (no editable desde aquí), así que este archivo no reinventa la visibilidad — solo viste los dos estados que WordPress ya construye. 17-18/08/2026: todo el CSS que existía sobre la CABECERA en sí (".cabecera-logo-titulo" — fondo, márgenes, tamaños de letra, qué columnas se ocultaban según el ancho...) se ha retirado a petición expresa: el responsable del proyecto va a rediseñarla directamente desde el editor de bloques de Gutenberg, y ese CSS con !important le estaba "peleando" los cambios sin que se notara por qué. Lo que queda en este archivo es SOLO el MENÚ (nav.menu-principal-nuevo) — incluida la regla de aquí abajo, que sigue usando ".cabecera-logo-titulo ~ nav..." como referencia de posición (para distinguir el menú de Inicio, que vive como bloque propio justo debajo de la cabecera, del menú de la cabecera de Admin, que vive ANIDADO dentro de ella) — se mantiene porque solo afecta al MENÚ, no a la cabecera en sí. Si la cabecera cambia de clase o desaparece esa clase en el futuro, esta es la única regla que dejaría de aplicar y habría que revisar. ========================================================================== */ /* Excepción puntual sobre la cabecera (18/08/2026, a petición expresa): "VISTALEGRE 452" es un enlace, así que el navegador le pone su subrayado de enlace por defecto. El subrayado vive en el propio interior, no en el

que lo envuelve — "text-decoration:none" en el párrafo no basta porque el no tiene ninguna clase propia y el subrayado del navegador gana por estar declarado directamente sobre el elemento, no heredado. No es una vuelta atrás del resto (seguimos sin tocar fondo/márgenes/tamaños de la cabecera), es un ajuste suelto pedido expresamente. */ .cabecera-logo-titulo .titulo-sin-subrayado a { text-decoration: none !important; } /* Contorno suave (18/08/2026, a petición expresa): sin escudo y sin fondo de color, la cabecera se quedaba "flotando" sin ningún límite visual que la distinguiera del resto de la página. En vez de un fondo de color (que le devolvería peso, justo lo contrario de lo que se buscaba al quitar el morado sólido), se le da el mismo lenguaje de "tarjeta" que ya usa el resto del sitio (paneles, tablas...): borde fino gris + sombra suave, sin relleno. La cabecera se trata como pieza propia, independiente del menú de debajo (que se queda sin borde, tal cual está). */ .cabecera-logo-titulo { /* Borde aclarado (18/08/2026, a petición expresa: #AAAAAA → #D1D5DB, el mismo gris suave que ya se usa como borde de "utilidad" en el resto del sitio — var(--color-accion-borde-gris) en style.css). */ box-shadow: 0 0 0 1px #D1D5DB; border-radius: var(--radio-tarjeta); /* Fondo blanco (18/08/2026, a petición expresa) — antes se probó transparente y el tono "papel" (#F7F1E2, el mismo de la caja de Agenda); se descartaron los dos. */ background-color: #ffffff !important; /* Aire entre el borde de la tarjeta y su contenido (18/08/2026, a petición expresa). */ padding-top: 20px; /* Aire entre el borde de la PANTALLA y el borde de la tarjeta (no lo mismo que el padding de arriba — esto es fuera de la tarjeta, no dentro). WordPress fuerza a 0 el margen superior del primer bloque de la página (":where(.is-layout-flow) > :first-child {margin-block-start:0}"), así que hace falta !important para ganarle. Usa la misma variable que el margin-bottom del menú y el margin-top del pie (--scout-ritmo-vertical, style.css) — los tres puntos del mismo ritmo vertical de plantilla, unificados el 19/08/2026. */ margin-top: var(--scout-ritmo-vertical) !important; /* "position:relative" (18/08/2026, a petición expresa: "que toda la cabecera sea un link a Inicio"): necesario como ancla para el enlace estirado de aquí abajo. */ position: relative; cursor: pointer; } /* Enlace estirado (18/08/2026) — mismo criterio que ya se aplicó a las tarjetas del muro ese mismo día: en vez de envolver toda la cabecera en un (aquí sería aún más problemático que en las tarjetas, porque "VISTALEGRE 452" ya es un enlace real y el HTML no permite anidar un dentro de otro ), se estira el ÁREA DE CLIC del enlace que ya existe en el título hasta cubrir TODA la cabecera (".cabecera-logo- titulo", su ancestro con position:relative de arriba) con un ::after absoluto. El clic lo sigue recibiendo ese mismo , así que no cambia ni su destino ni su semántica — solo su área sensible al toque/clic. */ .cabecera-logo-titulo .titulo-sin-subrayado a::after { content: ''; position: absolute; inset: 0; z-index: 2; } /* Ocultar "SCOUTS | ASDE" en móvil, <780px (18/08/2026, a petición expresa) — Gutenberg no trae ningún ajuste nativo de "ocultar bajo tal ancho" para un bloque, así que se hace por CSS. Estructura actual (sin el escudo, que se quitó): .cabecera-logo-titulo tiene una única columna, que contiene el bloque de "Columnas" anidado con SCOUTS|ASDE seguido del párrafo "VISTALEGRE 452" — se oculta el primero por posición (es el único ".wp-block-columns" anidado ahí dentro). */ @media (max-width: 779px) { .cabecera-logo-titulo .wp-block-column > .wp-block-columns { display: none; } /* Con el bloque de arriba oculto, "VISTALEGRE 452" sigue siendo el SEGUNDO hijo a efectos del DOM, así que WordPress le sigue metiendo el margen automático de separación entre bloques (":where(.is-layout-flow) > *{margin-block-start:1.2rem}"), como si hubiera algo visible encima — se anula aquí. */ .cabecera-logo-titulo .titulo-sin-subrayado { margin-block-start: 0 !important; } } /* nav.menu-principal-nuevo (con etiqueta) y no solo .menu-principal-nuevo: WordPress copia las clases del bloque también al