/* Navegación visual adaptada del portal i-team. Los filtros siguen en app.js. */
.family-explorer{margin:0 0 25px;padding:22px 0 8px;border-top:1px solid #e7e9ec}
.family-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.family-heading h2{font-size:20px;line-height:1.4;color:#30343a;margin:0;font-weight:700}
.family-all{font-size:13px;font-weight:600;color:#a8072c;display:inline-flex;gap:10px;align-items:center;padding:8px 0;text-decoration:none}
.family-explorer>p{font-size:14px;color:#66727e;margin:8px 0 14px;line-height:1.7}
.family-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:4px 0}
.family-card{display:flex;align-items:center;gap:13px;border:1px solid #dfe4e9;border-radius:6px;padding:14px;background:white;min-height:119px;text-decoration:none;box-sizing:border-box;transition:background .15s,border-color .15s}
.family-card:hover{border-color:#c19d00;background:#fffdf1}
.family-card img{width:76px;height:80px;object-fit:contain;flex-shrink:0;mix-blend-mode:multiply}
.family-card>span:first-of-type{flex:1;min-width:0}
.family-card strong{display:block;font-size:15px;line-height:1.4;color:#343d47;font-weight:650}
.family-card small{display:block;font-size:12px;line-height:1.6;color:#6a7682;margin-top:5px}
.family-total{display:block;margin-top:6px;font-size:12px;color:#8f1736;font-weight:600}
.family-arrow{font-size:20px;color:#9cabb7;flex-shrink:0}
.family-card[aria-current=true]{border-color:#9d1838;background:#fff8d5;box-shadow:inset 0 0 0 1px #9d1838}
.family-all[aria-current=true]{color:#55616d}
.family-disclosure{margin-top:8px}
.family-disclosure summary{cursor:pointer;font-size:13px;font-weight:600;color:#9d1838;padding:11px 0;line-height:1.6}
.family-card:focus-visible,.family-all:focus-visible,.family-disclosure summary:focus-visible{outline:3px solid #b48f00;outline-offset:3px}
#results-heading{scroll-margin-top:24px}
#results-heading:focus-visible{outline:2px solid #b48f00;outline-offset:5px}
@media(max-width:1050px){.family-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.family-card{padding:12px;gap:10px}.family-card img{width:64px;height:72px}}
@media(max-width:600px){.family-explorer{padding-top:17px;margin-bottom:20px}.family-heading{gap:5px}.family-heading h2{font-size:19px}.family-explorer>p{font-size:13px}.family-cards{grid-template-columns:1fr;gap:9px}.family-card{min-height:105px;padding:12px;gap:14px}.family-card img{width:67px;height:72px}.family-card small{font-size:12px}.family-all{font-size:12px}.family-card strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.family-card{transition:none}}
@media print{.family-explorer{display:none!important}}