/* Franja flotante «Compra pases aquí: Talks · Walks · House» justo debajo del menú, en todas las páginas de Design Week con el
   header compartido (la inyecta main.py). dwgt-cta.js la fija debajo del menú al hacer scroll (con un marcador que
   conserva su alto: no tapa contenido) y la cierra por sesión. Sin JavaScript queda en el flujo. Mobile-first. */
.dwgt-cta{position:relative;z-index:55;color:#fff;background:rgba(21,24,24,.94);border-bottom:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:Outfit,Arial,sans-serif}
.dwgt-cta.is-stuck{position:fixed;left:0;right:0;top:var(--dwgt-cta-top,0px)}
.dwgt-cta.is-top{padding-top:env(safe-area-inset-top,0px)}
.dwgt-cta-off .dwgt-cta,.dwgt-cta-off .dwgt-cta-ph{display:none}
.dwgt-cta-inner{display:flex;align-items:center;gap:8px;max-width:1440px;margin:0 auto;padding:6px max(8px,env(safe-area-inset-right,0px)) 6px max(16px,env(safe-area-inset-left,0px))}
.dwgt-cta-label{flex:none;color:rgba(255,255,255,.72);font-size:.6rem;font-weight:800;letter-spacing:.16em;line-height:1.25;text-transform:uppercase}
.dwgt-cta-m{display:block;max-width:6.4em}
.dwgt-cta-d{display:none}
.dwgt-cta-links{display:flex;flex:1;gap:8px;min-width:0}
.dwgt-cta-link{display:flex;flex:1 1 0;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:0 10px;border:2px solid var(--dwgt-cta-c,#ff750d);border-radius:10px;background:var(--dwgt-cta-c,#ff750d);color:#000;font-size:.78rem;font-weight:800;letter-spacing:.08em;line-height:1.1;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 0 rgba(0,0,0,.35);transition:background .2s ease,color .2s ease,transform .15s ease}
.dwgt-cta-link.is-house{--dwgt-cta-c:#ff750d}
.dwgt-cta-link.is-talks{--dwgt-cta-c:#cd06e6}
.dwgt-cta-link.is-walks{--dwgt-cta-c:#3cdbc0}
.dwgt-cta-link:hover,.dwgt-cta-link:focus-visible{filter:brightness(1.18);transform:translateY(-1px);text-decoration:underline;text-underline-offset:3px}
.dwgt-cta-link:focus-visible{outline:2px solid #fff;outline-offset:2px}
.dwgt-cta-v{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(min-width:601px){
.dwgt-cta-inner{gap:14px;padding:8px clamp(20px,4vw,64px)}
.dwgt-cta-label{font-size:.66rem;letter-spacing:.2em}
.dwgt-cta-m{display:none}
.dwgt-cta-d{display:block}
.dwgt-cta-links{flex:0 1 auto;margin-left:auto}
.dwgt-cta-link{flex:0 1 auto;min-width:112px;padding:0 22px;font-size:.8rem}
.dwgt-cta-v{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
}
@media(prefers-reduced-motion:reduce){.dwgt-cta-link{transition:none}}
/* Teléfono (hasta 640 px): header más alto con 20 px de aire arriba y abajo del logo (+ zona segura del notch) y el botón
   Menú centrado; el menú desplegable cuelga del borde inferior del header, y la franja queda pegada debajo, sin traslape. */
@media(max-width:640px){
header.topbar,header.sitebar,header.site-head{box-sizing:border-box;height:auto;min-height:0;padding:calc(20px + env(safe-area-inset-top,0px)) 16px 20px;align-items:center}
header.topbar>.brand,header.sitebar>.brand,header.site-head>.brand,header.site-head>a:first-child{display:flex;align-items:center;margin:0;padding:0;line-height:0}
header.topbar>.brand img,header.sitebar>.brand img,header.site-head>.brand img,header.site-head>a:first-child img{display:block;margin:0}
header .nav-toggle,header .menu-toggle{align-self:center;margin-top:0;margin-bottom:0}
header.topbar .topnav,header.sitebar>nav,header.site-head nav{top:calc(100% + 4px)}
}