.headerImgContainer{width:100vw;height:90vh;position:relative;display:flex;justify-content:center;align-items:center}.headerImg{width:100%;height:100%;object-fit:cover;filter:blur(4px)}.headerTextContainer{position:absolute;color:var(--white);z-index:2;text-align:center}.headerText{font-size:80px;font-weight:700}.headerText2{font-size:36px;font-weight:500}.headerText3{font-size:32px;font-weight:200}.aboutContainer{display:flex;flex-direction:column;align-items:center;text-align:center;width:90%;align-self:center}.title{font-weight:700;font-size:26px;color:var(--dark-blue)}.aboutTitle{padding:70px 0 0}.aboutParagraph{padding:24px 80px;font-weight:600;color:var(--light-grey)}.cardContainer{display:flex;gap:80px;padding:0 80px;margin-top:60px}.cardTitle{font-weight:700;color:var(--dark-blue)}.cardParagraph{font-weight:300;font-size:14px;color:var(--light-grey);text-align:justify;margin-top:8px}.learnMoreButton{cursor:pointer;position:absolute;bottom:70px;color:var(--white);font-family:500;font-size:20px;display:flex;flex-direction:column;align-items:center}.learnMoreButton:hover{transform:scale(1.2);transition:.2s}.carouselContainer{margin-top:120px;font-weight:700;font-size:26px;color:var(--dark-blue);display:flex;flex-direction:column;align-items:center}.carouselTitle{margin-bottom:20px}.secondCarousel{width:75%;height:500px}.huertoContainer{width:80%;align-self:center;margin-top:130px}.huertoParagraph{font-weight:300;color:var(--light-grey);margin:10px 0 20px;line-height:34px;font-size:18px;text-align:justify}.spanHuerto{color:var(--green);font-weight:600;font-size:20px}.donation{color:var(--green);text-decoration:none;display:inline-block}.donation:hover{transform:scale(1.1)}.participaContainer{align-self:center;margin-top:120px;margin-bottom:140px;display:flex;flex-direction:column;align-items:center}.pasosContainer{display:flex;align-items:center;gap:40px;margin-top:30px}.pasoCard{display:flex;flex-direction:column;align-items:center;width:200px;text-align:center;gap:20px}.test{font-size:24px}:root{--main: #2c312b;--letters: #ffffff}.navbar{height:80px;background-color:var(--main);position:fixed;display:flex;width:100vw;align-items:center;z-index:999}.logoContainer{width:25%}.logo{width:100%}.buttonsContainer{width:75%;padding:0 20px 0 60px;display:flex;justify-content:space-evenly}.buttonsContainer a{text-decoration:none;cursor:pointer;display:inline-block;position:relative;color:var(--letters);font-size:18px;letter-spacing:1.5px}.buttonsContainer a:hover{transform:scale(1.2);transition:.2s}.hover-underline-animation{display:inline-block;position:relative;color:var(--letters)}.buttonsContainer a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:var(--letters);transform-origin:bottom right;transition:transform .25s ease-out}.buttonsContainer a:hover:after{transform:scaleX(1);transform-origin:bottom left}.navbar-toggle{display:none;font-size:2rem;cursor:pointer;margin-right:40px}.layout{margin-top:80px;display:flex;flex-direction:column}:root{--main: #2c312b;--optional-main: #051120;--letters: #ffffff}.footer{width:100%;height:120px;background-color:var(--main);position:relative;bottom:0;color:var(--letters);display:flex;align-items:center;justify-content:center}.anc{color:var(--letters);text-decoration:none;cursor:pointer;display:inline-block;transition:.3s}.anc:hover{transform:scale(1.1)}.carousel-container{position:relative;width:80%;height:600px;overflow:hidden;width:100%;height:100%}.carousel-container img{position:absolute;width:100%;height:100%;transition:opacity .5s linear;object-fit:cover}.carousel-container img.inactive{opacity:0}.carousel-container img.active{opacity:1}.flip-card{background-color:transparent;width:340px;height:340px;perspective:1000px;border-radius:8px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px #0003;border-radius:24px}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px}.flip-card-front{letter-spacing:4px;font-size:24px;font-weight:400;color:var(--letters);background-color:var(--main);display:flex;align-items:center;justify-content:center}.flip-card-back{background-color:#2980b9;color:#fff;transform:rotateY(180deg)}.list-container{height:100%;gap:20px;flex-direction:column;display:flex;justify-content:center;align-items:center;padding:0 20px;list-style:none;background-color:var(--main);color:var(--letters);font-weight:200;border-radius:24px}.contactContainer{display:flex;flex-direction:column;align-items:center;margin-top:80px}.socialContainer{display:flex;align-items:center;gap:6px;letter-spacing:1.2px;transition:.2s;color:var(--green);text-decoration:none;font-size:20px}.socialContainer:hover{transform:scale(1.2)}.contactParagraph{padding:50px 50px 20px}.staffContainer{margin-bottom:240px;justify-content:center;gap:8%;display:grid;grid-template-columns:40% 40%;width:100%}.staff{text-align:center;margin:40px 0}.socialLinkCont{display:flex;gap:60px}.staffCard{display:flex;flex-direction:column;align-items:center;border-radius:30px;background:linear-gradient(145deg,#fff,#e6e6e6);box-shadow:20px 20px 60px #d9d9d9,-20px -20px 60px #fff;padding-top:30px}.staffTitle{color:var(--dark-blue);font-size:20px;font-weight:600;letter-spacing:2px}.imgContainer{width:40%;object-fit:cover;height:300px}.imgContainer img{width:100%;height:100%;object-fit:cover}.socialContact{gap:50px;padding:40px 0}.socialContact:hover{transform:none;transition:none}.socialTags{display:flex;align-items:center;gap:6px;color:var(--green);transition:.3s}.socialTags a{color:var(--green);text-decoration:none}.socialTags:hover{transform:scale(1.2);color:var(--green)}.reservaContainer{width:100vw;display:flex;justify-content:center;align-items:center;height:76vh;margin:0;text-align:center}.home{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/ifarmMission-CEHeoFv9.jpeg);background-size:cover;background-position:center;filter:blur(6px);z-index:-1}.content{position:relative;z-index:1;padding:170px 0}.transparent{width:80%;max-width:600px;margin:150px auto;padding:20px;background-color:#ffffff80;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.texto{text-align:center;color:#fff;text-transform:uppercase}.textContainer{background-color:#fff;width:100%;height:auto;display:flex;justify-content:center}.infoContainer{width:80%;margin:100px 0}.infoText{font-size:30px;padding:60px 0;font-style:italic}.spanText{color:var(--green);font-weight:700}.cardsContainer{background-color:var(--white);display:grid;grid-template-columns:400px 400px;grid-template-rows:auto;justify-content:center;height:auto;gap:30px 30px;padding:80px 0}.cardCountry{border-radius:20px;background:linear-gradient(145deg,#fff,#e6e6e6);box-shadow:20px 20px 60px #d9d9d9,-20px -20px 60px #fff;display:flex;flex-direction:column;align-items:center;gap:20px;padding:10px 20px 30px}.titleCountry{font-size:20px;font-style:italic;margin:20px 0}:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--light-grey: #6a6a6a;--white: #fff;--dark-blue: #0f1b29;--green: #2b8b46}*{margin:0}body{width:100vw;height:100vh;display:flex;flex-direction:column}@media (max-width: 768px){body{overflow-x:hidden}.logoContainer{width:40%}.navbar{justify-content:space-between}.navbar-toggle{display:block;color:var(--letters)}.buttonsContainer{flex-direction:column}.buttonsContainer{display:none;flex-direction:column;width:100%;position:absolute;top:80px;left:0;background-color:#fff}.buttonsContainer.open{display:flex;padding:10px 0 0;gap:10px 0}.buttonsContainer a{font-size:20px;padding:10px 0;text-align:center;width:100%;color:var(--dark-blue);border-bottom:1px solid var(--light-grey)}.cardContainer{flex-direction:column;padding:0}.pasosContainer{flex-direction:column}.learnMoreButton{bottom:34px}.aboutParagraph{padding:44px 0}.carouselTitle{text-align:center}.secondCarousel{height:400px}.participaText{text-align:center;padding:34px}.contactParagraph{text-align:center;padding:44px 16px}.staffContainer{grid-template-columns:90%;gap:3%}.staffTitle{text-align:center;padding:0 8px}.socialContact{flex-direction:column}.socialLinkCont{flex-direction:column;gap:20px}.infoContainer{width:100%}.infoText{text-align:center;font-size:20px;padding:0 30px}.content{padding:20% 0}}
