/* Extraído de View/Layouts/auth.ctp (issue #539 — design system Croma). * * Estos overrides pisaban .main-content-wrapper / .container-fluid / * .content-page-header del layout compartido (Risto.base) con !important * sin scope, afectando potencialmente cualquier otro elemento con esas * clases en la página. Se scopean bajo html.auth-layout (clase agregada * por auth.ctp vía JS en el , ver header-script) para que solo * apliquen en las pantallas de login/auth. */ /* Sin !important: la especificidad de html.auth-layout .main-content-wrapper ya gana a la regla base (.main-content-wrapper, sin scope) definida en element_page_header.css. */ html.auth-layout .main-content-wrapper { padding-top: 0; } /* Necesita !important: en desktop (>=769px) sin sesión, #content también tiene la clase .no-sidebar, y layout-sidebar-content.css define "#content.no-sidebar { padding-left: var(--content-padding) !important; }". Sin el !important acá no ganaría la cascada. Queda acotado a html.auth-layout #content.container-fluid, no pisa otros usos de .container-fluid en el resto de la app. */ html.auth-layout #content.container-fluid { padding-left: 0 !important; padding-right: 0 !important; } /* .content-page-header no tiene definición activa en el resto de la app (selector legacy/huérfano — page_header.ctp usa .navbar-default), por lo que no hay conflicto real que resolver; se deja scopeada por consistencia con el resto del archivo y por si se reintroduce el markup. */ html.auth-layout .content-page-header { display: none; }