/* Menú unificado de Design Week: los interiores (header.topbar y header.sitebar) usan el mismo header que la
   home (header.site-head en site.css). Mobile-first: la base es el teléfono y min-width sube a tablet y PC.
   Es la única fuente del layout del menú; las reglas viejas se quitaron de experience.css,
   experience-dynamic.css, studio.css y del CSS del calendario. Fondo, borde y posición (sticky o relativa)
   siguen en la hoja de cada página. Colores sin cambio. */

/* Teléfono (hasta 600 px): header de 70 px, logo de 130 px, botón «Menú» de 76x48 y menú en tarjeta */
.topbar,.sitebar{height:70px;min-height:0;padding:0 16px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:16px;overflow:visible}
.topbar>.brand,.sitebar>.brand{display:block;flex:none;min-height:0}
.topbar>.brand img,.sitebar>.brand img{display:block;width:130px;height:auto;max-height:none}
.nav-toggle{display:block;min-width:76px;min-height:48px;margin-left:auto;padding:10px 15px;color:#fff;background:none;border:1px solid #ffffff55;border-radius:99px;font-family:inherit;font-size:.78rem;letter-spacing:.12em;cursor:pointer}
.topnav,.sitebar>nav{display:none;position:absolute;z-index:40;top:64px;left:10px;right:10px;width:auto;max-width:none;margin:0;max-height:calc(100svh - 76px);overflow-x:hidden;overflow-y:auto;padding:14px;flex-direction:column;align-items:stretch;gap:clamp(16px,2.2vw,36px);border:0;border-radius:18px;background:#151818}
.topnav.open,.sitebar>nav.open{display:flex}
.topnav a,.sitebar>nav a{display:flex;align-items:center;flex:none;width:auto;min-height:48px;padding:0 10px;border:0;border-radius:0;font-size:.86rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;white-space:nowrap}

/* Tablet (601 a 980 px): header de 84 px, logo de 135 px; el menú sigue en tarjeta, como en la home */
@media(min-width:601px){
.topbar,.sitebar{height:84px;padding:4px clamp(20px,4vw,64px) 0}
.topbar>.brand img,.sitebar>.brand img{width:135px}
.nav-toggle{min-width:0;min-height:0;padding:9px 15px;font-size:13.3333px}
.topnav,.sitebar>nav{top:72px;left:14px;right:14px;max-height:none;overflow-y:visible;padding:22px}
.topnav a,.sitebar>nav a{display:block;min-height:0;padding:0;font-size:.72rem}
}

/* PC (desde 981 px): menú en línea, sin botón */
@media(min-width:981px){
.nav-toggle{display:none}
.topnav,.sitebar>nav{display:flex;position:static;flex-direction:row;align-items:center;padding:0;border-radius:0;background:none;overflow:visible}
}

/* Fichas de estudio: «← Plano Design House» va en su propia franja bajo el header para que el header sea igual al de la home */
.study-back{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.18)}
@media(min-width:601px){.study-back{padding:16px clamp(20px,4vw,64px)}}