:root{--fs-b:14px;--background:#121212;--background-mono:#1e2020;--text:#d8cdcd;--primary:#fa6a05;--primary-mono:#FA9D5A;--contrast:#1550AD;--contrast-mono:#A2C4FA;--dev1:#ee2727;--dev1-mono:#d54e4e;--dev2:#34c227;--dev2-mono:#4ca944;--dev3:#386de8;--dev3-mono:#5c7ecf;--dev:#34c227;--dev-mono:#4ca944;--header-height:20vh;--nav-height:11vh}@media (min-width:768px){:root{--fs-b:16px}}@media (min-width:1279px){:root{--fs-b:18px}}@media (min-width:1300px){:root{--fs-b:22px}}html{scroll-behavior:smooth;font-size:var(--fs-b);font-family:Roboto,sans-serif;color:var(--text)}body{margin:0;padding:0;background-color:var(--background)}.responsive-container{max-width:1824px;margin:0 auto!important;padding:0;padding-left:env(safe-area-inset-left)}.scrollspy{padding-top:calc(var(--nav-height) + 20px)}nav{display:flex;align-items:center;justify-content:flex-end;background-color:var(--background-mono);z-index:50;height:var(--nav-height)!important;opacity:0;position:fixed;top:0;font-family:Roboto,sans-serif;font-weight:300;color:#fff;box-shadow:none}.dev1-logo,.dev2-logo,.dev3-logo{width:7.3rem;height:auto}.logo-nav-container{display:flex;align-items:center;justify-content:center;margin-left:1rem;margin-right:auto}.nav-style{height:100%;display:flex;flex-direction:row;justify-content:flex-start}.nav-style>li{height:100%}.nav-style>li>a{font-family:Roboto,sans-serif;font-weight:300;color:#fff;height:100%;display:flex;align-items:center}.nav-style>li>a>svg{color:#fff}.nav-style>li>a:hover{font-weight:200;color:#fff}.nav-style>li:hover{background-color:var(--dev-mono)}@media (min-width:576px){.nav-style>li>a{font-weight:100}.nav-style li a span{display:none;margin-left:.2rem}.nav-style li a:hover>span{display:inline-block}}.nav-style a.active svg{color:var(--dev)}.sidenav a.active span,.sidenav a.active svg{color:var(--dev-mono)}#mobile-demo{background-color:var(--background-mono);height:calc(100% - var(--nav-height));overflow-y:hidden;display:flex;flex-direction:row;justify-content:flex-start;padding-left:.5rem;padding-top:1.3rem;top:var(--nav-height);border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;-ms-border-radius:13px;-o-border-radius:13px}#mobile-demo .close-card{height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;padding-left:.3rem}#mobile-demo ul{height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding-left:1.3rem;padding-bottom:env(safe-area-inset-bottom)}#mobile-demo a{font-size:1.2rem;width:100%;color:#fff;margin:0;padding:0}#mobile-demo a span{margin-left:1rem}#mobile-demo a:hover{font-size:1.6rem}#mobile-demo .user-nav-container{margin-top:auto;font-size:1.5rem}.user-nav-container{margin-right:1rem;font-weight:200;font-size:1.5rem}@media (min-width:768px){.user-nav-container{font-size:1.7rem}}#userDropdown{display:flex;align-items:center;justify-content:flex-start;top:-56.6094px;background-color:rgba(177,168,168,.906);width:auto!important;height:auto!important;padding:.5rem 1.5rem;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.titulo{margin-top:3rem;min-width:100%;opacity:0}.title-text-container{display:flex;justify-content:flex-end;margin-right:1.85rem;font-size:1.3rem;color:var(--dev-mono)}.titulo hr{border:none;height:2px;background:var(--background-mono);margin-bottom:50px}#codding,#proyectos{padding-top:var(--nav-height)}.grid{display:grid;grid-template-columns:repeat(1,1fr);gap:3rem;margin:0 2rem;overflow:hidden}@media (min-width:576px){.grid{grid-template-columns:repeat(3,1fr);margin:0 1rem;gap:2rem}}@media (min-width:1024.1px){.grid{grid-template-columns:repeat(4,1fr);margin:0 2rem}}.card{margin:0;background-color:var(--background);opacity:0}.opacity{opacity:1}.card-header{background-color:var(--background-mono);min-height:clamp(6rem,var(--header-height),var(--header-height));display:flex;align-items:center;justify-content:space-around;border-top-left-radius:10px;border-top-right-radius:10px}.link-icon-container{height:8rem;width:8rem;background-color:var(--dev-mono);padding:.6rem;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;color:#fff;font-size:4rem;display:flex;align-items:center;justify-content:center}@media (min-width:768px){.link-icon-container{height:4rem;width:4rem;font-size:2rem}}.card-content{background-color:var(--dev);border-bottom-left-radius:10px!important;border-bottom-right-radius:10px!important;height:calc(var(--header-height)/1.618033);display:flex;align-items:center;justify-content:flex-start;cursor:pointer}.card-title{width:100%;color:#fff;margin:0;font-size:2rem!important}@media (min-width:576px){.card-title{font-size:1.7rem!important}}@media (min-width:1024.1px){.card-title{font-size:1.7rem!important}}.card-title .material-icons{font-size:2rem}i .right{margin-left:0}.card-reveal{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background-color:var(--background-mono)!important}.back-title,.back-title i{font-size:1.3rem!important;color:var(--dev)}.card-reveal ul{color:var(--dev-mono)}@media (min-width:576px){.card-reveal ul{font-size:.8rem}}.icon::before{display:none}.card-reveal ul li::before{font-family:"Font Awesome 6 Duotone";font-weight:400;content:"\f058 "}.card-reveal ul li svg{margin-right:.6rem;color:#d8cdcd}.card-content-proyectos{background-color:var(--dev);border-bottom-left-radius:10px!important;border-bottom-right-radius:10px!important;height:calc(var(--header-height)/1.618033);display:flex;align-items:center;justify-content:flex-start;cursor:pointer;padding:.4rem}.card-title-proyectos{width:100%;color:#fff;margin:0;font-size:1.4rem!important}@media (min-width:576px){.card-title-proyectos{font-size:1rem!important}}@media (min-width:1024.1px){.card-title-proyectos{font-size:1.2rem!important}}.card-content-proyectos .material-icons{font-size:1.5rem}#toast-container{background-color:var(--primary)}.toast{background-color:var(--primary-mono);color:#fff}.restricted{filter:blur(2.5px);pointer-events:none;-webkit-filter:blur(2.5px);cursor:not-allowed}footer{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1rem;margin-top:2rem;opacity:0}@media (min-width:576px){footer{flex-direction:row;margin-top:4rem}}footer .pwr-huin{display:flex;justify-content:center;align-items:center;font-size:1.3rem;font-weight:100}.pwr-huin span{width:auto;white-space:nowrap;text-overflow:ellipsis}footer .logo-huin{height:3.2rem;margin-left:.7rem;padding-bottom:.5rem}footer .logo-colegio{width:8rem;height:auto}