:root{--theme-primary-color:#005fab;--theme-secondary-color:#e10075}*{box-sizing:border-box;font-family:Albert Sans,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}body,html{height:100%;min-height:100svh}.container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:100vh;position:relative}.split{overflow:hidden;position:relative}.pregrado{-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%)}.otec,.pregrado{grid-column:1/3;grid-row:1/3}.otec{-webkit-clip-path:polygon(100% 100%,100% 0,0 100%);clip-path:polygon(100% 100%,100% 0,0 100%)}.split:before{background-position:50%;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.pregrado:before{background-image:url(/images/landing/pregrado.jpg)}.otec:before{background-image:url(/images/landing/otec.jpg)}.overlay{bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.pregrado .overlay{background:linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,89,171,0))}.otec .overlay{background:linear-gradient(270deg,rgba(0,0,0,.6) 0,rgba(225,0,117,0))}.content{border-radius:10px;color:#fff;max-width:500px;padding:40px;position:absolute;width:80%;z-index:3}.pregrado .content{left:5%;top:15%}.otec .content{bottom:15%;right:5%}h2{font-size:2rem;font-size:clamp(2rem,-1.3333333333rem + 4.4444444444vw,4rem);text-shadow:2px 2px 4px rgba(0,0,0,.5)}h2,p{margin-bottom:1rem}p{line-height:1.6;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.cta-button{background-color:var(--theme-primary-color);border:none;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-block;font-weight:700;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{background-color:var(--theme-secondary-color);box-shadow:0 6px 8px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}footer{background-color:var(--theme-primary-color);bottom:0;color:#fff;padding:2rem 1rem;position:relative;text-align:center;width:100%;z-index:4}footer p{margin:0}.scroll-arrow{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;bottom:20px;display:none;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:5}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}40%{-webkit-transform:translateY(-30px) translateX(-50%);transform:translateY(-30px) translateX(-50%)}60%{-webkit-transform:translateY(-15px) translateX(-50%);transform:translateY(-15px) translateX(-50%)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}40%{-webkit-transform:translateY(-30px) translateX(-50%);transform:translateY(-30px) translateX(-50%)}60%{-webkit-transform:translateY(-15px) translateX(-50%);transform:translateY(-15px) translateX(-50%)}}.navbar{background-color:hsla(0,0%,100%,.9);box-shadow:0 2px 5px rgba(0,0,0,.1);left:0;padding:10px;top:0;width:100%;z-index:1000}.logo-container{align-items:center;display:flex;margin-left:20px;max-width:400px}.logo{height:auto;margin-right:10px}.ipchile-logo{width:50%}.cna-logo{width:40%}@media(min-width:768px)and (max-width:1199px){h2{font-size:3rem}.container{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.otec,.pregrado{-webkit-clip-path:none;clip-path:none;grid-row:1/2}.pregrado{grid-column:1/2}.otec{grid-column:2/3}.otec .overlay,.pregrado .overlay{background:linear-gradient(180deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3))}.otec .content{bottom:unset;right:unset}.otec .content,.pregrado .content{left:50%;text-align:left;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@media(max-width:767px){body,html{height:auto;overflow-y:auto}h2{font-size:3rem}.container{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto}.otec,.pregrado{-webkit-clip-path:none;clip-path:none;grid-column:1/2;height:max(100vh,50rem)}.pregrado{grid-row:1/2}.otec{grid-row:2/3}.otec .overlay,.pregrado .overlay{background:linear-gradient(180deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3))}.otec .content,.pregrado .content{left:50%;padding:20px;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}footer{background-color:var(--theme-primary-color);grid-row:3/4;position:relative}.scroll-arrow{display:block}}@media(max-height:680px)and (min-width:768px){.container{grid-template-rows:1fr}.container,.otec,.pregrado{height:auto;min-height:100vh}.otec,.pregrado{-webkit-clip-path:none;clip-path:none}.pregrado{grid-column:1/2;grid-row:1/2}.otec{grid-column:2/3;grid-row:1/2}.otec .content,.pregrado .content{bottom:auto;left:auto;margin:20px auto;max-width:none;padding:20px;position:relative;right:auto;top:auto;-webkit-transform:none;transform:none;width:90%}.otec .overlay,.pregrado .overlay{background:linear-gradient(180deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3))}footer{background-color:var(--theme-primary-color);position:relative}}