/* Chateando v8.1 — navigation, search and footer. One shared visual system.
   This stylesheet is loaded last on every page. */
:root{--ch-nav-ink:#27252f;--ch-nav-muted:#655a74;--ch-nav-lilac:#6a54ba}
header.topbar .desktop-nav .nav-svg{
 display:inline-flex!important;align-items:center;justify-content:center;
 flex:0 0 18px;width:18px;height:18px;visibility:visible!important;opacity:1!important
}
header.topbar .desktop-nav .nav-svg>svg{
 display:block!important;width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;
 fill:none!important;stroke:currentColor!important;stroke-width:1.7;visibility:visible!important;opacity:1!important
}
header.topbar .desktop-nav a{display:inline-flex!important;align-items:center;gap:7px;white-space:nowrap}
header.topbar .desktop-nav a>.ch-link-icon{display:none!important}
/* Global search: inserted by global-refresh.js, same layout on index and interiors. */
header.topbar .ch-global-search{
 box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;
 flex:0 0 auto;gap:8px;min-width:100px;height:40px;min-height:40px;
 margin:0;padding:0 14px;border:1px solid #e3dbe9;border-radius:999px;
 background:#fffdfb;color:#413b4e;box-shadow:none;
 font:600 12px/1.2 Poppins,sans-serif;white-space:nowrap;cursor:pointer;
}
header.topbar .ch-global-search .ch-search-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;flex:0 0 17px}
header.topbar .ch-global-search .ch-search-icon svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:2}
header.topbar .ch-global-search .ch-search-label{display:inline!important;font-size:12px;line-height:1.2}
header.topbar .ch-global-search:hover{background:#f7f1ff;border-color:#c9b9e7}
header.topbar .ch-global-search:focus-visible{outline:3px solid #aa8bff;outline-offset:2px}
/* Dialog is appended to body and must be styled on pages without the old portal CSS. */
.ch-search-overlay[hidden]{display:none!important}
.ch-search-overlay{position:fixed;inset:0;z-index:20000;display:flex;justify-content:center;align-items:flex-start;padding:clamp(65px,13vh,140px) 16px 25px;background:rgba(27,22,39,.64);box-sizing:border-box}
body.ch-search-open{overflow:hidden}
.ch-search-dialog{box-sizing:border-box;width:min(540px,100%);max-height:calc(100dvh - 110px);overflow:auto;padding:23px;background:#fffdfa;color:#2e2938;border:1px solid #e5d9eb;border-radius:22px;box-shadow:0 25px 75px rgba(26,18,43,.26);font-family:Poppins,sans-serif}
.ch-search-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.ch-search-head label{font:750 19px/1.3 Poppins,sans-serif}
.ch-search-close{width:38px;height:38px;border:0;border-radius:10px;background:#f1eaf7;color:#342b41;cursor:pointer}
.ch-search-dialog input[type="search"]{box-sizing:border-box;display:block;width:100%;min-height:46px;padding:11px 14px;border:1px solid #dcd1e6;border-radius:12px;background:white;color:#28242c;font:500 14px Poppins,sans-serif;outline-offset:2px}
.ch-search-dialog input[type="search"]:focus-visible{outline:3px solid #ad92e7}
.ch-search-results{display:grid;gap:6px;margin-top:12px}
.ch-search-results a{display:block;padding:11px 13px;border-radius:11px;background:#f6f0fb;color:#342a46;font:650 13px/1.4 Poppins,sans-serif;text-decoration:none}
.ch-search-results a:hover,.ch-search-results a:focus-visible{background:#ece0fb}
.ch-search-hint{margin:15px 0 0;color:#675d70;font:400 11px/1.65 Poppins,sans-serif}
/* A single nonduplicated footer across the site. */
footer.ch-footer-clean{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;width:calc(100% - 36px);max-width:1130px;min-height:76px;margin:32px auto 0;padding:18px 10px 24px;border-top:1px solid #e7dfeb;background:transparent;color:#61576c;box-shadow:none;font:400 11px/1.5 Poppins,sans-serif}
footer.ch-footer-clean>p{margin:0;font:inherit;color:inherit}
footer.ch-footer-clean .ch-footer-nav{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px 22px;margin:0}
footer.ch-footer-clean .ch-footer-nav a{color:#554c63;font:550 11px/1.5 Poppins,sans-serif;text-decoration:none}
footer.ch-footer-clean .ch-footer-nav a:hover{color:#6b52b6}
@media(max-width:1120px){header.topbar .ch-global-search{min-width:90px;height:38px;padding:0 11px}}
@media(max-width:840px){header.topbar .ch-global-search{display:none!important}}
@media(max-width:600px){footer.ch-footer-clean{display:none!important}}
@media(min-width:601px) and (max-width:850px){footer.ch-footer-clean{justify-content:center;text-align:center}.ch-footer-nav{justify-content:center!important}}
@media(prefers-reduced-motion:reduce){header.topbar .ch-global-search{transition:none!important}}

/* v10.2 | Header con personalidad: iconos cromaticos, hover discreto, activo claro.
   Un unico bloque mantenible; no afecta el contenido ni las APIs. */
body.v6-page header.topbar .desktop-nav a {
  --menu-color:#7256c3; --menu-bg:#f3edff;
  position:relative; isolation:isolate;
  padding:0 10px; border-radius:12px;
  color:#36303f; font-weight:600;
  transition:color .22s ease, background-color .22s ease, transform .22s ease, box-shadow .22s ease;
}
body.v6-page header.topbar .desktop-nav a[href="/salas"] {--menu-color:#289b95;--menu-bg:#e8f8f4}
body.v6-page header.topbar .desktop-nav a[href="/comunidad"] {--menu-color:#7653c9;--menu-bg:#f0eaff}
body.v6-page header.topbar .desktop-nav a[href="/gemix"] {--menu-color:#c17e1b;--menu-bg:#fff5dd}
body.v6-page header.topbar .desktop-nav a[href^="https://radio.chateando.org"] {--menu-color:#d04b8a;--menu-bg:#fff0f8}
body.v6-page header.topbar .desktop-nav a[href="/ayuda"] {--menu-color:#447fc5;--menu-bg:#eaf3ff}
body.v6-page header.topbar .desktop-nav a .nav-svg { color:var(--menu-color); transition:transform .25s ease; }
body.v6-page header.topbar .desktop-nav a::after {
 content:""; position:absolute; bottom:2px; left:14px; right:14px; height:2px;
 border-radius:4px; background:var(--menu-color); opacity:0;
 transform:scaleX(.25); transition:opacity .22s ease,transform .22s ease;
}
body.v6-page header.topbar .desktop-nav a:is(:hover,:focus-visible) {
 color:var(--menu-color); background:var(--menu-bg); transform:translateY(-2px);
}
body.v6-page header.topbar .desktop-nav a:is(:hover,:focus-visible) .nav-svg {transform:translateY(-1px) rotate(-7deg) scale(1.12)}
body.v6-page header.topbar .desktop-nav a:is(:hover,:focus-visible)::after {opacity:1;transform:scaleX(1)}
body.v6-page header.topbar .desktop-nav a:is(.active,[aria-current="page"]),
body.page-salas header.topbar .desktop-nav a[href="/salas"],
body.page-comunidad header.topbar .desktop-nav a[href="/comunidad"],
body.page-gemix header.topbar .desktop-nav a[href="/gemix"],
body.page-ayuda header.topbar .desktop-nav a[href="/ayuda"] {
 color:var(--menu-color);background:var(--menu-bg);
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--menu-color) 16%,transparent);
}
body.v6-page header.topbar .desktop-nav a:is(.active,[aria-current="page"])::after,
body.page-salas header.topbar .desktop-nav a[href="/salas"]::after,
body.page-comunidad header.topbar .desktop-nav a[href="/comunidad"]::after,
body.page-gemix header.topbar .desktop-nav a[href="/gemix"]::after,
body.page-ayuda header.topbar .desktop-nav a[href="/ayuda"]::after {opacity:1;transform:scaleX(1)}
body.v6-page header.topbar .desktop-nav a:focus-visible,
body.v6-page header.topbar .ch-global-search:focus-visible,
body.v6-page header.topbar .ch-connect:focus-visible {outline:2px solid #7e5cdb;outline-offset:3px}
body.v6-page header.topbar .ch-global-search {transition:background .2s ease,border-color .2s ease, transform .2s ease, box-shadow .2s ease}
body.v6-page header.topbar .ch-global-search:hover {transform:translateY(-2px);box-shadow:0 6px 16px #7653c922}
body.v6-page header.topbar .ch-connect {transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
body.v6-page header.topbar .ch-connect:hover {background:#45316c;transform:translateY(-2px);box-shadow:0 8px 19px #3b296a30}
/* En pantallas compactas, evitar que el padding extra rompa el ancho del header. */
@media (min-width:841px) and (max-width:1150px){body.v6-page header.topbar .desktop-nav a {padding-inline:5px}}
@media (prefers-reduced-motion:reduce){
 body.v6-page header.topbar .desktop-nav a,
 body.v6-page header.topbar .desktop-nav a .nav-svg,
 body.v6-page header.topbar .desktop-nav a::after,
 body.v6-page header.topbar .ch-connect,
 body.v6-page header.topbar .ch-global-search {transition:none!important;transform:none!important}
}

/* v10.14 — Nuevo enlace Inicio; se conservan Salas, Comunidad, Gemix, Radio y Ayuda. */
body.v6-page header.topbar .desktop-nav a[href="/"]{--menu-color:#7850ce;--menu-bg:#f2eaff}
body.v6-page header.topbar .desktop-nav{gap:clamp(5px,.75vw,10px)}
body.v6-page header.topbar .desktop-nav a{padding-inline:clamp(5px,.55vw,8px)}
body.v6-page header.topbar{gap:clamp(8px,1vw,14px)}
body.v6-page header.topbar .brand{transition:transform .25s ease,filter .25s ease;transform-origin:left center}
body.v6-page header.topbar .ch-logo-text{transition:color .25s ease,text-shadow .25s ease}
body.v6-page header.topbar .brand:hover{transform:translateY(-1px) scale(1.035)}
body.v6-page header.topbar .brand:hover .ch-logo-text{color:#483087;text-shadow:0 3px 9px rgba(113,71,185,.16)}
body.v6-page header.topbar .brand:focus-visible{outline:2px solid #805bd7;outline-offset:5px;border-radius:9px}
@media (min-width:841px) and (max-width:1150px){
 body.v6-page header.topbar .desktop-nav{gap:5px}
 body.v6-page header.topbar .desktop-nav a{padding-inline:4px}
}
@media (min-width:841px) and (max-width:1000px){
 body.v6-page header.topbar .brand{flex-basis:145px;width:145px}
 body.v6-page header.topbar .ch-wordmark{width:145px}
 body.v6-page header.topbar .ch-connect{padding:8px 10px}
}
@media (prefers-reduced-motion:reduce){
 body.v6-page header.topbar .brand,
 body.v6-page header.topbar .ch-logo-text{transition:none!important;transform:none!important}
}