/* RESET CASSIOPEIA */
.header, .container-nav, .container-breadcrumb, .breadcrumb-wrapper, .navbar-brand { display: none !important; }

/* ESTRUCTURA GENERAL */
body { 
    margin: 0; padding-top: 60px; padding-left: var(--at-width) !important; 
    background: #f4f6f9; transition: 0.3s ease; 
}

/* BARRA SUPERIOR */
.u-at-header { 
    position: fixed; top: 0; right: 0; left: var(--at-width) !important; 
    height: 60px; background: var(--at-primary); z-index: 1000; transition: 0.3s ease; 
}
.u-at-header-inner { display: flex; align-items: center; height: 100%; padding: 0 20px; }
.u-at-header-right { margin-left: auto; display: flex; align-items: center; }

/* BREADCRUMB */
.u-at-breadcrumb { color: rgba(255,255,255,0.6); font-size: 0.85rem; display: flex; align-items: center; }
.u-at-breadcrumb i { margin: 0 10px; font-size: 0.7rem; }
.u-at-bread-active { color: #fff; font-weight: bold; }
.u-at-mobile-btn { display: none; background: none; border: none; color: white; font-size: 1.2rem; margin-right: 15px; cursor: pointer; }

/* SIDEBAR */
.u-at-sidebar { 
    position: fixed; top: 0; left: 0; width: var(--at-width) !important; 
    height: 100vh; background: var(--at-sidebar); z-index: 1100; transition: 0.3s ease; 
}
.u-at-sidebar-content { display: flex; flex-direction: column; height: 100%; }
.u-at-brand { padding: 20px; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.1); }
.u-at-logo-text { color: #fff; font-weight: bold; font-size: 1.2rem; }
.u-at-slogan { color: rgba(255,255,255,0.5); font-size: 0.7rem; }
.u-at-logo-img { max-height: 40px; }
.u-at-toggle-wrapper { margin-top: 15px; }
.u-at-toggle-btn { color: rgba(255,255,255,0.5); text-decoration: none !important; font-size: 0.8rem; }

/* MENÚ VISIBLE */
.u-at-menu-list { list-style: none; padding: 0; margin: 10px 0; display: block !important; }
.u-at-link-main { display: flex; align-items: center; padding: 12px 20px; color: #adb5bd !important; text-decoration: none !important; }
.u-at-active > .u-at-link-main { color: #fff !important; background: rgba(255,255,255,0.1); border-left: 4px solid var(--at-accent); }
.u-at-child-list { list-style: none; padding: 0; background: rgba(0,0,0,0.2); }
.u-at-link-child { display: block; padding: 8px 10px 8px 55px; color: rgba(255,255,255,0.6) !important; text-decoration: none !important; font-size: 0.9rem; }
.u-at-child-active .u-at-link-child { color: var(--at-accent) !important; font-weight: bold; }
.u-at-icon-fw { width: 20px; text-align: center; margin-right: 15px; }
.u-at-arrow { margin-left: auto; transition: 0.3s; font-size: 0.7rem; }
.rotated { transform: rotate(90deg); }

/* ESTADO COLAPSADO */
body.u-at-collapsed { padding-left: 80px !important; }
body.u-at-collapsed .u-at-header { left: 80px !important; }
body.u-at-collapsed .u-at-sidebar { width: 80px !important; }
body.u-at-collapsed .u-at-text, body.u-at-collapsed .u-at-arrow, body.u-at-collapsed .u-at-slogan, body.u-at-collapsed .u-at-toggle-btn span { display: none !important; }

/* RESPONSIVE */
#u-at-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1050; }
@media (max-width: 991px) {
    body { padding-left: 0 !important; }
    .u-at-header { left: 0 !important; }
    .u-at-sidebar { left: calc(var(--at-width) * -1) !important; }
    .u-at-mobile-btn { display: block; }
    .u-at-breadcrumb { display: none; }
    body.u-at-mobile-open .u-at-sidebar { left: 0 !important; }
    body.u-at-mobile-open #u-at-overlay { display: block; }
}

.border-white-10 { border-color: rgba(255,255,255,0.1) !important; }