:root{--bg-principal:#f8f9fa;--bg-superficie:#ffffff;--bg-borde:#e9ecef;--texto-principal:#1a1d20;--texto-secundario:#495057;--texto-mutado:#6c757d;--acento-turquesa:#00cec9;--acento-violeta:#6c5ce7;--acento-violeta-hover:#5b4bc3;--acento-turquesa-hover:#00b3af}body{max-width:var(--content-width);margin:0 auto;background-color:var(--bg-principal);color:var(--texto-secundario)}a{color:var(--acento-turquesa);text-decoration:none}#content{margin:0 auto}.navigation{display:grid;justify-content:center;justify-items:center;margin:0 auto}.navigation a{grid-row:1/2}.navigation .custom-logo-link img{border-radius:50%;width:100px;height:100px}.navigation ul{list-style:none;padding:0;margin:0}.navigation .main-menu{display:flex;justify-content:space-between;gap:1rem}.navigation .sub-menu{position:absolute;margin-top:.5rem;padding-left:1rem;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity 0.5s ease,visibility 0.5s ease,transform 0.5s ease}.navigation .menu-item-has-children{position:relative}.navigation .menu-item-has-children:hover .sub-menu{display:block;opacity:1;visibility:visible;transform:translateY(0)}@media screen and (min-width:740px){.navigation{display:flex;justify-content:space-between;align-items:center}}.footer{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.footer p{text-align:center}.footer ul{list-style:none;padding:0;margin:0}.footer .main-menu{display:flex;justify-content:space-between;gap:1rem}.footer .sub-menu{position:absolute;margin-top:.5rem;padding-left:1rem;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease}.footer .menu-item-has-children{position:relative}.footer .menu-item-has-children:hover .sub-menu{display:block;opacity:1;visibility:visible;transform:translateY(0)}.footer .emph .emph__name{color:var(--texto-principal);font-size:1.5rem;margin-bottom:0}.footer .emph .emph__desc{color:var(--texto-secundario);font-size:1rem;margin-top:0}@media screen and (min-width:740px){.footer{flex-direction:row}.footer p{text-align:left}}body{box-sizing:border-box;height:100vh;max-height:100vh;padding:1rem}main#content{overflow:auto;height:calc(100% - 235px - 100px);margin:1rem 0}main#content .the-title{text-align:center;color:var(--texto-principal)}main#content h2{color:var(--texto-principal)}@media screen and (min-width:740px){body{padding:2rem}main#content{height:calc(100% - 130px - 86px)}}