:root{--font-family: "Roboto", system-ui;--bg-color-nav: hsla(0, 0%, 99%, .4);--text-color: black;--text-contrast: white;--border-color: hsla(220, 20%, 80%, .4);--background-color: hsla(0, 0%, 99%, .4);--bg-color-container: hsl(220, 35%, 97%);--drawer-bg: rgba(255, 255, 255, .9);--box-shadow-primary: hsla(220, 30%, 5%, .07) 0px 4px 16px 0px;--box-shadow-secondary: hsla(220, 25%, 10%, .07) 0px 8px 16px -5px;--primary-color: #83AD4D;--secundary-color: #689F38;--third-color: rgb(190, 214, 188);--third-color-a: rgba(190, 214, 188, .9);--no-worked-map: rgb(109, 123, 108)}[data-theme=dark]{--background-color: #181A1B ;--bg-color-nav: rgb(52 66 49 / 40%);--bg-color-container: hsla(0, 3%, 57%, .228);--drawer-bg: rgba(25, 25, 25, .9);--border-color: rgb(34 37 35 / 40%);--border-color-container: hsla(65, 11%, 57%, .228);--primary-color: rgb(180, 224, 124);--secundary-color: rgb(105, 138, 62);--third-color: #3a6f22;--third-color-a: rgba(58, 111, 34, .7);--text-color: rgb(232, 230, 227)}body{background:var(--background-color);color:var(--text-color);padding:0;margin:0}html,body{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box}body{padding-top:60px}body h1,h2,h3,h4,p,a,ul,ol,li{font-family:var(--font-family);color:var(--text-color);font-style:normal;font-weight:300;text-decoration:none;margin:5px 0}h1{font-size:32px}h2{font-size:30px}h3{font-size:28px}p,ul,li{font-size:20px;line-height:1.6;word-spacing:2px}img{-webkit-user-select:none;user-select:none;outline:none}video{border-radius:8px}.main-container{display:block;max-width:1200px;width:95%;min-height:100vh;margin:30px auto;padding:10px 0;height:100vh}@media (max-width: 899px){h1{font-size:26px}h2{font-size:20px}h3{font-size:18px}p{font-size:16px;line-height:1.5}}.app-navbar{position:fixed;top:30px;left:0;right:0;max-width:1200px;margin:0 auto;width:95%;z-index:1000;display:flex;align-items:center;justify-content:space-between;max-height:54px;height:100%;flex-shrink:0;border-radius:12px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid;border-color:var(--border-color);background-color:var(--bg-color-nav);box-shadow:var(--box-shadow-primary),var(--box-shadow-secondary);padding:0}.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;width:100%}.navbar-logo{display:flex;align-items:center}.navbar-logo img{width:40px;height:40px}.navbar-menu{display:flex;gap:0px}.navbar-item{background:none;border:none;font-size:16px;font-weight:400;color:var(--primary-color);cursor:pointer;text-decoration:none;padding:9px 15px;border-radius:12px}.navbar-item:hover{background:var(--secundary-color);color:var(--text-contrast)}.hamburger{display:none;cursor:pointer}.hamburger-icon{width:25px;height:2px;background-color:var(--text-color);display:block;margin:5px 0}.bar{display:none;width:25px;height:2px;margin:5px auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:var(--text-color)}@media (max-width: 899px){.navbar-drawer{position:fixed;top:55px;left:-120%;width:100%;max-height:200px;overflow-y:auto;transition:.3s;background-color:var(--drawer-bg);box-shadow:var(--box-shadow-primary),var(--box-shadow-secondary);border-radius:0 0 12px 12px;display:flex;justify-content:center;align-items:center;z-index:500}.navbar-drawer.active{display:flex;top:55px;left:0;padding:15px 0}.app-navbar.active{border-radius:12px 12px 0 0;transition:.3s}.drawer-content{display:flex;flex-direction:column;gap:10px;align-items:center}.drawer-item{font-size:20px;background:none;border:none;color:var(--text-color);cursor:pointer;text-decoration:none}.navbar-menu{display:none}.hamburger,.bar{display:block}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}@media (min-width: 899px){.navbar-drawer{display:none}}.dark-mode-container{max-width:1200px;width:95%;height:40px;position:fixed;top:90px;right:0;left:0;margin:0 auto;background-color:none;z-index:400;display:flex;justify-content:right;align-items:center}.light,.night{border:1px solid;width:40px;height:40px;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:25px;z-index:1000}.light:hover,.night:hover{cursor:pointer}.light{display:flex;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#eeee2e;border-color:#9b9d853a;background-color:#958e8e3a}.night{display:flex;color:#cfe8fbe6;border-color:#3e444666;background-color:#1a1c1dcc}.landscape-container{max-height:auto;margin:0 auto}.landscape-container p{margin-top:20px;margin-bottom:35px}.landscape-container h2{margin-bottom:20px}.landscape-container ul{list-style:none;padding:0;margin:4px 0 40px 4px}.landscape-container li{margin:6px 0}.landscape-container ul li a{color:var(--secundary-color);font-size:18px}.landscape-container img{display:block;width:100%;height:auto;border-radius:8px;margin-bottom:20px;background-color:#19181884}.carousel-container{width:100%;position:relative;overflow:hidden}.carousel{display:flex;transition:transform .6s ease-in-out}.carousel-item{width:100%;display:none;max-height:600px;min-height:250px}.carousel-item.active{display:block}.carousel-item img{display:block;max-height:600px;min-height:255px;width:100%;height:100%;border-radius:8px;aspect-ratio:16 / 9;object-fit:cover;background-color:#19181884;/}button{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;border:none;color:#fff;padding:10px;cursor:pointer}button.prev{left:10px}button.next{right:10px}button:hover{background-color:#000c}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;width:100%;max-width:1200px;margin:0 auto}@media (max-width: 899px){.projects-grid{grid-template-columns:1fr}}@media (max-width: 899px){.landscape-container p{margin-bottom:20px}.landscape-container h1{margin-top:30px}}.dots-container{position:absolute;bottom:35px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.dot{width:10px;height:10px;border-radius:50%;background-color:#ffffff80;border:1px solid #aceb7533;cursor:pointer;transition:background-color .3s ease}.dot.active{background-color:#688b39}@keyframes fadeElegante{0%{opacity:.3}to{opacity:1}}.fade-anim{animation:fadeElegante .4s ease-in-out}.image-slider{width:100%;position:relative;overflow:hidden;display:flex;transition:transform .6s ease-in-out}.button{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;border:none;color:#fff;padding:10px;cursor:pointer;z-index:10}.image-slider img{width:100%;max-height:650px;min-height:650px;aspect-ratio:16 / 9;object-fit:cover;background-color:#19181884}.button.prev{left:10px}.button.next{right:10px}.button:hover{background-color:#000c}@media (max-width: 899px){.image-slider img{max-height:400px;min-height:400px;aspect-ratio:16 / 9;object-fit:cover;background-color:#19181884}}.card{display:flex;justify-content:space-between;flex-wrap:nowrap;gap:10px;height:100%}.container{margin:0 0 20px;padding:0 0 15px;width:100%;max-width:590px;background-color:var(--bg-color-container);border-radius:10px;border:2px solid;border-top:none;border-color:var(--border-color);box-sizing:border-box}.content{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px}.tag{margin-right:30px;padding:7px 10px;background:var(--third-color);display:inline-flex;border-radius:12px}.know-more{margin-left:15px;margin-top:auto;text-decoration:underline}.container h2{font-size:14px}.container img{width:100%;max-width:590px;max-height:400px;min-height:400px;object-fit:cover;height:auto;margin:0;border-radius:10px 10px 0 0;background-color:#19181884}.container h3{font-weight:400;margin:0;padding:7px 0 1px 12px;font-size:22px;box-sizing:border-box}.container{color:var(--primary-color);cursor:pointer;list-style:none}.container-card:hover{cursor:pointer;opacity:.8;filter:alpha(opacity=8)}.container p{text-align:left;padding:0 15px 3px;margin:12px 0;display:block;font-size:18px;line-height:1.5}.card .container{display:flex;flex-direction:column;height:100%}@media (max-width: 899px){.card{flex-wrap:wrap;gap:0}.container{max-width:899px;border:none;padding-bottom:5px}.container img{max-width:899px;max-height:350px;min-height:350px;aspect-ratio:16 / 9;object-fit:cover;background-color:#19181884;/}.sinopsis{flex-grow:1}.container p{font-size:16px}.tag{margin-left:8px}.content{flex-wrap:wrap;justify-content:space-between}}.main-map-container{margin:25px auto 40%;padding:30px 0;display:block;background-color:none;border:none;position:relative}.main-map-container p{font-family:var(--font-family);color:var(--text-color);font-weight:300;font-style:normal;padding:1px 0;margin:0 0 20px;text-align:center}.map-container{display:flex;justify-content:center;align-items:center;max-width:1200px;width:99%;height:auto}.map{fill:var(--secundary-color);stroke:var(--border-color);stroke-width:2px;width:100%;height:auto;max-width:100%;max-height:100%}#MX-CAM,#MX-CHP,#MX-TAM,#MX-COL,#MX-DUR,#MX-ZAC,#MX-MIC{fill:var(--no-worked-map)}.square-container{position:absolute;bottom:18%;left:13%}.square-container p{margin:4px 0;padding:0;font-size:20px}.sub-container-sqr{display:flex;justify-content:flex-start;align-items:center;margin:5px 0}.square{display:block;width:20px;height:20px;border-radius:2px;margin:0 10px}.true{background-color:var(--secundary-color)}.false{background-color:var(--no-worked-map)}@media (max-width: 899px){.square-container{bottom:5%;left:3%}.square-container p{font-size:12px;margin:0}.square{display:block;width:15px;height:15px;border-radius:2px;margin:0 5px}.sub-container-sqr{margin:5px 0}}.about-text h1{margin-bottom:18px}.pic-container img{max-width:1200px;border-radius:10px;width:100%;margin:20px 0}.principal-con{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;gap:25px 50px;margin:40px auto}.icon-container{background-color:var(--secundary-color);width:125px;height:125px;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.text-text{position:absolute;bottom:-10px;background-color:var(--third-color-a);border-radius:15px;text-align:center;white-space:nowrap;padding:3px 8px;font-size:14px}.icon-icon{font-size:70px;color:#e8e6e3}@media (max-width: 899px){.principal-con{grid-template-columns:repeat(auto-fit,minmax(153px,1fr))}}.contact-container{display:flex;justify-content:center;flex-wrap:wrap;margin:50px 0}.contact-content{display:flex;flex-direction:column;align-items:center;background:var(--bg-color-container);width:100%;max-width:550px;margin:0 auto;border-radius:20px;padding:30px 20px;box-sizing:border-box;height:auto;box-shadow:var(--box-shadow-primary),var(--box-shadow-secondary)}.contact-form{width:100%;display:flex;flex-direction:column;align-items:center}.contact-content input[type=text],.contact-content input[type=email]{width:90%;margin:8px 0 16px;border-radius:5px;outline:none;transition:all .3s ease;padding:12px;font-size:16px;font-family:var(--font-family);box-sizing:border-box;border:1px solid var(--border-color)}#text{font-family:var(--font-family);font-size:16px;width:90%;height:130px;box-sizing:border-box;resize:none;border-radius:5px;padding:12px;margin-bottom:20px;border:1px solid var(--border-color)}#text:focus{outline:none}#contact-btn{position:static;margin:10px 0;width:90%;background-color:#3a6f22;color:#fff;border:none;border-radius:5px;padding:12px;font-size:20px;font-family:var(--font-family);letter-spacing:.4px;font-weight:500;cursor:pointer;transition:background-color .3s ease}#contact-btn:hover{background-color:#3a6f22d9}#contact-btn:hover{background-color:#3a6f22b3}.worked-with{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:space-around;gap:20px}.worked-with h1{display:block;width:100%;text-align:center;margin:40px auto}.colab-container img{max-width:100%;height:60px;border-radius:8px}.noback{background:#222;border-radius:8px}@media (max-width:899px){.contact-container{flex-wrap:wrap;gap:25px;height:auto}.contact-content{width:100%}.worked-with{width:100%;flex-direction:row}}footer{background-color:var(--secundary-color);height:80px;margin:15px auto auto;padding:15px 0;width:100%;position:absolute;left:0}.footer-container{display:flex;flex-wrap:wrap;margin:10px 0}.footer-container p,.footer-container a{font-weight:300;width:100%;font-style:normal;font-size:18px;color:var(--text-contrast);margin:0;padding:0;text-align:center}@media (max-width: 899px){.footer-container p,a{font-size:14px}}.post-container{max-width:900px;width:100%;margin:0 auto}.post-title img,.post-content img{width:100%;border-radius:8px}.post-content p{margin:20px 0}.saber-mas a p{font-size:20px;text-decoration:underline}.saber-mas a p:hover{color:var(--secundary-color)}