@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&display=swap";:root{--font-main:"Fredoka", sans-serif;--bg-cream:#fbf3e5;--bg-blue:#2f628d;--nav-1:#c7a8d7;--nav-2:#80d4d0;--nav-3:#216ba5;--nav-4:#faa821;--nav-5:#ef7b75;--nav-6:#fbabb7;--text-purple:#b285c1;--text-white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:#fff3e1;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}@font-face{font-family:vanillaCaramel;src:url(/assets/Vanilla_Caramel-Bxe57Kdl.otf)format("opentype");font-weight:400;font-style:normal}.app-container{width:100%;overflow:hidden;box-shadow:0 0 20px #0000000d}.navbar{width:100%;height:60px;display:flex}.nav-item{color:#fff;text-shadow:3px 3px 5px #0009;text-align:center;text-transform:uppercase;cursor:pointer;flex:1;justify-content:center;align-items:center;padding:0 10px;font-family:vanillaCaramel;font-weight:600;text-decoration:none;transition:opacity .3s;display:flex}.nav-item:hover{opacity:.9}.nav-1{background-color:#c3a5ce}.nav-2{background-color:#87d8c9}.nav-3{background-color:#2a6d98}.nav-4{background-color:#f7a817}.nav-5{background-color:#ed7562;line-height:1.1}.nav-6{background-color:#ffabb3}@media (width<=900px){.navbar{flex-wrap:wrap;height:auto}.nav-item{min-width:33.33%;height:50px}}.hero-section{background-color:#fff3e1;justify-content:space-between;align-items:center;min-height:450px;font-family:vanillaCaramel;display:flex;position:relative;overflow:hidden}.random-star{z-index:1;opacity:.8;pointer-events:none;position:absolute}.hero-left{z-index:2;flex:1;justify-content:flex-start;align-items:flex-end;display:flex;position:relative}.hero-left img{width:auto;height:auto}.hero-center{z-index:2;flex:2;justify-content:center;align-items:center;display:flex}.hero-center img{display:none}.hero-text-container{z-index:10;flex:1;justify-content:center;display:flex;position:relative}.hero-text{color:var(--text-purple,#b285c1);text-align:center;z-index:10;font-size:2rem;position:relative}.hero-right{z-index:2;flex-direction:column;flex:1.5;justify-content:center;align-items:center;display:flex;position:relative}.hero-right img{width:500px;height:500px}.deco-circle{z-index:1;border:2px solid #333;border-radius:50%;width:150px;height:150px;position:absolute;bottom:10%;left:10%}.about-section{background-color:var(--bg-blue,#2f628d);width:100%;color:var(--text-white,#fff);gap:50px;padding:60px 50px;display:flex;position:relative;overflow:hidden}.about-content{z-index:2;flex-direction:column;flex:1.2;gap:20px;display:flex;position:relative}.about-title{text-shadow:2px 2px 4px #0000001a;letter-spacing:1px;margin-bottom:10px;font-family:vanillaCaramel;font-size:3rem;font-weight:600}.about-text{font-size:1.1rem;font-weight:400;line-height:1.5}.about-subtitle{margin:10px 0;font-family:vanillaCaramel;font-size:1.4rem;font-weight:600}.about-image-container{flex:1;justify-content:flex-end;align-items:flex-start;display:flex;position:relative}.about-section .about-image-container{margin-top:-60px;margin-right:-50px}.about-image{width:80%;height:auto}.vision-mision-section{background-color:var(--bg-cream,#fbf3e5);justify-content:center;align-items:center;gap:60px;padding:60px 50px;display:flex;position:relative;overflow:hidden}.vision-mision-section .about-image-container{z-index:2;flex:1;justify-content:center;display:flex;position:relative}.vision-mision-section .about-image{clip-path:none;width:100%;max-width:700px;box-shadow:none}@media (width<=900px){.hero-section{flex-direction:column;gap:40px}.hero-left{display:none}.hero-center img{width:100%;height:auto;display:block}.hero-right img{display:none}.hero-text{color:var(--text-purple,#b285c1);text-align:center;font-size:2rem}.about-section,.vision-mision-section{flex-direction:column;gap:40px;padding:40px 20px}.about-section .about-image-container{justify-content:center;margin-top:0;margin-right:0}}.footer{color:#fff;z-index:10;width:100%;padding:60px 40px 20px;font-family:vanillaCaramel,sans-serif;transition:background-color .5s;position:relative}.footer-content{flex-direction:row;justify-content:center;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:flex}.footer-left{flex:1;justify-content:flex-end;display:flex}.footer-logo{filter:drop-shadow(0 5px 15px #0003);width:100%;height:auto}.footer-divider{background-color:#fff9;border-radius:5px;width:3px;height:250px}.footer-right{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding-left:20px;display:flex}.footer-title{letter-spacing:2px;text-shadow:2px 2px 4px #0003;margin-top:0;margin-bottom:30px;font-size:3rem}.footer-contact-list{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.footer-contact-list li{margin:0}.footer-contact-link{color:#fff;align-items:center;gap:20px;text-decoration:none;transition:opacity .3s,transform .3s;display:flex}.footer-contact-link:hover{opacity:.8;transform:translate(5px)}.footer-contact-list img{object-fit:contain;width:35px;height:35px}.footer-icon-placeholder{font-size:2rem}.footer-text{font-family:vanillaCaramel;font-size:1.3rem;font-weight:500}.footer-bottom{text-align:center;border-top:1px solid #ffffff4d;margin-top:50px;padding-top:20px}.footer-bottom p{margin:0;font-family:sans-serif;font-size:1rem}.footer-home{background-color:#87d8c9}.footer-quienes-somos{background-color:#2f628d}.footer-colegios{background-color:#c3a5ce}.footer-experiencias,.footer-kit{background-color:#2a6d9b}.footer-contacto{background-color:#ffabb3}.footer-default{background-color:#333}@media (width<=900px){.footer-content{text-align:center;flex-direction:column;gap:30px}.footer-left{justify-content:center}.footer-divider{width:80%;height:3px}.footer-right{align-items:center;padding-left:0}.footer-contact-link{justify-content:center}}.colegios-section{background-color:#2a6d9b;flex:1;justify-content:flex-start;width:100%;padding:80px 50px 80px 30px;display:flex;position:relative}.colegios-content{align-items:center;width:100%;max-width:1200px;padding-right:38%;display:flex}.colegios-text-container{flex-direction:column;flex:2;gap:30px;display:flex}.colegios-title,.padres-title{color:#f7a817;text-shadow:2px 2px 4px #0000001a;letter-spacing:2px;margin:0;font-family:vanillaCaramel,sans-serif;font-size:4rem}.colegios-paragraph{color:#fff;text-align:justify;margin:0;font-family:sans-serif;font-size:1.3rem;line-height:1.7}.colegios-image-container{width:50%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.colegios-image{width:100%;height:100%;display:block}@media (width<=900px){.colegios-section{padding:50px 20px;position:static}.colegios-content{flex-direction:column;gap:40px;padding-right:0}.colegios-text-container{flex:none;width:100%}.colegios-title,.padres-title{text-align:center;font-size:3rem}.colegios-image-container{width:100%;height:auto;position:static}.colegios-image{object-fit:unset;width:100%;height:auto}}.experiencias-section{background-color:#f7a817;flex-direction:row;flex:1;justify-content:center;align-items:center;width:100%;min-height:520px;padding:80px 25% 80px 33%;display:flex;position:relative;overflow:hidden}.left-img{z-index:2;width:30%;max-width:none;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.left-img .experiencias-image{object-fit:cover;width:100%;height:100%;display:block}.right-img{z-index:2;justify-content:center;align-items:flex-end;width:320px;max-width:25%;display:flex;position:absolute;bottom:0;right:0}.right-img .experiencias-image{transform-origin:100% 100%;filter:drop-shadow(0 -4px 12px #00000026);width:100%;height:auto;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:block}@media (hover:hover){.right-img .experiencias-image:hover{transform:scale(1.1)rotate(3deg)}}.animate-rotate{animation:.6s cubic-bezier(.175,.885,.32,1.275) rotateOnce}@keyframes rotateOnce{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.1)rotate(3deg)}to{transform:scale(1)rotate(0)}}.experiencias-text-container{z-index:3;flex-direction:column;gap:15px;width:100%;max-width:750px;display:flex}.experiencias-paragraph{color:#fff;text-shadow:1px 1px 3px #00000026;text-align:justify;font-family:Myriad Pro;font-size:1.1rem;line-height:1.2}@media (width<=900px){.experiencias-section{flex-direction:column;gap:30px;min-height:auto;padding:50px 20px;position:static}.left-img{width:100%;max-width:200px;height:auto;position:static}.left-img .experiencias-image{object-fit:unset;height:auto}.right-img{width:100%;max-width:200px;height:auto;margin:0 auto;position:static}.right-img .experiencias-image{transform-origin:50%}.experiencias-paragraph{text-align:center;font-size:1.15rem;line-height:1.6}}.kits-section{background-color:#ed7562;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 180px);padding:80px 20px 40px;display:flex;position:relative;overflow:hidden}.kits-title{color:#fff;text-shadow:2px 2px 6px #00000026;text-align:center;letter-spacing:2px;z-index:3;margin:0 0 50px;font-family:vanillaCaramel,sans-serif;font-size:4rem}.clouds-wrapper{z-index:3;flex-direction:row;justify-content:center;align-items:center;gap:60px;width:100%;max-width:1400px;margin-top:20px;display:flex}.cloud-item{cursor:pointer;transform-origin:50%;justify-content:center;align-items:center;width:380px;height:250px;transition:transform .3s;display:flex;position:relative}@media (hover:hover){.cloud-item:hover{animation:.6s ease-in-out infinite alternate cloudWobble}}@keyframes cloudWobble{0%{transform:scale(1.08)rotate(-3deg)translateY(0)}50%{transform:scale(1.08)rotate(3deg)translateY(-5px)}to{transform:scale(1.08)rotate(-3deg)translateY(0)}}.cloud-image{object-fit:contain;filter:drop-shadow(0 8px 16px #00000026);width:100%;height:100%;transition:filter .3s;position:absolute;top:0;left:0}.cloud-item:hover .cloud-image{filter:drop-shadow(0 12px 20px #00000040)}.cloud-text{z-index:10;color:#333;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;padding:0 35px;font-family:vanillaCaramel,sans-serif;font-size:2.2rem;line-height:1.1;position:relative}.kits-footer-link{z-index:3;justify-content:center;width:100%;margin-top:auto;margin-bottom:15px;text-decoration:none;display:flex}.kits-footer-message{color:#fff;text-align:center;text-shadow:1px 1px 3px #00000026;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#ffffff1f;border:2px dashed #ffffff59;border-radius:50px;max-width:90%;padding:15px 40px;font-family:Fredoka,sans-serif;font-size:1.6rem;transition:transform .3s,background-color .3s,box-shadow .3s;box-shadow:0 8px 32px #00000014}.kits-footer-message:hover{background-color:#fff3;transform:scale(1.03);box-shadow:0 12px 36px #00000026}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0000008c;justify-content:center;align-items:center;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:4px solid var(--modal-accent-color);background-color:#fff;border-radius:28px;flex-direction:column;align-items:center;width:90%;max-width:500px;padding:40px;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards scaleIn;display:flex;position:relative;box-shadow:0 20px 45px #0000004d}.modal-close-btn{cursor:pointer;color:#888;background:0 0;border:none;font-family:Fredoka,sans-serif;font-size:2.2rem;font-weight:700;transition:color .2s,transform .2s;position:absolute;top:15px;right:20px}.modal-close-btn:hover{color:#ff5e5b;transform:scale(1.15)}.modal-title{color:var(--modal-accent-color);text-align:center;text-transform:uppercase;margin-top:10px;margin-bottom:25px;font-family:vanillaCaramel,sans-serif;font-size:2.6rem;line-height:1.1}.modal-list{flex-direction:column;gap:15px;width:100%;margin:0;padding:0;list-style:none;display:flex}.modal-item{color:#444;align-items:center;gap:15px;font-family:Fredoka,sans-serif;font-size:1.2rem;line-height:1.4;display:flex}.modal-item-bullet{background-color:var(--modal-accent-color);width:12px;height:12px;box-shadow:0 0 6px var(--modal-accent-color);border-radius:50%;flex-shrink:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (width<=1300px) and (width>=901px){.cloud-item{width:290px;height:190px}.clouds-wrapper{gap:30px}}@media (width<=900px){.kits-section{padding:60px 20px 80px}.kits-title{margin-bottom:30px;font-size:3rem}.clouds-wrapper{flex-direction:column;gap:30px}.cloud-item{width:260px;height:170px}.cloud-text{padding:0 25px;font-size:1.8rem}.modal-content{border-radius:20px;padding:30px 20px}.modal-title{margin-bottom:20px;font-size:2.1rem}.modal-item{font-size:1.05rem}.kits-footer-link{margin-top:45px;margin-bottom:5px}.kits-footer-message{border-radius:24px;padding:12px 25px;font-size:1.2rem}}