/**
 * SISTEMA DE NAVEGACIÓN v3 — nav-system.css
 * Selectores de alta especificidad para vencer a main.css
 */

:root{--nav-primary:#e74c3c;--nav-primary-dark:#c0392b;--nav-secondary:#2c3e50;--nav-text:#333;--nav-text-light:#888;--nav-border:#e0e0e0;--nav-bg-soft:#f8f9fa;--nav-radius:10px;--nav-touch-min:44px}

/* ═══ BREADCRUMB — Estilo Falabella (inline horizontal con >) ═══ */
nav.nav-breadcrumb{padding:.75rem 0 .5rem;font-size:.8rem;color:var(--nav-text-light);margin:0;background:transparent}

nav.nav-breadcrumb ol.nav-breadcrumb__list{
    list-style:none!important;
    list-style-type:none!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap;
    gap:0;
    margin:0!important;
    padding:0!important;
    counter-reset:none!important;
}

nav.nav-breadcrumb ol.nav-breadcrumb__list > li.nav-breadcrumb__item{
    list-style:none!important;
    list-style-type:none!important;
    display:inline-flex!important;
    align-items:center;
    margin:0!important;
    padding:0!important;
    white-space:nowrap;
    counter-increment:none!important;
}

nav.nav-breadcrumb ol.nav-breadcrumb__list > li.nav-breadcrumb__item::before{
    content:none!important;
    display:none!important;
    counter-increment:none!important;
}

nav.nav-breadcrumb ol.nav-breadcrumb__list > li.nav-breadcrumb__item::marker{
    content:none!important;
    display:none!important;
    font-size:0!important;
    color:transparent!important;
}

/* Separador > */
nav.nav-breadcrumb ol.nav-breadcrumb__list > li.nav-breadcrumb__item + li.nav-breadcrumb__item::after{
    content:none!important;
}

nav.nav-breadcrumb ol.nav-breadcrumb__list > li.nav-breadcrumb__item + li.nav-breadcrumb__item{
    margin-left:0!important;
}

nav.nav-breadcrumb .nav-breadcrumb__sep{
    margin:0 .45rem;
    color:#bbb;
    font-weight:400;
    font-size:.75rem;
    display:inline;
}

nav.nav-breadcrumb a.nav-breadcrumb__link{
    color:var(--nav-text-light);
    text-decoration:none;
    transition:color .2s;
    padding:.2rem 0;
    display:inline;
}

nav.nav-breadcrumb a.nav-breadcrumb__link:hover{
    color:var(--nav-primary);
    text-decoration:underline;
}

nav.nav-breadcrumb .nav-breadcrumb__current{
    color:var(--nav-text);
    font-weight:600;
}

@media(max-width:480px){nav.nav-breadcrumb{font-size:.72rem}}
@media(min-width:768px){nav.nav-breadcrumb{font-size:.82rem}}


/* ═══ CHIPS — Botones pill en fila (sin bullets) ═══ */
div.nav-chips{margin-bottom:1.25rem}

div.nav-chips span.nav-chips__label{
    font-size:.8rem;
    font-weight:600;
    color:var(--nav-text-light);
    margin-bottom:.6rem;
    display:block;
}

div.nav-chips ul.nav-chips__list{
    list-style:none!important;
    list-style-type:none!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:.45rem;
    margin:0!important;
    padding:0!important;
}

div.nav-chips ul.nav-chips__list > li{
    list-style:none!important;
    list-style-type:none!important;
    display:inline-flex!important;
    margin:0!important;
    padding:0!important;
}

div.nav-chips ul.nav-chips__list > li::before,
div.nav-chips ul.nav-chips__list > li::marker{
    content:none!important;
    display:none!important;
    font-size:0!important;
    color:transparent!important;
}

a.nav-chip{
    display:inline-flex;
    align-items:center;
    gap:.3rem;
    padding:.5rem .9rem;
    border:1.5px solid var(--nav-border);
    border-radius:25px;
    font-size:.8rem;
    font-weight:600;
    color:var(--nav-text);
    text-decoration:none;
    background:#fff;
    transition:all .2s;
    min-height:var(--nav-touch-min);
    white-space:nowrap;
    cursor:pointer;
    box-shadow:0 1px 3px rgba(0,0,0,.04);
}

a.nav-chip:hover{
    border-color:var(--nav-primary);
    color:var(--nav-primary);
    background:#fef2f2;
    box-shadow:0 2px 6px rgba(231,76,60,.12);
    transform:translateY(-1px);
}

a.nav-chip:active{transform:scale(.97)}

a.nav-chip .nav-chip__icon{font-size:1rem;line-height:1}

a.nav-chip.nav-chip--accent{
    border-color:var(--nav-primary);
    color:var(--nav-primary);
    background:#fef2f2;
}

a.nav-chip.nav-chip--accent:hover{
    background:var(--nav-primary);
    color:#fff;
}

/* Chips responsive */
@media(max-width:374px){
    div.nav-chips ul.nav-chips__list{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.3rem}
    div.nav-chips ul.nav-chips__list::-webkit-scrollbar{display:none}
    a.nav-chip{flex-shrink:0}
}
@media(min-width:375px) and (max-width:767px){a.nav-chip{padding:.45rem .75rem;font-size:.78rem}}
@media(min-width:768px){a.nav-chip{padding:.5rem 1rem;font-size:.82rem}div.nav-chips ul.nav-chips__list{gap:.5rem}}


/* ═══ ZONA D — NAVEGACIÓN CONTEXTUAL ═══ */
div.nav-contextual{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--nav-border)}

/* CTA Primario */
a.nav-cta-primary{display:flex;align-items:center;gap:.75rem;padding:1rem 1.2rem;background:linear-gradient(135deg,var(--nav-primary),var(--nav-primary-dark));color:#fff;border-radius:var(--nav-radius);text-decoration:none;transition:transform .2s,box-shadow .2s;margin-bottom:1.25rem;min-height:var(--nav-touch-min)}
a.nav-cta-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(231,76,60,.3);color:#fff}
a.nav-cta-primary:active{transform:translateY(0)}
a.nav-cta-primary .nav-cta-primary__icon{font-size:1.5rem;flex-shrink:0;line-height:1}
a.nav-cta-primary .nav-cta-primary__text{flex:1;min-width:0}
a.nav-cta-primary .nav-cta-primary__title{font-weight:700;font-size:.92rem;line-height:1.3}
a.nav-cta-primary .nav-cta-primary__subtitle{font-size:.75rem;opacity:.85;margin-top:.1rem}
a.nav-cta-primary .nav-cta-primary__arrow{font-size:1.2rem;flex-shrink:0;opacity:.7;transition:transform .2s}
a.nav-cta-primary:hover .nav-cta-primary__arrow{transform:translateX(3px);opacity:1}
a.nav-cta-primary.nav-cta-primary--soft{background:var(--nav-bg-soft);color:var(--nav-text);border:1px solid var(--nav-border)}
a.nav-cta-primary.nav-cta-primary--soft:hover{background:#f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,.08);color:var(--nav-text)}
a.nav-cta-primary.nav-cta-primary--soft .nav-cta-primary__title{color:var(--nav-secondary)}
@media(max-width:480px){a.nav-cta-primary{padding:.85rem 1rem}a.nav-cta-primary .nav-cta-primary__title{font-size:.85rem}a.nav-cta-primary .nav-cta-primary__subtitle{font-size:.7rem}}
@media(min-width:768px){a.nav-cta-primary{max-width:500px}}

/* Búsqueda */
a.nav-search-link{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 0;font-size:.82rem;color:var(--nav-text-light);text-decoration:none;transition:color .2s;min-height:var(--nav-touch-min)}
a.nav-search-link:hover{color:var(--nav-primary)}

/* ═══ ZONA E — RETORNO ═══ */
div.nav-back{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--nav-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}
div.nav-back a.nav-back__link{display:inline-flex;align-items:center;gap:.3rem;font-size:.82rem;color:var(--nav-text-light);text-decoration:none;transition:color .2s;min-height:var(--nav-touch-min);padding:.3rem 0}
div.nav-back a.nav-back__link:hover{color:var(--nav-primary)}
div.nav-back .nav-back__arrow{font-size:1rem;transition:transform .2s}
div.nav-back a.nav-back__link:hover .nav-back__arrow{transform:translateX(-3px)}
@media(max-width:480px){div.nav-back{flex-direction:column;align-items:flex-start}div.nav-back a.nav-back__link{font-size:.78rem}}

/* ═══ ESTADO VACÍO ═══ */
div.nav-empty-state{text-align:center;padding:2rem 1rem;max-width:450px;margin:0 auto}
div.nav-empty-state .nav-empty-state__icon{font-size:2.5rem;margin-bottom:.75rem;line-height:1}
div.nav-empty-state .nav-empty-state__title{font-size:1rem;font-weight:700;color:var(--nav-text);margin-bottom:.3rem}
div.nav-empty-state .nav-empty-state__subtitle{font-size:.82rem;color:var(--nav-text-light);margin-bottom:1.25rem;line-height:1.5}
a.nav-empty-state__cta{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;background:var(--nav-primary);color:#fff;border-radius:25px;text-decoration:none;font-weight:700;font-size:.85rem;transition:all .2s;min-height:var(--nav-touch-min)}
a.nav-empty-state__cta:hover{background:var(--nav-primary-dark);transform:translateY(-1px);box-shadow:0 3px 10px rgba(231,76,60,.25);color:#fff}
@media(max-width:480px){div.nav-empty-state{padding:1.5rem .75rem}div.nav-empty-state .nav-empty-state__icon{font-size:2rem}}

/* ═══ SIGUE EXPLORANDO ═══ */
div.nav-explore-section{background:var(--nav-bg-soft);padding:1.25rem;border-radius:var(--nav-radius);margin-top:1.25rem}
div.nav-explore-section .nav-explore-section__title{font-size:.85rem;font-weight:700;color:var(--nav-secondary);margin-bottom:.75rem}
div.nav-explore-grid{display:grid;grid-template-columns:1fr;gap:.5rem}
@media(min-width:480px){div.nav-explore-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){div.nav-explore-grid{grid-template-columns:1fr 1fr 1fr}}
a.nav-explore-item{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;background:#fff;border:1px solid var(--nav-border);border-radius:8px;text-decoration:none;color:var(--nav-text);transition:all .2s;min-height:var(--nav-touch-min)}
a.nav-explore-item:hover{border-color:var(--nav-primary);box-shadow:0 2px 8px rgba(0,0,0,.06);transform:translateY(-1px)}
a.nav-explore-item .nav-explore-item__icon{font-size:1.2rem;flex-shrink:0}
a.nav-explore-item .nav-explore-item__text{font-size:.8rem;font-weight:600;line-height:1.3}
a.nav-explore-item .nav-explore-item__text small{display:block;font-weight:400;color:var(--nav-text-light);font-size:.7rem;margin-top:.1rem}

/* ═══ PRINT + ACCESIBILIDAD ═══ */
@media print{nav.nav-breadcrumb,div.nav-contextual,div.nav-back,div.nav-explore-section,div.nav-empty-state{display:none!important}}
a.nav-chip:focus-visible,a.nav-cta-primary:focus-visible,a.nav-back__link:focus-visible,a.nav-search-link:focus-visible,a.nav-explore-item:focus-visible,a.nav-breadcrumb__link:focus-visible,a.nav-empty-state__cta:focus-visible{outline:3px solid var(--nav-primary);outline-offset:2px}
@media(prefers-reduced-motion:reduce){a.nav-cta-primary,a.nav-chip,a.nav-explore-item,a.nav-empty-state__cta{transition:none!important;transform:none!important}}