con z-index queda atrapado bajo la cabecera. Con top:0 y z 10050 pasa por encima de la window-chrome (10000); el backdrop (10040) atenúa el fondo. El padding-top deja aire para una barra de acciones flotante arriba (topbar); un módulo sin topbar lo puede pisar. ============================================================================= */ .jamm-drawer { position: fixed; top: 0; /* cubre la cabecera (window-chrome, z 10000) */ right: 0; height: 100vh; max-height: 100vh; width: min(1008px, 94vw); max-width: none; transform: translateX(103%); transition: transform 0.34s cubic-bezier(0.4, 0, 0.2, 1); z-index: 10050; background: var(--surface-nav); border: none; box-shadow: none; /* cerrado: sin sombra (si no, sangra sobre el borde derecho del contenido) */ overflow: hidden; display: flex; flex-direction: column; padding: 74px 28px 14px; /* aire arriba para la barra de acciones flotante */ border-radius: 0; /* recto contra el borde derecho */ } .jamm-drawer.is-open { transform: translateX(0); box-shadow: -20px 0 60px rgba(0, 0, 0, 0.75); /* la sombra sólo cuando está abierto */ } /* En claro, `html[data-theme="light"] .abm-form` pinta el overlay de un celeste (#a8b8c8) que no matchea con la página. El drawer usa su propia superficie del tema (misma familia que la page). Gana por orden (drawer.css carga después). */ html[data-theme="light"] .jamm-drawer { background: var(--surface-nav); border: none; } /* Línea divisoria de la cabecera: separa la barra de acciones (topbar) del contenido, a lo ancho del drawer, justo debajo de los botones. */ .jamm-drawer::before { content: ''; position: absolute; top: 66px; left: 0; right: 0; height: 1px; background: var(--line, rgba(255, 255, 255, 0.10)); z-index: 2; pointer-events: none; } /* Backdrop: atenúa y bloquea el fondo (incluida la cabecera). Debajo del drawer. */ .jamm-drawer-ov { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.55); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 10040; } .jamm-drawer-ov.on { opacity: 1; pointer-events: auto; }