/* Cabecera con menú de las páginas sueltas (tools/cabecera-paginas.mjs, 6-oct-2026). Usa los colores de cada página
   (--tinta, --ocre), así sigue también su modo oscuro. */
.cab-web { display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: 1100px; margin: 0 auto; padding: 12px 16px; border-bottom: 1px solid rgba(127, 127, 127, .2); }
.cab-web .marca { padding: 0; text-align: left; }
.cab-web nav.menu-web { display: flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
.cab-web nav a { font: 500 15px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--tinta, inherit); text-decoration: none; padding: 8px 10px; border-radius: 999px; }
.cab-web nav.menu-web a:hover { background: rgba(127, 127, 127, .12); }
.cab-web nav.menu-web a.app { background: var(--ocre, #8a5a2b); color: #fff; }
.cab-web details.menu-movil { display: none; position: relative; }
.cab-web details.menu-movil summary { list-style: none; cursor: pointer; font: 600 16px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; padding: 8px 12px; border: 1px solid rgba(127, 127, 127, .35); border-radius: 999px; color: var(--tinta, inherit); }
.cab-web details.menu-movil summary::-webkit-details-marker { display: none; }
.cab-web details.menu-movil nav { position: absolute; right: 0; top: calc(100% + 6px); background: var(--papel, var(--fondo, #fffdf8)); border: 1px solid rgba(127, 127, 127, .25); border-radius: 14px; box-shadow: 0 8px 28px rgba(0, 0, 0, .18); padding: 6px; display: flex; flex-direction: column; min-width: 220px; z-index: 50; }
.cab-web details.menu-movil nav a { font-size: 17px; padding: 12px 14px; border-radius: 10px; }
.cab-web details.menu-movil nav a + a { border-top: 1px solid rgba(127, 127, 127, .15); }
@media (max-width: 860px) { .cab-web nav.menu-web { display: none; } .cab-web details.menu-movil { display: block; } }