/* =====================================================================================
 * /css/wk_page_anchors.css
 *
 * Barra de anclas de página que reemplaza al buscador en páginas de información.
 * - PC/Tablet: barra horizontal centrada (sustituye a la search bar).
 * - Móvil: tira fina, deslizable horizontalmente, con chips.
 *
 * Se carga desde los menús solo cuando la página define anclas (WK_PAGE_ANCHORS).
 *
 * VERSION: 1.0.0
 * DATE: 2026-06-06
 * ===================================================================================== */

/* ---------- PC / Tablet ---------- */
.wk-site-anchors-wrapper{
    display:flex;
    justify-content:center;
}
.wk-site-anchors-nav{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-content:center;
}
.wk-site-anchor-link{
    display:inline-block;
    padding:10px 20px;
    border-radius:50px;
    font-weight:700;
    font-size:.95rem;
    color:#2b3147;
    text-decoration:none;
    border:1.5px solid #e3e8f3;
    background:#fff;
    transition:.15s;
    white-space:nowrap;
}
.wk-site-anchor-link:hover{
    border-color:#f5821f;
    color:#0e3c8c;
    transform:translateY(-2px);
}
.wk-site-anchor-link.active{
    background:#1656c4;
    border-color:#1656c4;
    color:#fff;
}

/* ---------- Móvil: tira deslizable bajo la barra superior ---------- */
.wk-page-anchors-bar{
    display:flex;
    gap:8px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:8px 12px;
    background:#fff;
    border-top:1px solid #eef1f8;
    border-bottom:1px solid #eef1f8;
    white-space:nowrap;
}
.wk-page-anchors-bar::-webkit-scrollbar{display:none}
.wk-page-anchor-chip{
    flex:0 0 auto;
    display:inline-block;
    padding:7px 16px;
    border-radius:50px;
    font-weight:700;
    font-size:.86rem;
    color:#2b3147;
    text-decoration:none;
    border:1.5px solid #e3e8f3;
    background:#fff;
    transition:.15s;
}
.wk-page-anchor-chip:hover,
.wk-page-anchor-chip.active{
    background:#1656c4;
    border-color:#1656c4;
    color:#fff;
}