/* Barra principal: botones destacados. La sección actual queda en blanco. */
html body header .club-nav{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center;width:fit-content!important;max-width:min(100%,calc(100vw - 32px))!important;margin:6px auto 0!important;overflow:visible!important;gap:10px!important;padding:10px!important;background:#0b2240!important;border:1px solid #5f88b3!important;border-radius:18px!important;box-shadow:inset 0 1px 0 #ffffff14,0 6px 18px #05122259}
html body header .club-nav a,html body header .club-nav button{display:flex;align-items:center;gap:9px!important;padding:11px 18px!important;border-radius:12px!important;background:linear-gradient(180deg,#2a5a8c,#173b60)!important;border:1px solid #6d93bb!important;color:#fff!important;font-size:16px!important;font-weight:700!important;letter-spacing:.2px;text-decoration:none!important;white-space:nowrap;cursor:pointer;box-shadow:0 2px 0 #06162b,0 4px 10px #05122240;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}
html body header .club-nav span{font-size:inherit!important;display:inline-flex}
html body header .club-nav a svg,html body header .club-nav button svg{color:#a9cdef;width:24px;height:24px}
html body header .club-nav a:hover,html body header .club-nav button:hover:not(:disabled){background:linear-gradient(180deg,#3670a8,#1f4b78)!important;border-color:#cfe3f6!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 0 #06162b,0 8px 16px #05122259}
html body header .club-nav a:active,html body header .club-nav button:active{transform:translateY(1px);box-shadow:0 1px 0 #06162b}
html body header .club-nav [aria-current=page],html body header .club-nav [aria-current=page]:hover{background:linear-gradient(180deg,#ffffff,#d9e7f4)!important;border-color:#ffffff!important;color:#102d50!important;box-shadow:0 2px 0 #7f9cba,0 6px 14px #05122259}
html body header .club-nav [aria-current=page] svg{color:#173b60}
html body header .club-nav button:disabled{opacity:.6;cursor:default}
@media(max-width:650px){html body header .club-nav a,html body header .club-nav button{padding:9px 13px!important;font-size:15px!important}}
@media(prefers-reduced-motion:reduce){html body header .club-nav a,html body header .club-nav button{transition:none}html body header .club-nav a:hover{transform:none}}

/* Íconos de la barra de la pantalla principal de Hockey/Rugby: uno por destino, sin depender del orden de los botones. */
html body main nav a[href="#equipos"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='9' cy='7' r='3'/%3E%3Cpath d='M3 21v-3a6 6 0 0 1 12 0v3M16 4a3 3 0 0 1 0 6m2 4a5 5 0 0 1 3 5v2'/%3E%3C/svg%3E")}
html body main nav a[href*="categoria=__general__"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 2v6m10-6v6M3 10h18M7 14h4m-4 3h7'/%3E%3C/svg%3E")}
html body main nav a[href^="/ejercicios.html"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='2' y='3' width='20' height='18' rx='2'/%3E%3Cpath d='M12 3v18M2 8h4v8H2m20-8h-4v8h4'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
html body main nav a[href^="/video.html"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='3'/%3E%3Cpath d='m10 9 5 3-5 3z'/%3E%3C/svg%3E")}
html body main nav a[href^="/comentarios.html"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20.5l1.4-4.9A8 8 0 1 1 21 12z'/%3E%3Cpath d='M8.5 10.5h7M8.5 14h4.5'/%3E%3C/svg%3E")}
html body main nav a[href^="/usuarios.html"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='10' cy='8' r='4'/%3E%3Cpath d='M3 21v-1a7 7 0 0 1 11-5.7M19 15v6m-3-3h6'/%3E%3C/svg%3E")}