:root{--primary-bg-color: #f4f4f4;--sidebar-bg-color: rgb(13, 110, 253);--white: rgb(243, 243, 243);--grey: grey;--blue: blue;--font-family: Arial, sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--white);min-height:100vh;overflow-x:hidden}body:not(.login):before{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background-image:url(/assets/images/planta.jpg);background-size:cover;background-position:center bottom;background-repeat:no-repeat;background-color:#ffffffb3;background-blend-mode:overlay;z-index:-1}#sidebar{width:250px;height:100vh;position:fixed;top:0;left:0;background-color:var(--sidebar-bg-color);padding:20px;box-shadow:2px 0 5px #0000001a;overflow-y:auto;z-index:1000}#logo{width:200px;height:auto;object-fit:contain;padding-top:25px;padding-bottom:25px}.nav-link{padding:10px;font-size:1.1rem;color:var(--white);text-decoration:none;display:block;width:200px}.nav-link.active,.nav-link:hover{background-color:#fff3;border-radius:5px}#main-content,#home,#proyectos,#conocenos,#contacto,#comprobadores,#preformado,#datamatrix42,#digitocontrol,#planos,#usuarios{margin-left:250px;padding:20px;box-sizing:border-box;max-width:1000px;overflow-x:hidden}table{margin:0 auto;border-collapse:collapse;width:auto}table,th,td{border:1px solid #ddd;color:var(--white)}th,td{padding:15px;text-align:center;vertical-align:top}th{background-color:var(--grey)}#footer{color:#7e7575;text-align:center;height:5mm;width:100%;position:fixed;bottom:0;left:0;z-index:1000;display:flex;justify-content:center;font-size:.8rem;line-height:6mm}.nav-link.usuarios-link.active,.nav-link.usuarios-link:hover{background-color:#000!important;color:var(--white)!important}@media (max-width: 768px){#sidebar{width:100%;height:auto;position:relative}#main-content,#home,#proyectos,#comprobadores,#preformado,#datamatrix42,#digitocontrol,#planos,#usuarios{margin-left:0!important;padding:15px!important}.col-12{padding:10px}#planos .list-group-item{font-size:.75rem}#datamatrix42 .table,#datamatrix42 th,#datamatrix42 td{font-size:.85rem}body:not(.login){position:relative;padding-bottom:300px}body:not(.login):before{content:"";position:absolute;left:0;bottom:0;width:100%;height:300px;background-image:url(/assets/images/planta.jpg);background-size:cover;background-position:center bottom;background-repeat:no-repeat;background-color:#ffffffb3;background-blend-mode:overlay;z-index:-1}#footer{display:none}}