@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.Footer,.footer{background-color:#1a1a1a;color:#fff;padding:20px;text-align:left}.footer-container{margin:0 auto;max-width:1000px}.footer-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.footer-section{margin:10px 20px}.footer-section h2,.footer-section p{margin:5px 0}.footer-section .social-icons{display:flex;gap:10px}.footer-section.contact{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.footer-bottom{align-items:center;border-top:1px solid #333;display:flex;flex-direction:column;justify-content:space-between;padding-left:20px;padding-right:20px;padding-top:20px}.footer-bottom p{margin:5px 0}@media (min-width:768px){.footer-bottom{flex-direction:row}}@media (min-width:615px){.footer-section.contact{align-items:center;text-align:center}}a{color:inherit;text-decoration:none}#landing-section{align-items:center;background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:center;padding:8vw;transition:background-image 1s ease-in-out}.content-landing{background-color:#d9d9d999;border-radius:2vw;padding:1vw 5vw 2vw;text-align:center;width:50%}.content-landing h1{color:#144f49;font-size:4vw;line-height:1.1;margin-bottom:1vw;text-align:center;white-space:normal}.content-landing p{color:#1e1e1e;font-size:1.4vw;font-weight:700;margin-bottom:2vw;text-align:center}.cta-button{background-color:#184b47;border:none;border-radius:.5vw;color:#fff;cursor:pointer;font-size:1.5vw;padding:1.5vw 4vw;transition:background-color .3s,color .3s}.cta-button:hover{background-color:#184b47;color:#242422}@media (max-width:2300px){.landing-section{flex-direction:row;padding:6vw}.content-landing{padding:4vw;width:60%}.content-landing h1{font-size:4.4vw}.content-landing p,.cta-button{font-size:2vw}.cta-button{padding:1.5vw 3vw}}@media (max-width:1280px){.landing-section{flex-direction:row;padding:7vw}.content-landing{margin-right:4vw;padding:5vw;width:80%}.content-landing h1{font-size:6.1vw}.content-landing p,.cta-button{font-size:3vw}.cta-button{padding:1.5vw 3vw}}@media (max-width:1024px){.landing-section{flex-direction:row;padding:6.5vw}.content-landing{align-items:center;flex-direction:column;justify-content:center;margin-right:3vw;padding:4vw;width:80%}.content-landing h1{font-size:6.1vw}.content-landing p,.cta-button{font-size:3.5vw}.cta-button{padding:1.5vw 3vw}}@media (max-width:860px){.landing-section{flex-direction:row;padding:11vw}.content-landing{align-items:center;flex-direction:column;justify-content:center;margin-top:100px;max-width:100%;padding:2vw;width:80%}.content-landing h1{font-size:6.7vw}.content-landing p{font-size:3vw}.cta-button{font-size:2.5vw;padding:1vw 6vw}}@media (max-width:480px){.landing-section{flex-direction:row;padding:9vw}.content-landing{align-items:center;flex-direction:column;justify-content:center;margin-right:0;max-width:100%;padding:6vw;width:80%}.content-landing h1{font-size:5.8vw}.content-landing p{font-size:3vw}.cta-button{font-size:2vw;padding:1vw 6vw}}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden;width:100%}#mision-vision-section{padding-bottom:100px;padding-top:100px}.section-container{background-color:#f0f8ff;background:url(/static/media/onditas.93446448b0f853e547cd.jpg) no-repeat 50% fixed;background-size:cover;color:#f0f8ff}.inner,.section-container{align-items:center;display:flex;flex-direction:column;padding:20px}.inner{border:4px groove #fff;border-radius:10px;max-width:1200px}.section-title{font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.content-wrapper{align-items:flex-start;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}.image-container-mv{flex:1 1;max-width:40%;min-width:300px}.section-image{height:auto;max-height:500px;object-fit:cover;width:80%}.content-container{display:flex;flex:2 1;flex-direction:column;max-width:600px;padding-left:20px;padding-right:20px;width:100%}.subsection{margin-bottom:20px}.subsection h3{align-items:center;display:flex;font-size:20px;margin-bottom:10px;text-align:left}.subsection h3 .icon{height:24px;margin-left:10px;width:24px}.subsection p{font-size:16px;margin-bottom:10px;text-align:justify}hr{border:none;border-top:3px solid #000;margin-top:10px}@media (max-width:768px){.content-wrapper{align-items:center;flex-direction:column}.image-container-mv{margin-bottom:20px;margin-right:0;max-width:100%}.content-container{padding-left:20px;padding-right:20px;width:100%}}@media (max-width:480px){.section-title{font-size:20px}.subsection h3{font-size:18px}.subsection p{font-size:14px}.subsection h3 .icon{height:20px;width:20px}}#services-section{background-color:#162635;padding:100px;text-align:center}#services-section h2{align-items:center;color:#fff;font-size:30px;margin-bottom:20px}#services-section p{color:#fff;font-size:1.1em;margin-bottom:40px}.services-grid{align-items:center;display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;margin:0 auto;width:96%}@media (min-width:1400px){#services-section p{font-size:1.2em}}@media (min-width:480px){#services-section p{font-size:1.2em}}.service-card{perspective:1000px;width:98%}.service-card,.service-card-inner{align-items:center;display:flex;justify-content:center}.service-card-inner{height:99%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:93%}.service-card:hover .service-card-inner{transform:rotateY(180deg)}.service-card-back,.service-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:40px;height:90%;overflow:hidden;position:absolute;width:100%}.service-card-front{background-position:50%;background-size:cover}.service-card-back{align-items:center;background-color:#162635;border:2px solid #fff;color:#fff;display:flex;flex-direction:column;font-size:1rem;height:100%;justify-content:center;padding:20px;text-align:center;transform:rotateY(180deg)}.service-card-back p{margin:0}.service-card.long{grid-column:span 3}@media (max-width:1340px){.service-card{height:180px}.service-card-back{font-size:.9rem;padding:15px}}@media (max-width:1200px){.service-card{height:180px}.service-card-back{font-size:.9rem;padding:15px}}@media (max-width:868px){.service-card{height:160px}.service-card-back{font-size:.8rem;padding:10px}}@media (max-width:680px){.service-card{height:140px}.service-card-back{font-size:.7rem;padding:8px}}@media (max-width:480px){.service-card{height:120px}.service-card-back{flex-direction:column;font-size:.6rem;overflow-y:auto;padding:6px}}@media (max-width:2300px){.services-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.service-card,.service-card.long{height:220px}}@media (max-width:1680px){.services-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.service-card,.service-card.long{height:220px}}@media (max-width:1420px){.services-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.service-card,.service-card.long{height:210px}}@media (max-width:1340px){.services-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.service-card,.service-card.long{height:200px}}@media (max-width:1200px){.services-grid{gap:30px;grid-template-columns:repeat(2,1fr)}.service-card{height:180px}.service-card.long{grid-column:span 1;height:180px}}@media (max-width:868px){.services-grid{gap:2px;grid-template-columns:repeat(2,1fr)}.service-card{height:160px;width:300px}.service-card.long{grid-column:span 1;height:160px}}@media (max-width:680px){.services-grid{gap:2px;grid-template-columns:repeat(2,1fr)}.service-card{height:160px;width:290px}.service-card.long{grid-column:span 1;height:140px}}@media (max-width:540px){.services-grid{gap:2px;grid-template-columns:repeat(2,1fr)}.service-card{height:160px;width:250px}.service-card.long{grid-column:span 1;height:140px}}@media (max-width:480px){.services-grid{gap:2px;grid-template-columns:repeat(1,1fr)}.service-card{height:150px;width:300px}.service-card.long{grid-column:span 1;height:120px}}textarea{height:200px;resize:none}#contact-section{background-color:#f9f9f9;background:url(/static/media/ContactFondo.63e97ea80722bd78cbfc.png) no-repeat 50% fixed;background-size:cover;color:#fff;margin:0 auto;padding:20px}@media (min-width:850px){#contact-map{height:80vh;width:500px}.contact-form{justify-content:center;margin-right:10px;max-width:600px;min-width:300px;padding:20px;width:60%}}@media (max-width:768px){#contact-section{padding-top:85px}#contact-section-content{flex-direction:column;flex-wrap:nowrap;height:auto;justify-content:space-between}.contact-form{display:block;height:auto;margin-bottom:15px;padding:20px;width:100%}#contact-map{height:400px;margin-bottom:20px;padding-top:20px;width:100%}.form-row{display:block;flex-wrap:wrap}.form-group{width:100%}.form-group input[type=email],.form-group input[type=tel],.form-group input[type=text],.form-group textarea{max-width:100%;width:100%}#contact-map,.contact-form{margin:0 auto}}@media (max-width:1024px){#contact-section-content{flex-direction:column;flex-wrap:nowrap;height:auto;justify-content:space-between}.contact-form{display:block;height:auto;margin-bottom:15px;min-width:350px;padding:20px;width:100%}#contact-map{height:400px;margin-bottom:20px;padding-top:20px;width:100%}.form-row{display:block;flex-wrap:wrap}.form-group{width:100%}.form-group input[type=email],.form-group input[type=tel],.form-group input[type=text],.form-group textarea{max-width:100%;width:100%}#contact-map,.contact-form{margin:0 auto}}#contact-section-content{border-radius:10px;color:#000;flex-wrap:wrap;font-weight:700}.contact-form{background-color:#e1eff4;border-radius:5px;min-width:270px}#contact-section .contact-form-heading{font-size:24px;margin-bottom:15px}#contact-section h4.contact-form-heading{font-size:18px;margin-bottom:20px}#contact-section-content{flex-wrap:nowrap;margin:0 auto;max-width:1140px}#contact-section-content,.form-row{display:flex;justify-content:space-around}.form-group{margin-bottom:20px;padding-left:5px;padding-right:5px;width:100%}.form-group label{display:block;margin-bottom:5px;text-align:left}.form-group input[type=email],.form-group input[type=tel],.form-group input[type=text],.form-group textarea{border:1px solid #ccc;border-radius:3px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:8px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#ccc;box-shadow:none;outline:none}.contact-form button[type=submit]{background-color:#162635;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.contact-form button[type=submit]:hover{background-color:#253f57}@media (max-width:768px){.modal-card{min-width:300px}}p{font-size:medium;font-weight:370;margin-top:10px}.modal{background-color:#00000080;height:100%;left:0;overflow:auto;position:fixed;top:0;transition:opacity .3s ease;width:100%}.modal,.modal-card{display:block;opacity:0;z-index:-1000}.modal-card{background-color:#fefefe;border:1px solid #888;border-radius:8px;justify-content:center;margin:15% auto;max-width:480px;position:relative;transform:translateY(-100%);transition:opacity .3s ease,transform .3s ease;width:60%}.modal.active{opacity:1;z-index:10000}.modal.active .modal-card{opacity:1;transform:translateY(0);z-index:10000}.modal-content{padding:30px 40px 40px}.modal-status-icon{height:50px;width:50px}.close{color:#aaa;cursor:pointer;display:flex;font-size:28px;font-weight:700;height:30px;line-height:30px;margin-left:auto;text-align:center;width:30px}.close:focus,.close:hover{color:#000;-webkit-text-decoration:none;text-decoration:none}a:visited{color:inherit}#header{background-color:#fffef4;width:100%}#header-menu{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;top:0}#header-logo>img{height:auto;width:100px}.menu-icon{cursor:pointer;display:none}.header-nav{color:#155049;display:flex;height:auto;margin:0}@media (min-width:860px){.header-nav-option{cursor:pointer;display:inline-block;font-weight:620;padding:32px 15px;position:relative}.header-nav-option>a{color:#155049;text-decoration:none}.header-nav-option>a:hover{color:#609262}.header-nav-option:after{background-color:initial;bottom:0;content:"";height:3px;left:0;position:absolute;transition:background-color .2s ease;width:100%}.header-nav>.header-nav-option:hover:after{background-color:#155049}.sublinks{background-color:#fff;box-shadow:0 8px 16px #0000001a;display:none;font-weight:lighter;left:0;list-style-type:none;margin:0;padding:0;position:absolute;text-align:left;top:100%;z-index:auto}.header-nav-option.sublink-item{padding:0}.header-nav-option.has-sublinks>.sublinks{display:none;opacity:0;transition:opacity .2s ease}.header-nav-option.has-sublinks:hover>.sublinks{display:block;opacity:1}.sublinks>li>a{color:#333;display:block;padding:20px 35px;text-decoration:none;transition:background-color .3s ease;width:161px}.sublinks>li>a:hover{background-color:#155049;color:#fff}.sublinks.show-menu{display:block}}@media (max-width:860px){#header-menu{background-color:#fff;padding:2px 20px;position:fixed;width:100%;z-index:10000}.menu-icon{display:flex;margin-left:auto}.header-nav{background-color:#fff;box-shadow:0 8px 16px #0000001a;display:none;flex-direction:column;left:0;position:absolute;text-align:left;top:80px;width:100%}.header-nav.show-menu{display:flex;opacity:1;padding:0}.header-nav-option{color:#000;font-weight:500}.header-nav-link{display:flex;padding:10px 30px;text-decoration:none}.has-sublinks>ul.show-menu{padding-left:0}.sublinks{display:none}.sublinks>li:first-child{border-top:1px solid #e7e6e6}.sublinks>li:last-child{border-bottom:none}.header-nav-option,.sublinks>li{align-items:center;border-bottom:1px solid #e7e6e6;list-style-type:none;width:100%}.has-sublinks>ul.show-menu{display:block;list-style-type:none;opacity:1}.sublink-item>.header-nav-link{padding-left:30px}.header-nav-option.sublink-item{color:#959595;font-weight:350;padding-left:40px}}#bienvenidos-section{align-items:center;background-color:#008000b3;background-image:url(/static/media/bienvenidos-bg.706f0aa7877c50949109.jpg);background-position:50%;background-size:cover;display:flex;justify-content:space-between;opacity:1;padding:100px;position:relative;text-align:center}#bienvenidos-section:before{background-color:#15574dcc;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.bienvenidos-section-content{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1140px;position:relative;text-align:center;z-index:2}.left-content{color:#fff}.left-content h2{font-size:42px}.left-content p{font-size:x-large;margin-top:15px}.bienvenidos-section-content h2,.bienvenidos-section-content p{margin-bottom:10px}@media (max-width:768px){#bienvenidos-section{flex-direction:column;padding-left:50px;padding-right:50px;text-align:center}.left-content h2{font-size:22px}.left-content p{align-items:center;color:#fff;font-size:medium;margin-top:15px;text-align:center}}.projects-section{background-color:#0f1e12;color:#fff;padding:40px;text-align:center}.projects-section h2{font-size:2.5em;margin-bottom:20px}.tabs{margin-bottom:20px}.tabs button{background-color:#1e3a4c;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;margin:0 10px;padding:10px 20px;transition:background-color .3s,color .3s}.tabs button.active,.tabs button:hover{background-color:#fff;color:#1e3a4c}.timeline{margin:0 auto;max-width:1200px;padding:20px 0;position:relative}.timeline:before{background-color:#fff;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:6px}.timeline-item{align-items:center;display:flex;justify-content:center;margin:20px 0;position:relative;width:100%}.timeline-item.left .project-card{margin-right:80px;order:1}.timeline-item.left .year,.timeline-item.right .project-card{margin-left:80px;order:2}.timeline-item.right .year{margin-right:80px;order:1}.extra-info,.project-card{flex:1 1}.year{align-items:center;color:#d1e8e2;font-family:Lobster,cursive;font-size:2.5em;font-weight:700;text-align:center;width:320px}.projects-list,.year{justify-content:center}.projects-list{display:flex;flex-wrap:wrap;gap:20px;margin:auto;max-width:1000px}.projects-list .project-card-container{box-sizing:border-box;flex-basis:calc(33.333% - 40px);flex-grow:1;flex-shrink:1;margin-bottom:20px;max-width:calc(33.333% - 40px)}@media (max-width:768px){.projects-section{padding:20px}.projects-section h2{font-size:1.8em;margin-bottom:30px}.tabs{margin-bottom:20px}.tabs button{font-size:.9em;margin:0 5px;padding:8px 16px}.timeline{padding:20px 10px}.timeline:before{left:50%}.timeline-item{align-items:center;flex-direction:column}.timeline-item.left .project-card,.timeline-item.right .project-card{margin:20px 0}.timeline-item.left .year,.timeline-item.right .year{display:none}.project-card{margin:10px 0;max-width:90%}.content{padding:15px}.content h3{font-size:1.2em}.additional-content .details,.additional-content .subtitle,.additional-content p,.year{font-size:.9em}.projects-list .project-card-container{flex:1 1 100%;max-width:100%}.projects-section{margin-top:75px;padding:20px}.projects-section h2{font-size:1.8em;margin-bottom:30px}.tabs{margin-bottom:20px}.tabs button{font-size:.9em;margin:0 5px;padding:8px 16px}.timeline{padding:20px 10px}.timeline:before{left:50%}.timeline-item{align-items:center;flex-direction:column}.timeline-item.left .project-card,.timeline-item.right .project-card{margin:20px 0}.timeline-item.left .year,.timeline-item.right .year{display:none}.project-card{margin:10px auto;max-width:90%}.content{padding:15px}.content h3{font-size:1.2em}.additional-content .details,.additional-content .subtitle,.additional-content p,.year{font-size:.9em}.projects-list{align-items:center;display:flex;flex-direction:column}.projects-list .project-card-container{flex:1 1 100%;margin:10px auto;max-width:90%}}@media (max-width:480px){.projects-section{margin-top:75px;padding:15px}.projects-section h2{font-size:1.5em;margin-bottom:30px}.tabs{margin-bottom:15px}.tabs button{font-size:.8em;margin:0 3px;padding:6px 12px}.image-container{height:150px}.content{padding:10px}.content h3{font-size:1em}.additional-content .details,.additional-content .subtitle,.additional-content p,.year{font-size:.8em}.projects-list{align-items:center;display:flex;flex-direction:column}.projects-list .project-card-container{flex:1 1 100%;margin:10px auto;max-width:90%}}.project-card{background-color:#2a4d64;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:10px;max-width:300px;overflow:hidden;position:relative;transition:transform .5s ease-in-out,box-shadow .5s ease-in-out}.project-card:hover{box-shadow:0 8px 16px #0003;transform:scale(1.05)}.image-container{height:200px;overflow:hidden;width:100%}.image-container img{height:100%;object-fit:cover;width:100%}.content{align-items:center;background-color:#2a4d64;color:#fff;display:flex;flex-direction:column;justify-content:center;max-height:70px;overflow:hidden;padding:20px;position:relative;transition:max-height .5s ease-in-out}.project-card:hover .content{max-height:400px}.content h3{font-size:1.5em;margin:0;padding:0;text-align:center}.additional-content{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out}.project-card:hover .additional-content{max-height:300px}.additional-content .subtitle{color:#d1e8e2;font-size:1.2em;font-weight:400;margin-bottom:10px}.additional-content .details{font-size:1em;font-weight:700;margin-bottom:10px}.additional-content p{line-height:1.5;margin-top:20px;white-space:pre-wrap}.extra-info{margin-top:10px;max-height:0;opacity:0;text-align:center;transition:opacity .5s ease-in-out,max-height .5s ease-in-out}.project-card:hover .extra-info{max-height:200px;opacity:1}.extra-info .year{color:#d1e8e2;font-size:2.5em;font-weight:700;margin:10px 0}@media (max-width:768px){.project-card{margin:10px 0;max-width:100%}.content{padding:15px}.content h3{font-size:1.2em}.additional-content .details,.additional-content .subtitle,.additional-content p,.extra-info .year{font-size:.9em}}@media (max-width:480px){.image-container{height:150px}.content{padding:10px}.content h3{font-size:1em}.additional-content .details,.additional-content .subtitle,.additional-content p,.extra-info .year{font-size:.8em}}
/*# sourceMappingURL=main.c053e60b.css.map*/