@font-face{font-family:Poppins;font-weight:400;font-style:normal;src:url(https://fonts.shopifycdn.com/poppins/poppins_n4.934accbf9f5987aa89334210e6c1e9151f37d3b6.woff2?&hmac=a26c177067467710b799e13b71d5721f54b5f733f905988a09d37a77232f0126) format("woff2"),url(https://fonts.shopifycdn.com/poppins/poppins_n4.ee28d4489eaf5de9cf6e17e696991b5e9148c716.woff?&hmac=f99517b82b6da9de0cdfe8aceb40e4132652b5e3e3d1c3b0906fe722b210b3bf) format("woff");font-display:swap}@font-face{font-family:Poppins;font-weight:400;font-style:normal;src:url(https://fonts.shopifycdn.com/poppins/poppins_n4.934accbf9f5987aa89334210e6c1e9151f37d3b6.woff2?&hmac=a26c177067467710b799e13b71d5721f54b5f733f905988a09d37a77232f0126) format("woff2"),url(https://fonts.shopifycdn.com/poppins/poppins_n4.ee28d4489eaf5de9cf6e17e696991b5e9148c716.woff?&hmac=f99517b82b6da9de0cdfe8aceb40e4132652b5e3e3d1c3b0906fe722b210b3bf) format("woff");font-display:swap}@font-face{font-family:Poppins;font-weight:300;font-style:normal;src:url(https://fonts.shopifycdn.com/poppins/poppins_n3.bf4dd4af82ac263dde50abfd3dfa16485ed1e002.woff2?&hmac=71aca5c1b34623d5de18c8c2b935c22f530299c88d8e966e0d17477dccd52668) format("woff2"),url(https://fonts.shopifycdn.com/poppins/poppins_n3.6758f33361b35d8ab1e3e2f74c575be1fc4c1fda.woff?&hmac=dd70a531acd930fcde442f888ad1fd5a51d9218df223f1074fdb5ba51851c9c0) format("woff");font-display:swap}@font-face{font-family:Poppins;font-weight:400;font-style:normal;src:url(https://fonts.shopifycdn.com/poppins/poppins_n4.934accbf9f5987aa89334210e6c1e9151f37d3b6.woff2?&hmac=a26c177067467710b799e13b71d5721f54b5f733f905988a09d37a77232f0126) format("woff2"),url(https://fonts.shopifycdn.com/poppins/poppins_n4.ee28d4489eaf5de9cf6e17e696991b5e9148c716.woff?&hmac=f99517b82b6da9de0cdfe8aceb40e4132652b5e3e3d1c3b0906fe722b210b3bf) format("woff");font-display:swap}@font-face{font-family:Poppins;font-weight:500;font-style:normal;src:url(https://fonts.shopifycdn.com/poppins/poppins_n5.25334cd7ff48c81cfd51a6bc5a81d92a1b4d4501.woff2?&hmac=7c769f34464988924e0239b014212cd09a9296c7fbb19a3c413b94209150e545) format("woff2"),url(https://fonts.shopifycdn.com/poppins/poppins_n5.fc8eae64d8f1b5d2b8c42b45ddc0749aff4750a6.woff?&hmac=4b2b2a55d3f66823cbe20552c9b9a6df54d6d80c39b3c22ccdf696eb9cda3658) format("woff")}@font-face{font-family:Poppins;font-weight:700;font-style:normal;src:url(https://fonts.shopifycdn.com/poppins/poppins_n7.58aca33913fc6666cc9e8a53f6b16ec5c3c05a3f.woff2?&hmac=8d9dd384d209499b478bf98b5485682c900079f51dff31fd22117f7f73d1adda) format("woff2"),url(https://fonts.shopifycdn.com/poppins/poppins_n7.59016f931f3f39434d2e458fba083eb7db7a07d9.woff?&hmac=a0a4a74efb931c7132a3c607f37b39af6fd1456988c215c0931d93fb078d2658) format("woff");font-display:swap}@font-face{font-family:Poppins;font-weight:600;font-style:normal;src:url(https://fonts.shopifycdn.com/poppins/poppins_n6.e2fdd168541a5add2d1a8d6f2b89b09c9c9e690d.woff2?&hmac=070e2cd74b7ec49cf30bdef0e50787089feaa27225ce611013fd06d4ca01553c) format("woff2"),url(https://fonts.shopifycdn.com/poppins/poppins_n6.6d62d2d0f11a9ff578d200ad2154f9860db165c1.woff?&hmac=a495883fa0fc3470c933bcf888dab412c02adbee6b4d4d2a4c901b077ddacf01) format("woff");font-display:swap}@font-face{font-family:Poppins;font-weight:800;font-style:normal;src:url(https://fonts.shopifycdn.com/poppins/poppins_n8.e821d8377bfc98fd4c56ddab54cb84aabf4d9ee2.woff2?&hmac=11bcc5af86a5149baabc734a82dc06c67e2b7175d432b0b4c13a6e8ae70318bc) format("woff2"),url(https://fonts.shopifycdn.com/poppins/poppins_n8.73a1c32138bba2bbe794554f6cb6069e1ea1e118.woff?&hmac=5562aa43308f3d594fe647c6d7d32b4993114b34f92fa317cea5e603d2e60452) format("woff");font-display:swap}:root{--font-family-base: "Poppins", sans-serif;--font-family-heading: "Kavoon", sans-serif;--max-width: 1280px;--header-height: 3.5rem;--primary-color: rgb(6, 9, 34);--primary-opacity-color: rgba(0, 0, 0, .685);--secondary-color: rgb(9, 175, 244);--three-color: rgb(237, 97, 255);--white-color: rgb(255, 255, 255);--black-color: rgb(0, 0, 0);--bg-animated: rgba(0, 5, 51, .795);--linear-gradient: linear-gradient(to right, var(--secondary-color) 0%, var(--three-color) 100%);--blur-px: blur(5px)}html{box-sizing:border-box;font-family:var(--font-family-base);font-size:16px;scroll-padding-top:var(--header-height);scroll-behavior:smooth;margin:0;padding:0}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body{margin:0;padding:0;overflow-x:hidden;scrollbar-gutter:stable both-edges;overflow-y:scroll;color:var(--text-color);position:relative;width:100vw;height:auto;background-color:var(--primary-color)}a{color:var(--white-color);transition:all .5s ease-out;text-decoration:none}img{max-width:100%;height:auto}.strong{font-weight:200;color:var(--three-color)}.container-cart-shop{background-color:var(--primary-opacity-color);-webkit-backdrop-filter:var(--blur-px);backdrop-filter:var(--blur-px);position:fixed;top:0;right:0;width:32rem;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;gap:.5rem}.container-cart-shop .container-p{display:flex;flex-direction:row;justify-content:start;align-items:center;width:100%;height:5%}.container-cart-shop .container-p p:nth-child(1){background-color:var(--secondary-color);width:1.5rem;height:1.5rem;border-radius:100%;display:flex;justify-content:center;align-items:center;color:var(--white-color)}.container-cart-shop .container-p p:nth-child(2){font-size:1.5rem;background:var(--linear-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:700;position:absolute;top:2%;left:50%;transform:translate(-50%)}.container-cart-shop>i{background-color:var(--secondary-color);color:var(--white-color);width:1.5rem;height:1.5rem;border-radius:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;position:absolute;top:3%;right:2%}.container-cart-shop .container-p i:nth-child(3):hover{color:var(--white-color);background-color:var(--three-color)}.container-cart-shop .container-list-items{width:100%;height:80%;display:flex;flex-direction:column;justify-content:start;align-items:center;scrollbar-gutter:stable both-edges;gap:1rem;overflow-y:auto;padding-top:.5rem;padding-right:1rem}.container-cart-shop .container-button{width:100%;height:15%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:var(--white-color)}.container-cart-shop .container-button .container-total{width:100%;height:30%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem}.container-cart-shop .container-button>button{width:70%;height:50%;outline:none;border:none;cursor:pointer;background-color:transparent;color:var(--three-color);font-size:1.2rem;font-weight:700;border-top-right-radius:.5rem;border-bottom-left-radius:.5rem;border:1px solid var(--three-color)}.container-cart-shop .container-button>button:hover{color:var(--secondary-color);border-color:var(--secondary-color)}@media screen and (max-width: 768px){.container-cart-shop{width:100vw;height:100vh}}.container-list-items .container-item{width:100%;height:7rem;display:flex;flex-direction:row;justify-content:stretch;align-items:stretch;padding:.5rem;gap:.5rem;flex-shrink:0;position:relative;border:1px solid var(--three-color);color:var(--three-color);border-top-right-radius:1rem;border-bottom-left-radius:1rem}.container-list-items .container-item:hover{border:1px solid var(--secondary-color);color:var(--secondary-color)}.container-list-items .container-item>i{background-color:var(--three-color);position:absolute;top:5%;left:2%;width:1.2rem;height:1.2rem;font-size:.9rem;border-radius:100%;display:flex;justify-content:center;align-items:center;color:var(--white-color);cursor:pointer}.container-list-items .container-item>i:hover{color:var(--white-color);background-color:var(--secondary-color)}.container-list-items .container-item .container-img-item{width:30%;height:100%;display:flex;justify-content:center;align-items:center}.container-list-items .container-item .container-info-item{width:80%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.container-list-items .container-item .container-info-item .info-item{width:90%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:.5rem}.container-list-items .container-item .container-info-item .container-counter-item{width:10%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:.5rem;border:1px solid var(--three-color)}.container-list-items .container-item:hover .container-info-item .container-counter-item{border:1px solid var(--secondary-color)}.container-list-items .container-item .container-info-item .container-counter-item p{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.container-list-items .container-item .container-info-item .container-counter-item p:nth-child(1){border-top-right-radius:.5rem;border-top-left-radius:.5rem}.container-list-items .container-item .container-info-item .container-counter-item p:nth-child(3){border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.container-list-items .container-item .container-info-item .container-counter-item p:hover:nth-child(1),.container-list-items .container-item .container-info-item .container-counter-item p:hover:nth-child(3){background-color:var(--secondary-color);color:var(--white-color);cursor:pointer}.container-list-items .container-item .container-img-item img{width:100%;height:100%;object-fit:cover;border-radius:.5rem}.nav-responsive{display:none}.nav-normal{width:100vw;height:var(--header-height);background-color:var(--white-color);display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;position:fixed;top:0;left:0;right:0;z-index:10;color:var(--three-color);scrollbar-gutter:stable both-edges}.nav-normal .title-logo{font-size:1.5rem;background:var(--linear-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-family:var(--font-family-heading);font-weight:400;font-style:normal}.nav-normal .container-menu{width:60%;height:100%;display:flex;justify-content:space-evenly;align-items:center}.nav-normal .container-menu>a{font-size:clamp(.8rem,1.2vw,1rem);padding:.1rem;border-bottom:1px solid transparent;cursor:pointer;position:relative;color:var(--three-color)}.nav-normal .container-menu>a:hover{color:var(--secondary-color);border-bottom:1px solid var(--secondary-color)}.nav-normal .container-img-cart-shop{width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer}.nav-normal .container-img-cart-shop i{font-size:1.7rem}.nav-normal .container-img-cart-shop i:hover{color:var(--secondary-color)}.nav-normal .container-img-cart-shop p{background-color:var(--secondary-color);position:absolute;font-size:.9rem;top:-10%;right:-5%;width:1.2rem;height:1.2rem;border-radius:100%;display:flex;justify-content:center;align-items:center;color:var(--white-color)}.nav-normal.scrolled,.nav-responsive.scrolled{background-color:var(--primary-opacity-color);transition:background-color .3s ease}@media screen and (max-width: 768px){.nav-normal{display:none}.nav-responsive{width:100vw;height:var(--header-height);background-color:var(--white-color);display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:10;color:var(--black-color)}.nav-responsive .title-logo{font-size:1.2rem;background:var(--linear-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-family:var(--font-family-heading);font-weight:400;font-style:normal}.nav-responsive .container-nav-img{width:20%;height:100%;display:flex;justify-content:center;align-items:center}.nav-responsive .container-nav-img i{font-size:2rem;color:var(--three-color)}.nav-responsive .container-img-cart-shop{width:20%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer}.nav-responsive .container-img-cart-shop i{font-size:2rem;color:var(--three-color)}.nav-responsive .container-img-cart-shop p{position:absolute;font-size:.9rem;top:10%;right:10%;width:1.2rem;height:1.2rem;border-radius:100%;display:flex;justify-content:center;align-items:center;color:var(--white-color);background-color:var(--secondary-color)}.nav-responsive .container-nav{position:absolute;top:0;left:0;width:100vw;height:70vh;background-color:var(--white-color);opacity:.8;-webkit-backdrop-filter:var(--blur-px);backdrop-filter:var(--blur-px);display:flex;flex-direction:column;justify-content:space-around;align-items:center;z-index:15}.nav-responsive .container-nav a{width:100%;height:30%;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--black-color);font-size:1.5rem}.nav-responsive .container-nav a:hover{background-color:var(--primary-color);color:var(--secondary-color)}}.section-init{margin-top:calc(var(--header-height));width:100%;height:36.5rem;position:relative}.section-init-div{background-image:url(https://JuanPabloLeonF.github.io/project-tecnica/imgs/bg-2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%;position:relative;opacity:.5}.section-dotted-bg{opacity:.5;background-image:radial-gradient(var(--three-color) 1px,transparent 1px);background-size:1.25rem 1.25rem;width:100%;height:100%;z-index:-1}.animated-lines{width:100%;height:100%;background-color:var(--bg-animated);position:absolute;top:0;left:0;z-index:-1}.animated-line:before{content:"";position:absolute;width:7px;aspect-ratio:1 / 1;left:50%;translate:-50% 0;background-color:var(--three-color);border-radius:50%;z-index:-1}.animated-line.odd:before{animation:moving-dot-down 8s linear infinite alternate both}.animated-line.even:before{animation:moving-dot-up 8s linear infinite alternate both}.animated-line{position:absolute;width:1px;height:100%;top:0;background-color:var(--three-color);z-index:-1}.animated-line.line-1{left:5.1%}.animated-line.line-2{left:11%}.animated-line.line-3{left:16.8%}.animated-line.line-4{left:22.7%}.animated-line.line-5{left:28.5%}.animated-line.line-6{left:34.4%}.animated-line.line-7{left:40.2%}.animated-line.line-8{left:46.1%}.animated-line.line-9{left:52%}.animated-line.line-10{left:57.8%}.animated-line.line-11{left:63.7%}.animated-line.line-12{left:69.5%}.animated-line.line-13{left:75.4%}.animated-line.line-14{left:81.2%}.animated-line.line-15{left:87.1%}.animated-line.line-16{left:93%}@keyframes moving-dot-down{0%{transform:translateY(0)}to{transform:translateY(36.1rem)}}@keyframes moving-dot-up{0%{transform:translateY(36.1rem)}to{transform:translateY(0)}}.container-init{width:100%;max-width:var(--max-width);height:100%;position:absolute;top:0;left:50%;translate:-50% 0;display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:1;padding:.5rem}.container-init .container-info-init{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:2rem}.container-init .container-info-init .container-reds{width:100%;height:3rem;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:2rem;font-size:1.5rem;color:var(--white-color)}.container-init .container-info-init .container-reds>a{color:var(--white-color);transform:translateY(0);transition:transform .3s ease}.container-init .container-info-init .container-reds>a:hover{color:var(--secondary-color);transform:translateY(-5px)}.container-init .container-info-init>h3{font-size:clamp(1rem,5vw,1.2rem);color:var(--three-color)}.container-init .container-info-init>p{font-size:clamp(2rem,5vw,4rem);background:var(--linear-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-family:var(--font-family-heading);font-weight:400;font-style:normal}.container-init .container-info-init>a{background-color:transparent;width:40%;height:4rem;outline:none;border:none;border-bottom-left-radius:1rem;border-top-right-radius:1rem;border:2px solid var(--three-color);color:var(--three-color);text-decoration:none;font-weight:600;display:flex;justify-content:center;align-items:center;font-size:1.7rem;padding:0 6rem}.container-init .container-info-init>a:hover{color:var(--secondary-color);border-color:var(--secondary-color)}.container-init .container-imgs-carousel{width:50%;height:100%;display:flex;flex-direction:row;overflow:hidden;justify-content:center;align-items:center;padding-bottom:.7rem}.container-init .container-imgs-carousel>img{width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (max-width: 768px){.section-init{height:50rem}.container-init{width:100%;max-width:var(--max-width);height:100%;position:absolute;top:0;left:50%;translate:-50% 0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;padding:0rem}.container-init .container-info-init{width:100%;flex-direction:column;padding:1.5rem}.container-init .container-info-init>a{align-self:center}.container-init .container-imgs-carousel{width:100%;height:100%;display:flex;flex-direction:row;overflow:hidden;justify-content:start;align-items:center;padding:.1rem}}.section-products{width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;margin-top:1rem;gap:1rem}.section-products>h2{background:var(--linear-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-align:center;padding-left:1rem;font-size:2rem;max-width:var(--max-width);font-family:var(--font-family-heading);font-weight:400;font-style:normal}.section-products .container-selected-category{max-width:var(--max-width);width:100%;height:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:1rem}.section-products .container-selected-category .container-img-category{height:300px;cursor:pointer;overflow:hidden;position:relative}.section-products .container-selected-category .container-img-category>img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease-in-out;transform:scale(1)}.section-products .container-selected-category .container-img-category:hover>img{transform:scale(1.1)}.section-products .container-selected-category .container-img-category .title-container-img{position:absolute;background-color:var(--primary-opacity-color);bottom:0%;left:0%;color:var(--white-color);text-align:center;width:100%;height:20%;display:flex;flex-direction:row;justify-content:start;align-items:center;transform:translateY(4rem);transition:transform .3s linear}.section-products .container-selected-category .container-img-category .title-container-img>i{width:20%;height:100%;display:flex;justify-content:center;align-items:center;transform:translate(-4rem);transition:transform .5s linear;background-color:var(--secondary-color);color:var(--white-color)}.section-products .container-selected-category .container-img-category .title-container-img>p:nth-child(2){width:80%;height:100%;display:flex;justify-content:start;align-items:center;padding-left:.5rem;font-size:1.2rem}.section-products .container-selected-category .container-img-category:hover .title-container-img>i{transform:translate(0)}.section-products .container-selected-category .container-img-category:hover .title-container-img{transform:translateY(0)}.container-show-products{width:100vw;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;margin-top:1rem;background-color:var(--white-color)}.container-show-products>h2{background:var(--linear-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;width:auto;text-align:start;padding-left:1rem;font-size:2rem;max-width:var(--max-width);font-family:var(--font-family-heading);font-weight:400;font-style:normal}.container-show-products .container-list-products{max-width:var(--max-width);width:100%;height:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;padding:1rem}.container-show-products .container-list-products .container-product{max-width:420px;height:300px;display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;position:relative;cursor:pointer;transform:translateY(0);transition:transform .3s ease-in-out;background-color:transparent;overflow:hidden}.container-show-products .container-list-products .container-product:hover{transform:translateY(-10px)}.container-show-products .container-list-products .container-product>img{width:100%;height:100%;box-shadow:5px 5px 30px -10px #000000bf;object-fit:cover;margin:0 auto;scale:.9;transition:scale .3s ease-in-out}.container-show-products .container-list-products .container-product:hover>img{scale:1}.container-show-products .container-list-products .container-product .container-info-product{width:100%;height:20%;position:absolute;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.container-show-products .container-list-products .container-product>p{background-color:var(--primary-opacity-color);width:auto;padding:.5rem;height:2rem;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;color:var(--white-color);font-size:1rem}.container-show-products .container-list-products .container-product .container-info-product>p:nth-child(1){width:100%;height:100%;display:flex;justify-content:start;align-items:center;font-size:1rem;color:var(--white-color);padding:0 1rem;background-color:var(--primary-opacity-color);transform:translate(-1000px);transition:transform .3s ease-in-out}.container-show-products .container-list-products .container-product:hover .container-info-product>p:nth-child(1){transform:translate(0)}.container-show-products .container-list-products .container-product>i{width:3.5rem;height:2rem;top:0;right:0;position:absolute;cursor:pointer;color:var(--white-color);display:flex;justify-content:center;align-items:center;background-color:var(--primary-opacity-color);transform:translate(60px);transition:all .3s ease-in-out}.container-show-products .container-list-products .container-product:hover>i{transform:translate(0)}.container-show-products .container-list-products .container-product>i:hover{color:var(--white-color);background-color:var(--primary-opacity-color);opacity:.8}@media screen and (width <= 768px){.section-products .container-selected-category .container-img-category>img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease-in-out;transform:scale(1)}.section-products .container-selected-category .container-img-category:hover>img{transform:scale(1)}.section-products .container-selected-category .container-img-category .title-container-img{transform:translateY(0)}.section-products .container-selected-category .container-img-category .title-container-img>i{transform:translate(0)}.container-show-products .container-list-products .container-product:hover{transform:translateY(-10px)}.container-show-products .container-list-products .container-product>img{width:100%;height:100%;box-shadow:5px 5px 30px -10px #000000bf;object-fit:cover;margin:0 auto;scale:.9;transition:scale .3s ease-in-out}.container-show-products .container-list-products .container-product:hover>img{scale:.9}.container-show-products .container-list-products .container-product .container-info-product{width:100%;height:20%;position:absolute;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.container-show-products .container-list-products .container-product>p{background-color:var(--primary-opacity-color);width:3.5rem;height:2rem;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;color:var(--white-color);font-size:1rem}.container-show-products .container-list-products .container-product .container-info-product>p:nth-child(1){width:100%;height:100%;display:flex;justify-content:start;align-items:center;font-size:1rem;color:var(--white-color);padding:0 1rem;background-color:var(--primary-opacity-color);transform:translate(0);transition:transform .3s ease-in-out}.container-show-products .container-list-products .container-product>i{width:3.5rem;height:2rem;top:0;right:0;position:absolute;cursor:pointer;color:var(--white-color);display:flex;justify-content:center;align-items:center;background-color:var(--primary-opacity-color);transform:translate(0);transition:all .3s ease-in-out}}.section-marks{width:100vw;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;margin-top:1rem;padding:1rem;gap:1.5rem}.section-marks>h2{background:var(--linear-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;width:auto;font-size:clamp(1.2rem,2vw,2rem);text-align:center;height:3rem;font-family:var(--font-family-heading);font-weight:400;font-style:normal}.section-marks .container-marks{width:100%;max-width:var(--max-width);height:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));place-content:end;gap:1rem;padding:0 .5rem}.section-marks .container-marks .container-img-mark>img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.section-marks .container-marks .container-img-mark:hover>img{filter:grayscale(0%)}.section-about-me{background-color:var(--white-color);width:100vw;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;margin-top:1rem;color:var(--black-color);gap:1.5rem;padding:1rem}.section-about-me>h2{max-width:var(--max-width);background:var(--linear-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;width:auto;font-size:clamp(1.5rem,2vw,2rem);text-align:center;height:3rem;font-family:var(--font-family-heading);font-weight:400;font-style:normal}.section-about-me .container-about-me-grid{width:100%;max-width:var(--max-width);display:flex;flex-direction:column}.section-about-me .container-about-me-grid .about-me-item{width:100%;max-width:var(--max-width);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;place-content:center;gap:1rem;align-items:center}.section-about-me .container-about-me-img{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.section-about-me .container-about-me-img>img{width:90%;height:90%;object-fit:cover}.section-about-me .container-about-me-info{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:1.5rem;font-size:clamp(.8rem,2vw,1rem)}.section-about-me .container-about-me-info>h3{font-size:clamp(1.2rem,2vw,1.5rem);color:var(--secondary-color);border-bottom:1px solid var(--secondary-color)}@media (max-width: 768px){.section-about-me .container-about-me-grid .about-me-item{grid-template-columns:1fr}.section-about-me .container-about-me-grid .about-me-item:nth-child(2){margin-top:1.5rem;display:flex;flex-direction:column-reverse}}.section-footer{background-image:url(https://JuanPabloLeonF.github.io/project-tecnica/imgs/bg-1.jpg);background-size:cover;background-position:start;background-repeat:no-repeat;background-color:#00000080;background-blend-mode:darken;width:100vw;height:auto;min-height:25rem;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;color:var(--white-color)}.section-footer .container-section-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));place-content:center;width:100%;height:100%;max-width:var(--max-width);padding:1rem;gap:1.5rem}.section-footer .container-section-footer .contaner-info-page{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:2rem;font-size:clamp(.8rem,2vw,1rem)}.section-footer .container-section-footer .contaner-info-page h3{font-size:clamp(1rem,5vw,1.7rem);font-weight:600;color:var(--secondary-color);border-bottom:1px solid var(--secondary-color);max-width:var(--max-width)}.section-footer .container-section-footer .container-info-people{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:2rem;font-size:clamp(.8rem,2vw,1rem)}.section-footer .container-section-footer .container-info-people h3{font-size:clamp(1rem,5vw,1.7rem);font-weight:600;color:var(--secondary-color);border-bottom:1px solid var(--secondary-color)}.section-footer .container-section-footer .container-info-people .container-people{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:.5rem;font-size:clamp(.8rem,2vw,1rem)}.section-footer .container-section-footer .container-info-people .container-people i{color:var(--secondary-color);font-size:clamp(.9rem,2vw,1.5rem)}.section-footer .container-section-footer .container-info-contact{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:2rem;font-size:clamp(.8rem,2vw,1rem)}.section-footer .container-section-footer .container-info-contact .container-info-contact-info{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:1.5rem;font-size:clamp(.8rem,2vw,1rem)}.section-footer .container-section-footer .container-info-contact .container-info-contact-info .container-contact{width:100%;height:100%;display:flex;flex-direction:row;justify-content:start;align-items:start;gap:.5rem;font-size:clamp(.8rem,2vw,1rem)}.section-footer .container-section-footer .container-info-contact h3{font-size:clamp(1rem,5vw,1.7rem);font-weight:600;color:var(--secondary-color);border-bottom:1px solid var(--secondary-color)}.section-footer .container-section-footer .container-info-contact .container-contact i{color:var(--secondary-color);font-size:clamp(.9rem,2vw,1.5rem)}.section-footer .container-section-footer .container-info-contact .container-contact-reds{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:2rem;font-size:clamp(.8rem,2vw,1rem)}.section-footer .container-section-footer .container-info-contact .container-contact-reds a{color:var(--white-color);font-size:clamp(.9rem,2vw,1.5rem);transform:translateY(0);transition:transform .3s ease-in-out}.section-footer .container-section-footer .container-info-contact .container-contact-reds a:hover{transform:translateY(-5px);color:var(--secondary-color)}@media screen and (width < 768px){.section-footer .container-section-footer .contaner-info-page p,.section-footer .container-section-footer .container-info-people .container-people,.section-footer .container-section-footer .container-info-contact .container-info-contact-info .container-contact{padding-left:2rem}.section-footer .container-section-footer .container-info-contact .container-contact-reds{width:100%;padding-left:2rem}}.container-card-product{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000d7;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:15;display:flex;justify-content:center;align-items:center;color:var(--white-color);overflow-y:auto}.container-card-product .container-product-card{width:90%;height:80%;max-width:var(--max-width);display:flex;flex-direction:row;justify-content:center;align-items:center;padding:1rem;position:relative;border:1px solid var(--secondary-color)}.container-card-product .container-product-card>i{width:1.2rem;height:1.2rem;display:flex;justify-content:center;align-items:center;position:absolute;top:1.5%;right:.5%;cursor:pointer}.container-card-product .container-product-card .container-img-product-card{width:45%;height:100%;display:flex;justify-content:center;align-items:center}.container-card-product .container-product-card .container-img-product-card img{width:100%;height:100%;object-fit:cover}.container-card-product .container-product-card .container-info-card{width:65%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:1rem;padding:0 1rem}.container-card-product .container-product-card .container-info-card>h2{width:auto;height:10%;display:flex;justify-content:start;align-items:start;font-size:clamp(1rem,2vw,2rem);background:var(--linear-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:700;background-clip:text}.container-card-product .container-product-card .container-info-card>p{width:100%;height:5%;font-size:clamp(.7rem,2vw,.9rem);line-height:.5rem;color:var(--secondary-color)}.container-card-product .container-product-card .container-info-card>p>strong{font-weight:100;color:var(--three-color)}.container-card-product .container-product-card .container-info-card .container-about-product{width:100%;height:55%;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:1rem}.container-card-product .container-product-card .container-info-card .container-about-product>p:nth-child(1){width:100%;height:10%;font-size:clamp(.9rem,2vw,1rem);font-weight:500}.container-card-product .container-product-card .container-info-card .container-about-product>p:nth-child(2){width:100%;font-weight:100;font-size:clamp(.7rem,2vw,1rem);overflow-y:auto;color:var(--white-color);height:auto;max-height:75%}.container-card-product .container-product-card .container-info-card button{width:80%;height:3rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;background-color:transparent;color:var(--secondary-color);border:2px solid var(--secondary-color);border-top-right-radius:.5rem;border-bottom-left-radius:.5rem;cursor:pointer;font-size:clamp(.8rem,2vw,1rem);transition:all .3s ease-in-out;align-self:center}.container-card-product .container-product-card .container-info-card button:hover{color:var(--three-color);border:2px solid var(--three-color)}@media screen and (width <= 768px){.container-card-product{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:15;display:flex;justify-content:center;align-items:center}.container-card-product .container-product-card{height:40rem;display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;position:relative;gap:.5rem}.container-card-product .container-product-card>i{background-color:var(--secondary-color);color:var(--white-color);top:0;right:0;width:2rem;height:2rem}.container-card-product .container-product-card .container-img-product-card{width:100%;height:40%;display:flex;justify-content:center;align-items:center}.container-card-product .container-product-card .container-img-product-card>img{width:100%;height:100%;object-fit:cover}.container-card-product .container-product-card .container-info-card{width:100%;height:60%;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:1.5rem;padding:0}.container-card-product .container-product-card .container-info-card>h2{width:100%;height:2.5rem;border:none}.container-card-product .container-product-card .container-info-card>p:nth-child(2),.container-card-product .container-product-card .container-info-card>p:nth-child(3){display:none}}main{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(https://JuanPabloLeonF.github.io/project-tecnica/imgs/f3.webp);background-size:cover;background-position:center;background-repeat:no-repeat;padding:1rem}main .container-payment{position:relative;width:100%;height:100%;max-width:var(--max-width);display:flex;flex-direction:row;justify-content:center;align-items:center;padding:1rem;border-radius:1rem;background:linear-gradient(90deg,var(--black-color) 0%,rgba(0,0,0,.87) 40%,rgba(0,0,0,.048) 100%)}main .container-payment>i{position:absolute;font-size:.9rem;bottom:2%;left:1%;cursor:pointer;color:var(--white-color)}main .container-payment>i:hover{color:var(--three-color)}main .container-payment .section-continued{height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:2rem;color:var(--white-color)}main .container-payment .section-continued .container-list-steps{width:100%;height:80%;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:1.5rem}main .container-payment .section-forms{width:60%;height:100%;overflow:hidden}main .container-payment .section-forms .container-form{width:100%;height:100%;display:flex;flex-shrink:0;flex-direction:column;justify-content:center;align-items:center;gap:1rem}main .container-payment .section-forms .container-form .container-form-data{width:50%;height:20%;display:flex;flex-direction:column;justify-content:end;align-items:center;position:relative;color:var(--secondary-color)}main .container-payment .section-forms .container-form .container-form-data label{position:absolute;top:0%;left:0%;transform:translate(0);transition:all .3s ease-in-out}main .container-payment .section-forms .container-form .container-form-data input{width:100%;height:60%;border-radius:.5rem;border:none;outline:none;padding:.5rem;border:1px solid var(--secondary-color);background-color:#0000002d;transition:all .3s ease-in-out;color:var(--white-color)}main .container-payment .section-forms .container-form .container-form-data:focus-within label{color:var(--three-color)}main .container-payment .section-forms .container-form .container-form-data input:focus{border:1px solid var(--three-color);color:var(--white-color)}main .container-payment .section-forms .container-form .container-buttons{width:100%;height:20%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}main .container-payment .section-forms .container-form .container-buttons button{width:20%;height:3rem;border:none;outline:none;border-top-right-radius:1rem;border-bottom-left-radius:1rem;padding:.5rem;border:2px solid var(--three-color);background-color:transparent;color:var(--three-color);font-weight:700;cursor:pointer;transition:all .3s ease-in-out}main .container-payment .section-forms .container-form .container-buttons button:hover{color:var(--secondary-color);border-color:var(--secondary-color)}main h2{text-transform:uppercase;background:var(--linear-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-family:var(--font-family-heading);font-weight:400;font-style:normal;font-size:clamp(1rem,5vw,1.7rem);width:100%;height:20%;display:flex;justify-content:center;align-items:center}@media screen and (width <= 768px){main{width:100%;height:auto;padding:0rem}main .container-payment{height:60rem;flex-direction:column;padding:0rem;padding:4rem 0 1rem;border-radius:0rem;background:linear-gradient(180deg,var(--black-color) 0%,rgba(0,0,0,.87) 40%,rgba(0,0,0,.048) 100%)}main .container-payment>i{position:absolute;font-size:.9rem;top:2%;left:5%;cursor:pointer;color:var(--white-color)}main .container-payment .section-continued{width:100%;height:40%;gap:1rem}main .container-payment .section-forms{width:100%;height:60%;overflow:hidden}main .container-payment .section-forms .container-form .container-form-data{width:90%;height:15%}main .container-payment .section-forms .container-form .container-buttons{height:15%}main .container-payment .section-forms .container-form .container-buttons button{width:35%;height:60%}}.container-step{width:70%;height:3rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}.container-step i{width:20%;height:100%;display:flex;justify-content:center;align-items:center;scale:1;transition:scale .8s ease-in-out}.container-step p{width:80%;height:100%;display:flex;justify-content:start;align-items:center;scale:1;transition:scale .8s ease-in-out}
