/* ============================================================ CH AUTENTIC SEDAVI - Distintivo visual de la instancia DEMO ============================================================ Se incluye siempre, pero solo se ve si el HTML lleva la clase "es-demo" en el , que se anade unicamente cuando APP_ES_DEMO esta definido. ============================================================ */ /* --- Franja superior fija --- */ .franja-demo{ position:fixed; top:0; left:0; right:0; z-index:99999; background:repeating-linear-gradient( 45deg, #b45309, #b45309 16px, #92400e 16px, #92400e 32px ); color:#fff; text-align:center; font-weight:900; font-size:12.5px; letter-spacing:.5px; padding:5px 12px; box-shadow:0 2px 10px rgba(0,0,0,.35); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; text-transform:uppercase; display:flex; align-items:center; justify-content:center; gap:10px; } .franja-demo .punto{ width:9px;height:9px;border-radius:50%; background:#fde68a; box-shadow:0 0 6px #fde68a; animation:parpadeo 1.6s ease-in-out infinite; } @keyframes parpadeo{0%,100%{opacity:1}50%{opacity:.3}} /* --- Empujar el contenido para que la franja no lo tape --- */ body.es-demo{ padding-top:27px !important; } body.es-demo .sidebar{ top:27px !important; height:calc(100vh - 27px) !important; } body.es-demo .side-panel{ top:calc(18px + 27px) !important; } @media(max-width:800px){ body.es-demo .mobile-topbar{ top:27px !important; } } /* --- En el login, la franja tambien, pero el layout es distinto --- */ body.login-body.es-demo{ padding-top:0 !important; } body.login-body.es-demo .login-shell{ margin-top:38px; } /* --- Marca de agua sutil en el fondo de las pantallas internas --- */ body.es-demo .content::before{ content:"DEMO"; position:fixed; bottom:14px; right:18px; font-size:64px; font-weight:900; color:rgba(180,83,9,.06); letter-spacing:6px; pointer-events:none; z-index:0; user-select:none; }