html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:16px;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{scroll-behavior:smooth}input,textarea,button,select,a,div{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{font-size:16px;font-family:Montserrat,sans-serif}h1{font-family:inherit;font-weight:900;font-size:3rem}p{font-size:1rem;line-height:1.5rem;font-family:inherit;font-weight:400}@media only screen and (max-width: 500px){h1{font-size:2rem}p{font-size:.85rem;line-height:1.25rem}}:root{--navbar-size: 70px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff}::-webkit-scrollbar-thumb{background:#0B8036}::-webkit-scrollbar-thumb:hover{background:#095B27}nav{position:fixed;z-index:900;top:0px;left:0px;width:100vw;height:var(--navbar-size);box-shadow:0 0 10px #00000080;background-color:#00000073;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:space-between}nav #nav-logo{position:absolute;z-index:1000!important;left:3.75rem;margin:0;padding:0}nav #nav-logo img{height:calc(var(--navbar-size) - 1.5rem)}nav #nav-right-buttons{position:absolute;z-index:1000!important;right:3.75rem;display:flex;align-items:center;justify-content:space-between}nav #nav-right-buttons #button-menu{height:calc(var(--navbar-size) - 1.5rem);width:calc(var(--navbar-size) - 1.5rem);cursor:pointer;display:inline-block}nav #nav-right-buttons #whatsapp-link{display:inline-block}nav #nav-right-buttons #whatsapp-link img{height:calc(var(--navbar-size) - 2.5rem);width:calc(var(--navbar-size) - 2.5rem);margin-right:1rem}@media only screen and (max-width: 1024px){nav #nav-logo{left:1rem}nav #nav-right-buttons{right:1rem}}@media only screen and (max-width: 500px){:root{--navbar-size: 60px}nav #nav-right-buttons #whatsapp-link img{height:calc(var(--navbar-size) - 1.9rem);width:calc(var(--navbar-size) - 1.9rem);margin-right:1rem}}#menu-container{background-color:#02240f;background-color:#000;position:fixed;width:100vw;height:100vh;top:0px;left:0px;z-index:950;opacity:1;visibility:hidden;display:flex;align-items:center;justify-content:center;flex-flow:column}#menu-container a{font-size:2.5rem;font-weight:900;text-decoration:none;display:block;margin:1rem;color:#0b8036;transition:.3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#menu-container a:hover{color:#fff}.menu-item{opacity:0}@-webkit-keyframes menu-item-enter{0%{opacity:0;transform:translateY(20px) scale(1.03)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes menu-item-enter{0%{opacity:0;transform:translateY(20px) scale(1.03)}to{opacity:1;transform:translate(0) scale(1)}}main{width:100vw;box-sizing:border-box;position:relative}section{width:75%;margin:0 auto}@media only screen and (max-width: 1000px){section{width:85%}}footer{width:100vw;min-height:65vh;background-color:#032642;position:relative;display:flex;flex-flow:column;align-items:center;justify-content:flex-start}footer #logo-footer{width:85%;display:flex;align-items:flex-start;justify-content:center;flex-flow:column}footer #logo-footer img{height:40px;margin:2.5rem 0px 1.5rem}footer #logo-footer hr{width:100%;margin:.5rem 0;border-width:0px;border-top:1px solid #073a5e}footer .footer-section{width:85%;display:flex;flex-flow:row;align-items:flex-start;justify-content:flex-start;overflow:hidden}footer .footer-section .footer-items-container{padding:1rem;padding-left:0;margin-right:1rem}footer .footer-section h1{font-size:.85rem;color:#506a7e;margin:0;margin-bottom:1.5rem}footer .footer-section ul li{list-style:none;position:relative;padding:0;margin:.75rem 0px;width:fit-content}footer .footer-section ul li a{font-size:.75rem;text-decoration:none;color:#a7bdcc;transition:color ease .3s}footer .footer-section ul li a:before{content:"";width:0px;height:2px;transition:width ease .3s;position:absolute;bottom:-2px;left:0px;background-color:#014b87}footer .footer-section ul li a:hover:before{width:100%}footer .footer-section ul li a:hover{color:#0f69b3}footer .copy{width:85%;margin-top:auto}footer .copy h1{padding-bottom:1rem;font-size:.6rem;color:#93a1ac}@media only screen and (max-width: 700px){footer .footer-section{flex-flow:column}}header{width:75%;height:calc(100vh - var(--navbar-size));margin:0 auto;padding-top:var(--navbar-size)}header .home-title{font-size:4rem;color:#fff}header #home-description{color:#bbb;margin-top:2rem}header .big-button{margin-top:1rem}#home-container{height:100%;align-items:center}@-webkit-keyframes extend-line{0%{width:0px}to{width:13vw}}@keyframes extend-line{0%{width:0px}to{width:13vw}}@-webkit-keyframes circle-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes circle-in{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes letter-in{0%{opacity:0;transform:translateY(10px) rotate(3deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes letter-in{0%{opacity:0;transform:translateY(10px) rotate(3deg)}to{opacity:1;transform:translate(0) rotate(0)}}.up-title-letter{display:inline-block;opacity:0}.appear{opacity:0;transition:opacity .3s}#header-up-title{position:relative;display:flex;flex-flow:row;align-items:center;justify-content:flex-start}#header-up-title #up-title{color:#ed6f1a;text-transform:uppercase;font-weight:900;font-size:.85rem}#header-up-title #animated-line{position:absolute;width:0px;height:4px;background-color:#ed6f1a;top:50%;left:calc(-13vw - 8px);transform:translateY(-50%);border-radius:1rem}#header-up-title #animated-circle{position:absolute;width:.85rem;height:.85rem;border-radius:50%;background-color:#ed6f1a;right:calc(100% + 4px);transform:scale(0);transform-origin:center}#logo-container{height:100%;display:flex;align-items:center}#logo-container #logo-container-2{width:100%;aspect-ratio:4/3}#logo-container #logo-container-2 #logo{width:100%;height:100%}.split{width:100%;display:flex;flex-flow:row}.split .split-child:nth-child(1){flex-grow:3;flex-basis:0;flex-shrink:0}.split .split-child:nth-child(2){flex-grow:5;flex-basis:0;flex-shrink:0}.bg-container{width:100vw;height:100vh;position:absolute;left:0;top:0;overflow:hidden;z-index:-1}.bg-front{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:0;background-color:#000;opacity:1;transition:opacity 5s}.bg-media{min-width:100%;min-height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-10}.container-button{display:flex;flex-flow:row;justify-content:center;align-items:center;width:fit-content;margin:0 auto}.big-button{width:fit-content;height:fit-content;appearance:button;display:block;position:static;text-decoration:none;padding:.5rem 1rem;background-color:#02240f;outline:none;border:none;border-radius:80px;font-size:1rem;font-family:inherit;font-weight:900;color:#0b8036;transition:.25s all;box-shadow:0 0 10px #ffffff40}.big-button:hover{background-color:#063b1a;color:#0b8036}.big-button .img-button{height:14px!important;display:inline-block;margin-right:.5rem;fill:#0b8036;transition:fill .25s;width:auto}.green{color:#0b8036}.blue{color:#014b87}@media only screen and (max-width: 1500px){header{width:75%;height:calc(100vh - var(--navbar-size));margin:0 auto;padding-top:var(--navbar-size)}header .home-title{font-size:3rem}}@media only screen and (max-width: 1200px){header{width:85%}header .home-title{font-size:3rem}}@media only screen and (max-width: 920px){header .home-title{font-size:2.5rem}}@media only screen and (max-width: 800px){header{width:85%}header .home-title{width:100%;text-align:center;font-size:2rem}header #home-description{font-size:.75rem;line-height:1rem;width:100%;text-align:center;color:#bbb;margin-top:.5rem}header .big-button{box-sizing:border-box;width:100%;margin-top:1rem;margin-bottom:5rem}#up-title{width:100%;text-align:center;font-size:.5rem}#header-up-title #animated-line,#header-up-title #animated-circle{visibility:hidden}.split{flex-flow:column-reverse}.split .split-child:nth-child(1){flex:unset}.split .split-child:nth-child(2){flex:unset}}.letter{display:inline-block;opacity:0}#productos{padding-top:var(--navbar-size)}#productos h1{margin-top:1rem;width:100%;text-align:center}#product-cards-container{margin:0 auto;max-width:1000px;margin-top:3rem;display:grid;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.5rem}.card{box-shadow:0 0 15px #99999940;border-radius:10px;overflow:hidden;box-sizing:border-box;position:relative;display:flex;flex-flow:column;justify-content:flex-start;align-items:flex-start}.card-img-container{width:100%;aspect-ratio:5/3;position:relative;overflow:hidden;border-radius:10px;box-shadow:0 0 10px #00000080}.card-img-container .product-img{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;max-width:100%;min-height:100%}.card-info{padding:1rem;display:flex;flex-flow:column;justify-content:flex-start;align-items:flex-start;flex-grow:1;box-sizing:border-box}.card-info .card-button-container{position:relative;display:flex;align-self:flex-end;margin-top:auto}.card-info .card-button-container .medium-button{margin-top:1rem}.card-header{display:flex;flex-flow:row nowrap}.icon-product{height:1.7rem}.titles{padding-left:.5rem}.titles .card-title{font-size:1.5rem;font-family:Bebas Neue,cursive!important;font-weight:bolder;line-height:1.5rem;color:#666}.titles .card-subtitle{font-size:.8rem;font-family:Bebas Neue,cursive!important;font-weight:900;color:#999;line-height:1rem}.titles .stars-container{margin:0;padding:0;display:flex;flex-flow:row wrap}.product-description{font-size:.85rem;line-height:1.35rem;color:#999;padding:1rem 0px}.container-button{display:flex;flex-flow:row;justify-content:center;align-items:center}.medium-button{width:fit-content;height:fit-content;appearance:button;display:block;position:static;text-decoration:none;padding:.5rem;background-color:#095b27;outline:none;border:none;border-radius:6px;font-size:.6rem;font-family:inherit;font-weight:900;color:#5ee38f;transition:.25s all;box-shadow:0 0 10px #00000080}.medium-button:hover{background-color:#02240f;box-shadow:0 0 10px #000000bf}.medium-button .img-button{height:10px!important;display:inline-block;margin-right:.25rem}.button-disabled{pointer-events:none;cursor:default;opacity:.5}#nosotros{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,auto);grid-template-areas:"us" "mision" "vision";padding-top:var(--navbar-size);overflow:hidden}.about-info{position:relative;min-height:70vh;width:40%;display:flex;flex-flow:column;align-items:center;justify-content:center;margin-bottom:8rem}.about-info hr{width:100%;margin:3rem 0px;border-width:0px;border-top:1px solid #bbb}.about-info h1{color:#aaa}.about-info p{color:#888;padding-top:2rem;width:100%}.about-info .about-img{position:absolute;height:100%;width:auto;margin-top:auto}.about-info .right{margin-left:3rem;left:100%}.about-info .left{margin-right:3rem;right:100%}.about-info:nth-child(even){justify-self:flex-end;text-align:right;display:flex;flex-flow:column;align-items:flex-end}.about-info:nth-child(odd){justify-self:flex-start;text-align:left;display:flex;flex-flow:column;align-items:flex-start}.about-info:nth-child(1){grid-area:us;margin-top:3rem}.about-info:nth-child(2){grid-area:mision}.about-info:nth-child(3){grid-area:vision;margin-bottom:1rem}.typo-accent{color:#014b87;font-weight:900}@media only screen and (max-width: 700px){.about-info{min-height:unset;width:100%;margin-bottom:3rem}.about-info hr{width:100%;margin:2rem 0px;border-width:0px;border-top:1px solid #bbb}.about-info h1{width:100%;text-align:center}.about-info p{text-align:center}.about-info .about-img{position:static;height:auto;width:100%;padding-top:2rem}.about-info .right{margin-left:0;left:unset}.about-info .left{margin-right:0;right:unset}.about-info:nth-child(even){justify-self:flex-end;text-align:right;display:flex;flex-flow:column;align-items:flex-end}.about-info:nth-child(odd){justify-self:flex-start;text-align:left;display:flex;flex-flow:column;align-items:flex-start}.about-info:nth-child(1){grid-area:us;margin-top:3rem}.about-info:nth-child(2){grid-area:mision}.about-info:nth-child(3){grid-area:vision}.typo-accent{color:#014b87;font-weight:900}}@media only screen and (max-width: 500px){.about-info p{padding-top:1rem}}#contacto{padding-top:calc(var(--navbar-size) + 2rem);box-sizing:border-box;display:flex;flex-flow:row;padding-bottom:2rem}#contact-info-container{display:flex;flex-flow:column;align-items:center;justify-content:flex-start;background-color:#eee;flex-grow:0;flex-basis:0;margin-right:3rem;border-radius:1rem;padding:1.5rem;box-sizing:border-box}#contact-info-container h1{color:#014b87}#contact-info-container p{color:#888;margin-top:1rem;text-align:center}#info-items-container .info-item{margin-top:3rem}#info-items-container .info-item h1{font-weight:900;font-size:2rem;color:#ed6f1a;text-align:center}#info-items-container .info-item h2{font-weight:900;font-size:1.25rem;color:#888;text-align:center}.social-media{width:90%;display:flex;align-items:center;justify-content:space-around;margin-top:3rem}.social-media .social-logo{width:40px;transition:.3s}.social-media a{text-decoration:none}.social-media .social-logo:hover{transform:scale(1.1)}#form-container{width:100%;flex-grow:1;flex-basis:0;display:flex;align-items:flex-start;justify-content:center}form{width:100%;height:100%;box-shadow:0 0 15px #00000026;position:relative;box-sizing:border-box;padding:0px 3rem;border-radius:1rem;display:flex;flex-flow:column}form .inf-group{width:100%;margin-top:2.5rem;position:relative;box-sizing:border-box}form h1{font-size:2rem;color:#0e7e35;text-align:center;margin:2rem 0;margin-bottom:0;font-weight:900}.inf-group label{font-family:Montserrat,sans-serif;font-weight:300;font-size:1rem;color:#aaa;position:absolute;bottom:5px;left:8px;pointer-events:none;transition:.3s}.inf-group input,textarea{display:block;width:100%;resize:none;background-color:#eee;border:0;border-bottom:1px solid #fff;padding:8px 1rem 8px 8px;font-size:1rem;color:#888;box-sizing:border-box;font-family:Montserrat,sans-serif;border-radius:8px 8px 0 0}input:focus~label,input:valid~label,textarea:focus~label,textarea:valid~label{bottom:calc(100% + 5px);left:0;font-size:.8rem;color:#ff7c09;font-weight:900}.inf-group .bar{position:absolute;bottom:0;left:0;background-color:#ff7c09;width:0%;height:3px;transition:all .45s;display:block}input:focus~.bar,input:valid~.bar,textarea:focus~.bar,textarea:valid~.bar{width:100%}.inf-group input:focus,textarea:focus{outline:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.submit-group{display:flex;flex-flow:row;align-items:center;justify-content:space-between;margin-top:auto;margin-bottom:2rem}#label-check{color:#888;font-size:.65rem;display:flex;align-items:center;justify-content:flex-start}#label-check #check-priv{margin-right:.5rem}form button:focus{outline:none}form button:hover{background-color:#ff8e43}form button{font-family:Montserrat,sans-serif;font-weight:900;background-color:#ee711f;color:#fff;font-size:.8rem;padding:.75rem 2.5rem;border:none;text-decoration:none;cursor:pointer;transition:all .3s;margin:0;width:auto;border-radius:8px;display:flex;align-items:center;justify-content:center}form button .img-button{width:16px;margin-right:.5rem}@media only screen and (max-width: 1250px){.submit-group{display:flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;margin-top:auto;margin-bottom:1rem;padding-top:2rem}#label-check{margin-bottom:1rem}form button{width:100%}}@media only screen and (max-width: 950px){#contact-info-container h1{font-size:1.75rem;color:#014b87}#info-items-container .info-item h1{font-size:1.5rem}#info-items-container .info-item h2{font-size:1rem}}@media only screen and (max-width: 780px){#contacto{flex-flow:column}#contact-info-container{margin-right:0rem;margin-bottom:3rem}}@media only screen and (max-width: 500px){form h1{font-size:1.5rem;margin:1rem 0;margin-bottom:0}form{padding:0px 1rem}form .inf-group{width:100%;margin-top:2rem;position:relative;box-sizing:border-box}.inf-group label{font-size:.75rem}input:focus~label,input:valid~label,textarea:focus~label,textarea:valid~label{font-size:.6rem}.inf-group input,textarea{font-size:.85rem}}
