@media(max-width:1180px){.part-nav button{font-size:.7em;padding:.5rem}.topbar{gap:14px}.part-layout{grid-template-columns:238px minmax(0,1fr)}.sidebar{--sidebar-w:238px}.part-hero{grid-template-columns:1fr .5fr}}
@media(max-width:920px){.topbar{grid-template-columns:1fr auto}.part-nav{position:fixed;left:0;right:0;top:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);justify-content:flex-start;padding:8px 12px;box-shadow:var(--shadow-soft)}.app-shell{padding-top:calc(var(--topbar-h) + 54px)}.hero{min-height:auto;grid-template-columns:1fr;padding-top:78px}.hero-art{max-width:620px;margin:auto}.part-layout{display:block;padding-top:70px}.sidebar{position:fixed;z-index:120;top:0;bottom:0;left:0;width:min(86vw,330px);max-height:none;background:var(--surface);padding:92px 20px 30px;transform:translateX(-105%);transition:transform var(--motion) var(--ease);box-shadow:var(--shadow)}.sidebar.is-open{transform:none}.mobile-index-btn{display:grid}.part-hero{grid-template-columns:1fr}.part-number{display:none}.tool-grid{grid-template-columns:1fr}}
@media(max-width:620px){:root{--topbar-h:64px}.topbar{padding:0 14px}.brand{font-size:.76em}.top-actions .icon-btn{width:38px;height:38px}.hero{padding:62px 20px}.hero-actions{display:grid}.btn{justify-content:center}.journey-wrap{padding:8px;margin-top:34px}.part-layout{padding-left:18px;padding-right:18px}.breadcrumb{font-size:.66em;overflow:auto}.phase-strip{grid-template-columns:1fr 1fr}.search-popover{right:8px;top:72px;width:calc(100vw - 16px)}.callout{padding:1rem}.diagram{padding:10px}.placeholder{padding:55px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.view-stage,.crosslink,.tool-card,.sidebar{animation:none!important;transition:none!important}}

@media (max-width:720px){
  .hero.hero-clean{padding:56px 20px 72px;align-items:start}
  .hero-clean h1{font-size:clamp(2.8rem,13vw,4.4rem)}
  .hero-clean .hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .hero-clean .hero-actions .btn{justify-content:space-between;width:100%}
  .hero-note{margin-top:38px;display:grid;gap:8px}
}
@media (max-width:980px){.diagram-wide{width:100%;max-width:100%}}

@media(max-width:620px){.brand{max-width:42vw;overflow:hidden;text-overflow:ellipsis}}

/* Producción v6 · acciones más táctiles en móvil */
@media(max-width:620px){
  .top-actions .icon-btn{width:44px;height:44px;font-size:1.32rem}
  #search-toggle,#theme-toggle{font-size:1.46rem}
}


/* Producción v7 · controles grandes también en móvil */
@media(max-width:620px){
  .top-actions{gap:4px}
  .top-actions .icon-btn{width:52px;height:52px;padding:0;border:0}
  #search-toggle,#theme-toggle{font-size:2.9rem;line-height:.8}
  .top-actions .mobile-index-btn{width:42px;height:42px;font-size:1.3rem}
}

/* Producción v8 · continuidad cromática en navegación compacta */
@media(max-width:920px){
  .part-nav{border-bottom-color:var(--accent);background:var(--surface)}
}

/* Producción v11 · la portada no recupera padding superior en breakpoints. */
@media(max-width:920px){
  .hero.hero-clean{padding-top:0}
}
@media(max-width:720px){
  .hero.hero-clean{padding-top:0}
}
@media(max-width:620px){
  .hero.hero-clean{padding-top:0}
}