.praticas-nav{background:var(--som-bg);overflow:hidden}.praticas-nav .nav-level-1 .nav-header{display:none}.praticas-nav .nav-level-1 .nav-content{padding:var(--space-3)}.categorias-lista{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-1)}.categoria-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--som-bg);border:none;border-bottom:none;border-radius:var(--radius-lg);cursor:pointer;transition:transform .2s cubic-bezier(.2, 0, 0, 1),box-shadow .2s cubic-bezier(.2, 0, 0, 1);min-height:64px;box-shadow:0 1px 3px rgba(61,97,100,.08),0 4px 12px rgba(61,97,100,.04)}.categoria-item:last-child{border-bottom:none}.categoria-item:hover{background:var(--som-bg);transform:translateY(-1px);box-shadow:0 2px 8px rgba(61,97,100,.12),0 8px 24px rgba(61,97,100,.08)}.categoria-item:active{transform:scale(.98);box-shadow:0 1px 2px rgba(61,97,100,.1)}.categoria-item-content{flex:1;min-width:0}.categoria-item-nome{display:block;font-family:var(--font-titulos);font-size:var(--font-size-base);font-weight:700;color:var(--som-primary-darker);margin-bottom:var(--space-1);letter-spacing:.02em}.categoria-item-contexto{display:block;font-size:var(--font-size-sm);color:var(--som-text-light);line-height:var(--line-height-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.categoria-item-arrow{color:var(--som-primary);font-size:var(--font-size-xl);opacity:.4;flex-shrink:0;transition:opacity 150ms ease,transform 150ms ease}.categoria-item:hover .categoria-item-arrow{opacity:.8;transform:translateX(2px)}.praticas-nav .nav-level-2 .nav-intro{padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,var(--som-primary-darker) 0,var(--som-primary) 100%);border-bottom:none;margin:0;border-radius:0}.praticas-nav .nav-level-2 .nav-intro-text{font-size:var(--font-size-sm);color:#fff;font-weight:500;text-align:center;line-height:var(--line-height-relaxed);opacity:.92}.praticas-lista{display:flex;flex-direction:column}.pratica-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--som-border);cursor:pointer;transition:background var(--transition-fast);min-height:var(--touch-target-recommended)}.pratica-item:last-child{border-bottom:none}.pratica-item:hover{background:var(--som-bg-alt)}.pratica-item:active{background:rgba(90,139,143,.1)}.pratica-item-content{flex:1;min-width:0}.pratica-item-nome{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--som-text)}.pratica-item-desc{display:block;font-size:var(--font-size-xs);color:var(--som-text-light);line-height:var(--line-height-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pratica-item-badge{color:var(--som-accent);font-size:var(--font-size-base);flex-shrink:0}.pratica-item-arrow{color:var(--som-text-light);font-size:var(--font-size-lg);opacity:.4;flex-shrink:0}.praticas-nav .nav-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--som-bg-alt);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.praticas-nav .nav-back:hover{background:var(--som-primary-dark)}.praticas-nav .nav-back:hover .nav-back-icon{color:#fff}.praticas-nav .nav-back-icon{font-size:var(--font-size-md);font-weight:300;color:var(--som-primary-dark);line-height:1;margin-left:-2px}.praticas-nav .nav-back-text{display:none}.praticas-nav .nav-level-2 .nav-header{position:relative;justify-content:center}.praticas-nav .nav-level-2 .nav-back{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%)}.praticas-nav .nav-level-2 .nav-title{text-align:center;width:100%;padding:0 var(--space-12)}.praticas-nav .nav-level-3 .nav-header{display:none}.praticas-nav .nav-level-3 .nav-content{padding:0}.nivel3-content{display:flex;flex-direction:column;height:100%}.nivel3-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--som-bg);box-shadow:0 1px 3px rgba(61,97,100,.06);flex-shrink:0}.nivel3-voltar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--som-bg-alt);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.nivel3-voltar:hover{background:var(--som-primary-dark)}.nivel3-voltar:hover .nivel3-voltar-icon{color:#fff}.nivel3-voltar-icon{font-size:var(--font-size-md);font-weight:300;color:var(--som-primary-dark);line-height:1;margin-left:-2px}.nivel3-info{display:flex;flex-direction:column;gap:2px;min-width:0}.nivel3-titulo{font-family:var(--font-titulos);font-size:var(--font-size-base);font-weight:700;color:var(--som-primary-darker);letter-spacing:.02em}.nivel3-subtitulo{font-size:var(--font-size-xs);color:var(--som-text-light);line-height:var(--line-height-snug)}.pratica-detalhe-wrapper{display:flex;flex-direction:column;align-items:center;padding:var(--space-5) var(--space-4);flex:1;overflow-y:auto}.pratica-detalhe{max-width:560px;width:100%;text-align:center}.pratica-detalhe-badge{display:inline-block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-4)}.pratica-detalhe-badge.available{background:rgba(90,139,143,.15);color:var(--som-primary-dark)}.pratica-detalhe-badge.unavailable{background:var(--som-bg-alt);color:var(--som-text-light)}.pratica-detalhe-subtitulo{font-size:var(--font-size-base);color:var(--som-primary-dark);font-weight:500;font-style:italic;margin:0 0 var(--space-5);line-height:var(--line-height-relaxed);text-align:center}.pratica-detalhe-divider{width:50px;height:2px;background:linear-gradient(90deg,var(--som-primary) 0,var(--som-accent) 100%);border:none;margin:0 auto var(--space-5);border-radius:1px}.pratica-detalhe-texto{font-size:var(--font-size-sm);color:var(--som-text);line-height:var(--line-height-loose);text-align:left;margin-bottom:var(--space-5)}.pratica-detalhe-veiculos{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-5)}.pratica-detalhe-veiculos-label{width:100%;font-size:var(--font-size-xs);color:var(--som-text-light);margin-bottom:var(--space-2)}.pratica-veiculo-tag{display:inline-block;padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,rgba(90,139,143,.1) 0,rgba(232,147,122,.1) 100%);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;color:var(--som-primary-dark);text-transform:uppercase;letter-spacing:.3px}.pratica-detalhe-cta{padding-top:var(--space-5);border-top:1px solid var(--som-border)}.pratica-detalhe-cta .btn{width:100%;padding:var(--space-4)}.pratica-detalhe-cta .btn-secondary{background:var(--som-bg-alt);color:var(--som-primary-dark);border:2px solid var(--som-primary)}.pratica-detalhe-cta .btn-secondary:hover{background:var(--som-primary);color:#fff}.pratica-detalhe-cta-note{margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--som-text-light)}@media (min-width:768px){.praticas-nav .nav-level-1 .nav-title{font-size:var(--font-size-xl)}.categorias-lista{gap:var(--space-3)}.categoria-item{padding:var(--space-5);min-height:72px}.categoria-item-nome{font-size:var(--font-size-md)}.categoria-item-contexto{white-space:normal}.praticas-nav .nav-level-2 .nav-intro{padding:var(--space-5) var(--space-8)}.praticas-nav .nav-level-2 .nav-intro-text{font-size:var(--font-size-base)}.pratica-item{padding:var(--space-5)}.pratica-item-nome{font-size:var(--font-size-base)}.pratica-item-desc{font-size:var(--font-size-sm);white-space:normal}.pratica-detalhe-subtitulo{font-size:var(--font-size-lg)}.pratica-detalhe-texto{font-size:var(--font-size-base)}.pratica-detalhe-veiculos-label{font-size:var(--font-size-sm)}.pratica-detalhe-cta .btn{width:auto;min-width:200px;padding:var(--space-4) var(--space-8)}.pratica-detalhe-cta-note{font-size:var(--font-size-sm)}}.praticas-drilldown{position:relative;overflow:hidden}.fd-level{display:flex;flex-direction:column;height:100%;opacity:0;transition:opacity 150ms cubic-bezier(.2, 0, 0, 1)}.fd-level.active{opacity:1}.fd-level.exiting{opacity:0}.fd-title{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);margin-bottom:var(--space-3);flex-shrink:0;min-height:48px;background:linear-gradient(135deg,var(--som-primary-darker) 0,var(--som-primary) 100%);border-radius:var(--radius-lg)}.fd-title-back{font-family:var(--font-titulos);font-size:var(--font-size-lg);font-weight:700;color:#fff;cursor:pointer;transition:opacity 150ms ease;line-height:1.2}.fd-title-back:hover{opacity:.75}.fd-title-sep{font-family:var(--font-titulos);font-size:var(--font-size-lg);font-weight:700;color:#fff;opacity:.5;line-height:1}.fd-title-current{font-family:var(--font-titulos);font-size:var(--font-size-lg);font-weight:700;color:#fff;line-height:1.2;opacity:.9}.fd-grid{flex:1;display:grid;gap:var(--space-3);align-items:stretch}.fd-grid--categorias{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.fd-grid--cols-1{grid-template-columns:1fr;grid-auto-rows:1fr}.fd-grid--cols-2{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr}.fd-grid--cols-3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.fd-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--som-bg);border:none;border-radius:var(--radius-lg);cursor:pointer;height:100%;min-height:100px;box-shadow:0 1px 3px rgba(61,97,100,.08),0 4px 12px rgba(61,97,100,.04);transition:transform .2s cubic-bezier(.2, 0, 0, 1),box-shadow .2s cubic-bezier(.2, 0, 0, 1)}.fd-card:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(61,97,100,.12),0 8px 24px rgba(61,97,100,.08)}.fd-card:active{transform:translateY(0) scale(.98);box-shadow:0 1px 2px rgba(61,97,100,.1)}.fd-card-content{flex:1;min-width:0;text-align:left}.fd-card-nome{display:block;font-family:var(--font-titulos);font-size:var(--font-size-base);font-weight:700;color:var(--som-primary-dark);letter-spacing:.01em;margin-bottom:4px;line-height:1.3}.fd-card-contexto{display:block;font-size:var(--font-size-sm);color:var(--som-text-light);font-weight:400;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.fd-card-desc{display:block;font-size:var(--font-size-sm);color:var(--som-text-light);font-weight:400;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.fd-card-arrow{color:var(--som-text-light);font-size:var(--font-size-lg);opacity:.3;flex-shrink:0;transition:opacity 150ms ease,transform 150ms ease}.fd-card:hover .fd-card-arrow{opacity:.7;transform:translateX(2px)}.fd-card-badge{flex-shrink:0;font-size:var(--font-size-sm)}.fd-card-badge.available{color:var(--som-accent)}.fd-detail{flex:1;display:flex;flex-direction:column;align-items:center;background:var(--som-bg);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:0 1px 3px rgba(61,97,100,.08),0 4px 12px rgba(61,97,100,.04);overflow-y:hidden;overflow-x:hidden}.fd-detail .pratica-detalhe{max-width:520px}.fd-detail .pratica-detalhe-texto{font-size:var(--font-size-base)}@media (min-width:1024px){.praticas-drilldown{height:620px}.fd-grid{gap:var(--space-3)}.fd-card-nome{font-size:var(--font-size-lg)}}@media (min-width:1440px){.praticas-drilldown{height:700px}}@media (min-width:1920px){.praticas-drilldown{height:780px}}.fd-card:focus-visible,.fd-title-back:focus-visible{outline:2px solid var(--som-primary);outline-offset:2px}@media (hover:none) and (pointer:coarse){.categoria-item:hover{transform:none;box-shadow:0 1px 3px rgba(61,97,100,.08),0 4px 12px rgba(61,97,100,.04)}.categoria-item:active{transform:scale(.98);box-shadow:0 1px 2px rgba(61,97,100,.1)}.pratica-item:hover{background:0 0}.pratica-item:active{background:var(--som-bg-alt)}.fd-card:hover{transform:none;box-shadow:0 1px 3px rgba(61,97,100,.08),0 4px 12px rgba(61,97,100,.04)}.fd-card:active{transform:scale(.98);box-shadow:0 1px 2px rgba(61,97,100,.1)}}@media (prefers-reduced-motion:reduce){.categoria-item,.fd-card,.pratica-item{transition:none}.categoria-item:hover,.fd-card:hover{transform:none}.fd-level{transition:none}}@media (prefers-color-scheme:dark){.praticas-nav{background:var(--som-bg)}.categoria-item{background:rgba(255,255,255,.05);box-shadow:0 1px 3px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.15)}.categoria-item:hover{background:rgba(255,255,255,.08)}.categoria-item:active{background:rgba(255,255,255,.1)}.categoria-item-nome{color:var(--som-primary)}.pratica-item:hover{background:rgba(255,255,255,.05)}.pratica-item:active{background:rgba(255,255,255,.1)}.praticas-nav .nav-back{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1);color:var(--som-primary)}.praticas-nav .nav-back-icon{color:var(--som-primary)}.pratica-detalhe-cta .btn-secondary{background:rgba(255,255,255,.05)}.pratica-detalhe-cta .btn-secondary:hover{background:var(--som-primary)}.fd-title{background:linear-gradient(135deg,rgba(61,97,100,.8) 0,rgba(146,181,184,.6) 100%)}.fd-card{background:rgba(255,255,255,.05);box-shadow:0 1px 3px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.15)}.fd-card:hover{background:rgba(255,255,255,.08);box-shadow:0 2px 8px rgba(0,0,0,.25),0 8px 24px rgba(0,0,0,.2)}.fd-card:active{box-shadow:0 1px 2px rgba(0,0,0,.3)}.fd-card-nome{color:var(--som-primary)}.fd-detail{background:rgba(255,255,255,.05);box-shadow:0 1px 3px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.15)}}