body{font-family:Montserrat,sans-serif;margin:0;background-color:var(--beige);transition:background-color .3s ease,color .3s ease}:root{color-scheme:light dark;--blue: #3372a8;--gray: #707070;--lightgray: #ccc;--white: #f9f9f9;--beige: #eeebe4;--bg-pattern: url(/assets/topography-pattern-Bb4CaYmH.png)}[data-theme=dark]{--blue: #73AAD5;--gray: #A1998D;--lightgray: #707070;--white: #1B1E1F;--beige: #121212;--bg-pattern: none}nav{height:15vh;width:100%;position:fixed;display:flex;justify-content:space-between;align-items:center;background-color:var(--white);gap:10px;padding:0 5%;box-sizing:border-box;z-index:1000;transition:background-color .3s ease,color .3s ease}.logo{display:flex;align-items:center;gap:7px}.logo a{text-decoration:none;display:flex;gap:7px;align-items:center;color:inherit}.logo svg{color:var(--blue)}.logo .blue-italic{font-size:28px;font-weight:700;font-style:italic;margin:0;color:var(--blue)}.logo .gray-regular{color:var(--gray);font-size:14px;margin:0}.logo a{color:inherit;text-decoration:none}.logo a:visited{color:inherit}.nav-links{display:flex;flex-grow:1;justify-content:space-around;align-items:center;gap:30px}.nav-item{text-decoration:none;color:var(--gray);font-size:1.2rem;font-weight:600;border-bottom:2px solid transparent;transition:.3s;cursor:pointer}.nav-item a,.nav-links a{color:inherit;text-decoration:none}.nav-item a:visited{color:inherit}.current{font-style:italic;text-decoration:underline;font-weight:700;color:var(--blue)}.nav-item:hover{text-decoration:underline;color:var(--blue)}.moon-icon{display:block}.sun-icon{display:none}[data-theme=dark] .sun-icon{display:block}[data-theme=dark] .moon-icon,.burger-menu{display:none}.hero{height:100vh;background:linear-gradient(#0000004d,#0000004d),url(/assets/hero-DetoBOmu.jpg) center/cover no-repeat;display:flex;align-items:end;padding-left:10%;color:#fff}.hero h1{text-shadow:1px 1px rgba(0,0,0,.082);font-weight:700;font-style:italic;text-transform:none;font-size:5rem;margin:0;color:#3372a8}.hero p{font-size:2.5rem;font-weight:700;margin-top:-10px}section{padding:20px 10%}section.program{padding:calc(20px + 15vh) 10% 20px}h2{color:var(--blue);font-style:italic;font-size:2.5rem;margin-bottom:40px}section .grid-repeat{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}section .grid-1fr{display:grid;grid-template-columns:1fr;gap:30px}.info-card{background-color:var(--white);background-image:var(--bg-pattern);background-size:cover;padding:40px;border-radius:25px;position:relative;box-shadow:0 4px 15px #0000000d;transition:background-color .3s ease,color .3s ease}.img-card{background-color:var(--white);border-radius:30px;overflow:hidden;position:relative;box-shadow:0 10px 20px #0000000d;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease}.card-image{height:200px;width:100%}.card-image img{width:100%;height:100%;object-fit:cover}.card-body{padding:30px;background-image:var(--bg-pattern);background-size:cover}.info-card:before,.img-card:before{content:"";position:absolute;left:0;top:20%;height:60%;width:6px;background-color:var(--blue);border-radius:0 4px 4px 0}.info-card h3,.card-body h3{color:var(--blue);font-size:1.8rem;font-weight:700;font-style:italic;margin:0 0 20px;border-bottom:2px solid var(--lightgray);display:inline-block;padding-bottom:5px}.info-card h4,.card-body h4{color:var(--blue);font-size:1.5rem;font-weight:700;font-style:italic;margin:0}.info-card p,.info-card ol,.card-body p{color:var(--gray);font-size:1rem;font-weight:500;line-height:1.6;font-style:normal}.info-card p span,.info-card p a,.info-card ol li,.info-card p button,.card-body p a{font-size:1rem;color:var(--blue);font-weight:700;font-style:italic;text-decoration:none}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px}.footer-copyright p a{color:var(--blue);font-weight:600;margin:0;text-decoration:none}.newsletter-form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.newsletter-form-container form{display:flex;flex-direction:column;gap:20px;width:80%;max-width:500px}.input-wrapper{position:relative;width:100%}.input-wrapper input{width:100%;padding:15px 15px 15px 55px;border-radius:12px;border:1px solid var(--lightgray);background-color:var(--white);color:var(--gray);font-family:inherit;font-size:1rem;box-sizing:border-box;outline:none;box-shadow:0 4px 15px #0000000d;transition:border-color .3s ease}.input-wrapper input:focus{border-color:var(--blue)}.input-wrapper svg{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:24px;height:24px;color:var(--blue);transition:color .3s ease}.input-wrapper input:focus+svg,.input-wrapper input:not(:placeholder-shown)+svg{color:var(--blue)}.btn{background-color:#3372a8;color:#fff;border:none;border-radius:12px;padding:15px 30px;font-size:1.1rem;font-weight:700;font-style:italic;cursor:pointer;box-shadow:0 4px 15px #0000000d;transition:transform .2s ease,box-shadow .2s ease,background-color .3s;width:100%}[data-theme=dark] .input-wrapper input{background-color:var(--white);color:#fff}@media screen and (max-width:768px){.grid-repeat{grid-template-columns:1fr}ol,ul{margin-top:.5rem;margin-bottom:.5rem;padding-left:1.5rem}li{margin-bottom:4px;line-height:1.2}}@media screen and (max-width:1024px){.navigation-grid{justify-content:space-between;padding:0 20px;box-sizing:border-box}.navigation-grid{height:10vh}.newsletter-form-container form{width:100%}.burger-menu{flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:10px;display:flex;z-index:1001}.burger-menu span{width:30px;height:3px;background-color:var(--blue);transition:.3s}section.program{padding:calc(20px + 10vh) 1% 20px}section.program h2{margin:5%}.nav-links{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--white);transition:.5s ease-in-out;z-index:1000}.nav-links.active{right:0}.burger-menu.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.burger-menu.open span:nth-child(2){opacity:0}.burger-menu.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero{align-items:center}.logo>.text>.blue-italic{font-size:18px}.logo>.text>.gray-regular{font-size:9px}.logo img{height:35px}}
