:root{--color-rouge:#e91c1c;--color-orange:#f08700;--color-text:#000;--color-white:#fff}body,html{margin:0}body{display:flex;flex-direction:column}.header-bar{background-color:var(--color-rouge);height:50px}.logo-bar{background-color:#fff;padding:10px;text-align:center}.menu-bar{background-color:var(--color-rouge)}.main-content{background-color:#fff;min-height:400px;padding:20px}.menu-bar .nav-link{color:var(--color-white)}.menu-bar .nav-link:hover{color:var(--color-text)}.footer-bar{background-color:var(--color-rouge);color:var(--color-white);text-align:center}footer{bottom:0;position:relative;width:100%}h1{color:var(--color-text);text-align:center}h3{color:var(--color-rouge)}.a-footer{color:var(--color-white);text-decoration:none}.a-footer:hover{color:var(--color-white);font-weight:700}#logo-principal{max-width:200px}.card{border:1px solid var(--color-primary)}.btn{background-color:var(--color-rouge);color:var(--color-white)}.btn:hover{background-color:var(--color-orange)}.btn-menu:hover{background-color:var(--color-rouge);color:var(--color-white);font-weight:700}.form-control{margin:3px}i{color:var(--color-rouge)}i:hover{font-weight:700}.btn-delete{color:var(--color-rouge)}.btn-delete,.btn-delete:hover{background-color:var(--color-white)}.btn-delete:hover{color:var(--color-orange)}.navigation{text-align:center}.navigation a,.navigation span{color:var(--color-rouge);margin:0 2px;padding:5px 10px;text-decoration:none}.navigation .current{background-color:var(--color-orange);color:var(--color-white)}.navigation .disabled{color:#ccc}.iconprincipal:hover{color:var(--color-rouge)}.iconprincipal{font-size:50px;text-align:center}.text-justify{text-align:justify}@media (max-width:768px){.header-bar{height:40px}.logo-bar{padding:5px}.main-content{padding:10px}.footer-bar{padding:5px}.menu-bar .navbar-nav{text-align:center}.menu-bar .nav-item{margin-bottom:5px}#logo-principal{width:50%}}