@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--main-black: #000000;--secondary-black: #333333;--tertiary-black: #444444;--main-gold: #b88e2f;--main-yellow: #fff3e3;--secondary-yellow: #ffecd8;--tertiary-yellow: #fcf8f3;--fourth-yellow: #faf3ea;--main-white: #ffffff;--main-grey: #f4f5f7;--secondary-grey: #949494}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;color:var(--secondary-black)}header{width:100%;position:sticky;top:0;z-index:11;background-color:var(--main-white);border-bottom:1.5px solid var(--main-black)}.header-div{display:flex;width:70%;margin:auto;padding:1.5rem 0rem;justify-content:space-between}.header-div div{display:flex;flex-direction:row;gap:.7rem;align-items:center}.header-div a{text-decoration:none}.header-div a h3{font-size:34px;margin:0;color:var(--main-black)}.header-div nav{display:flex;align-items:center}.header-div .links{display:flex;flex-direction:row;gap:4.5rem;list-style-type:none;justify-content:center;align-items:center}.header-div .links li a{color:var(--main-black);font-size:18px;font-weight:500;transition:.55s ease}.header-div .links li a:hover{color:var(--main-gold)}.header-div .icons{display:flex;flex-direction:row;list-style-type:none;gap:3.5rem;align-items:center;justify-content:center;transition:.55s ease}.header-div .icons li img{transition:filter .35s ease;cursor:pointer}.header-div .icons li img:hover{filter:invert(44%) sepia(47%) saturate(921%) hue-rotate(2deg) brightness(95%) contrast(94%)}.header-div #cart-account{background-color:var(--main-gold);border-radius:100%;display:inline-block;width:1.5rem;line-height:1.5rem;aspect-ratio:1;text-align:center}.header-div .icons li{display:flex;align-items:center}.header-div .themeButton{background-color:transparent;border:none;font-size:28px;font-weight:600;cursor:pointer}.media-query{display:none}@media (max-width: 1500px){.header-div{width:90%;padding:1rem 0;gap:1.5rem}.header-div .links,.header-div .icons{gap:2rem}.header-div a h3{font-size:28px}.header-div .links li a{font-size:16px}}@media (max-width: 1000px){.header-div{width:80%;padding:1rem 0;gap:1.5rem}.header-div h3{display:none}}@media (max-width: 768px){.header-div{align-items:center;padding:1rem}.header-div .links{gap:1rem}.header-div h3{display:none}.header-div .icons{gap:1.5rem}.header-div .links li a{font-size:15px}.header-div .icons li img{width:20px;height:20px}.header-div #cart-account{width:1.2rem;line-height:1.2rem}}@media (max-width: 550px){.header-div .header-title{display:none}.media-query{display:block}.header-div h3{display:none}.header-div{flex-direction:column;align-items:center;width:80%;padding:0;gap:.5rem;margin-bottom:.5rem;margin-top:.5rem}.header-div .links{gap:1rem;justify-content:space-between;margin-top:1rem;margin-bottom:2rem}.header-div nav{width:100%;justify-content:center}.header-div nav .links{width:100%;margin:0}}.entry{background-image:url(../img/Fondo.jpg);background-size:cover;background-attachment:fixed;background-position:bottom;object-fit:cover;width:100%;height:37.5rem}.entry .container{width:70%;margin:auto;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.entry .container div{display:flex;flex-direction:column;gap:.5rem;margin-left:auto;width:48%;background-color:var(--main-yellow);padding:3.875rem 2.563rem 1rem;border-radius:.5rem}.entry h2{font-size:16px;font-weight:600;letter-spacing:.188em}.entry h1{font-size:52px;color:var(--main-gold);font-weight:700;display:flex;flex-wrap:wrap;width:80%;line-height:4.1rem}.entry p{font-size:18px;font-weight:500;line-height:1.5rem}.entry button{font-size:16px;font-weight:700;color:var(--main-white);background-color:var(--main-gold);border:1px solid var(--main-gold);cursor:pointer;width:12rem;padding:20px 35px;transition:.55s ease;margin-top:1rem;border-radius:.5rem}.entry button:hover{background-color:var(--main-white);color:var(--main-gold);border:1px solid var(--main-gold)}@media screen and (min-width: 1200px){.entry .container{width:60%}.entry .container div{width:50%}}@media screen and (max-width: 1199px){.entry .container{width:80%}.entry .container div{width:70%;padding:3rem 2rem 1rem}.entry h1{font-size:42px;line-height:3.5rem}.entry p{font-size:16px}.entry button{width:50%;padding:15px 25px}}@media screen and (max-width: 767px){.entry .container{width:90%}.entry .container div{width:90%;padding:2.5rem 1.5rem 1rem}.entry h1{font-size:36px;line-height:3rem;width:100%}.entry p{font-size:15px}.entry button{width:60%;padding:12px 20px}}@media screen and (max-width: 575px){.entry{padding:1rem}.entry .container div{height:25rem;width:100%;margin-left:0;padding:4rem 2rem 2rem}.entry h1{font-size:30px;line-height:1.3}.entry p{font-size:16px;line-height:1.4;margin-top:.5rem}.entry button{font-size:16px;margin-top:2rem;padding:.7rem}}.browse{width:70%;margin:auto;display:flex;flex-direction:column;align-items:center;margin-top:4rem}.browse h2{font-size:40px}.browse h3{font-size:20;font-weight:500}.images-container{display:flex;justify-content:space-between;width:100%;margin-top:4.2rem}.images-container a{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;list-style:none;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;border-radius:1rem}.images-container p{font-size:24px;font-weight:500}.images-container img{border-radius:1rem}.images-container img:hover{box-shadow:0 10px 20px #0000004d}.images-container a:hover{transform:scale(1.05)}@media (max-width: 1650px) and (min-width: 769px){.browse{width:85%;margin-top:3.5rem}.browse h2{font-size:30px;text-align:center}.browse h3{font-size:18px;text-align:center;color:gray}.images-container{gap:1.5rem;justify-content:center}.images-container a{width:100%}.images-container img{width:100%;height:auto}.images-container p{font-size:20px}}@media (max-width: 768px){.browse{width:90%;padding:0 1rem;margin:2rem auto}.browse h2{font-size:28px;text-align:center}.browse h3{font-size:16px;text-align:center;color:gray}.images-container{flex-direction:column;gap:1.5rem;margin-top:2rem;align-items:center;width:100%}.images-container a{width:100%;gap:.5rem}.images-container p{font-size:20px}.images-container img{width:90%;height:auto}}@media (max-width: 575px) and (min-width: 375px){.browse{width:95%;padding:0 1rem;margin-top:2rem}.browse h2{font-size:24px;text-align:center}.browse h3{font-size:14px;text-align:center;color:gray}.images-container{flex-direction:column;gap:1rem;align-items:center;width:100%}.images-container a{width:100%;gap:.5rem}.images-container img{width:80%;height:auto}.images-container p{font-size:16px}}.our-products{width:70%;margin:auto;display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:3rem}.our-products h2{font-size:40px;font-weight:700}.our-products .products-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:2rem}.products-container .product{background-color:var(--secondary-yellow);border-radius:1rem;cursor:pointer;position:relative}.products-container img{width:100%;border-top-left-radius:1rem;border-top-right-radius:1rem}.products-container h3{font-size:18px;font-weight:700;padding-left:1rem}.products-container p{font-size:16px;font-weight:500;padding-left:1rem}.price{margin-bottom:1.5rem;margin-top:1rem}.our-products button{background-color:var(--main-white);color:var(--main-gold);border:1px solid var(--main-gold);font-size:16px;font-weight:500;padding:.5rem 3rem;cursor:pointer;transition:.5s ease}.our-products button:hover{color:var(--main-white);background-color:var(--main-gold)}.cart-button{display:none;position:absolute;width:62%;top:40%;left:50%;transform:translate(-50%,-50%)}.product:hover .cart-button{display:block}.product:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000059;opacity:0;transition:opacity .3s ease;z-index:5;border-radius:1rem}.product:hover:before{opacity:1}.product:hover .cart-button{z-index:10}@media screen and (max-width: 575px){.our-products{width:80%;padding:0 1rem;gap:1.5rem}.our-products h2{font-size:24px}.our-products .products-container{grid-template-columns:1fr;gap:1rem}.products-container h3,.products-container p{font-size:16px}.our-products button{font-size:16px;padding:.5rem 1.5rem}.our-products .button-our-products{width:80%;height:3.2rem;font-weight:700;border:2px solid var(--main-gold)}.products-container .product:nth-child(n+4){display:none}.product.active .cart-button{display:block}.product:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000059;opacity:0;transition:opacity .3s ease;z-index:5;border-radius:1rem}.product.active:before{opacity:1}.product .cart-button{z-index:10}}@media screen and (min-width: 576px) and (max-width: 768px){.our-products{width:80%}.our-products .products-container{grid-template-columns:repeat(2,1fr);gap:1rem}.products-container h3,.products-container p{font-size:16px}.products-container .product{margin:auto}.our-products button{font-size:14px;padding:.4rem 2rem}}@media screen and (min-width: 769px) and (max-width: 1024px){.our-products{width:85%}.our-products .products-container{grid-template-columns:repeat(3,1fr);gap:1rem}.products-container h3,.products-container p{font-size:18px}.products-container .product{margin:auto;height:100%;align-items:center;justify-content:center}.our-products button{font-size:15px;padding:.5rem 2.5rem}.our-products .cart-button{height:10%;width:80%}.products-container .product:nth-child(n+7){display:none}}@media screen and (min-width: 1025px) and (max-width: 1400px){.our-products{width:85%}.our-products .products-container{grid-template-columns:repeat(4,1fr);gap:1rem}.products-container h3{font-size:20px}.products-container p{font-size:18px}.products-container .product{margin:auto;height:100%}.our-products button{font-size:16px;padding:.7rem 3rem}.cart-button{width:80%;padding:.6rem 1.2rem;font-size:16px}}.background-carousel{background-color:var(--tertiary-yellow)}.carousel{width:70%;margin:auto;display:flex;height:41rem;padding:1rem;margin-top:3rem}.carousel-title{width:70%;display:flex;flex-direction:column;gap:1rem;margin-top:auto;margin-bottom:auto}.carousel-title h2{font-size:40px;font-weight:700}.carousel-title p{font-size:16px;font-weight:500;width:70%}.carousel-title button{background-color:var(--main-gold);border:1px solid var(--main-gold);color:var(--main-white);font-size:16px;font-weight:600;padding:.7rem 1.5rem;cursor:pointer;transition:.5s ease;width:40%}.carousel-title button:hover{background-color:var(--main-white);color:var(--main-gold)}.carousel-images{width:100%;max-width:120rem;margin-top:auto;margin-bottom:auto;padding:2rem;padding-bottom:0;overflow:hidden}.carousel-images .big{width:300%;display:flex;justify-content:space-between;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:3rem;transition:all .5s ease}.carousel-images .carousel-img{width:calc(40% - 2rem);height:80%;width:33%;border-radius:1rem}.carousel-images .points{width:100%;padding:1rem;padding-bottom:0;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;list-style-position:inside}.carousel-images .point{width:1.2rem;height:1.2rem;margin:1rem;cursor:pointer;background-color:var(--main-withe);border:3px solid var(--main-gold);list-style-type:none;border-radius:200rem}.carousel-images .active{background-color:var(--main-gold)}@media screen and (max-width: 575px){.carousel{flex-direction:column;height:auto;width:90%;padding:0;align-items:center;justify-content:center}.carousel-title{width:90%;padding:1rem;text-align:left;gap:1rem;line-height:2.3rem}.carousel-title h2{font-size:30px}.carousel-title p{font-size:16px;width:100%;line-height:1.5rem}.carousel-title button{width:56%;font-size:14px;margin-top:.5rem}.carousel-images{padding:0;align-items:center}.carousel-images .carousel-img{width:33.3%}.carousel-images .big{width:300%;gap:1rem}.carousel-images{width:20.5rem;margin-top:1rem}.carousel-images img{width:100%;height:auto}.carousel-images .points{gap:.5rem}.carousel-images .point{width:.8rem;height:.8rem}}@media screen and (min-width: 576px) and (max-width: 768px){.carousel{flex-direction:column;height:auto;width:90%;padding:0;align-items:center;justify-content:center}.carousel-title{width:90%;padding:1rem;text-align:left;gap:1rem;line-height:2.3rem}.carousel-title h2{font-size:32px}.carousel-title p{font-size:18px;width:80%;line-height:1.5rem}.carousel-title button{width:40%;font-size:16px}.carousel-images{padding:0;align-items:center;width:100%}.carousel-images .carousel-img{width:33.3%}.carousel-images .big{width:300%;gap:1rem}.carousel-images{width:25.5rem;margin-top:1rem}.carousel-images img{width:100%;height:auto}.carousel-images .points{gap:.5rem}.carousel-images .point{width:.8rem;height:.8rem}}@media screen and (min-width: 769px) and (max-width: 1024px){.carousel{flex-direction:column;height:auto;width:90%;padding:0;align-items:center;justify-content:center}.carousel-title{width:90%;padding:1rem;text-align:left;gap:1rem;line-height:2.3rem}.carousel-title h2{font-size:32px}.carousel-title p{font-size:18px;width:80%;line-height:1.5rem}.carousel-title button{width:35%;font-size:16px}.carousel-images{padding:0;align-items:center;width:100%}.carousel-images .carousel-img{width:33.3%}.carousel-images .big{width:300%;gap:1.5rem}.carousel-images{width:30.5rem;margin-top:1rem}.carousel-images img{width:90%;height:auto}.carousel-images .points{gap:.5rem}.carousel-images .point{width:.8rem;height:.8rem}}@media screen and (min-width: 1025px) and (max-width: 1450px){.carousel{width:80%;height:42rem;justify-content:space-between}.carousel-title{width:50%}.carousel-title h2{font-size:48px}.carousel-title p{font-size:18px;line-height:2rem}.carousel-title button{font-size:16px;padding:.7rem 2.5rem;width:50%}.carousel-images{width:45%}.carousel-images .big{gap:3.5rem}.carousel-images img{width:50%}.carousel-images .point{width:1rem;height:1rem}.carousel-images .carousel-img{width:calc(40% - 2rem);height:80%;width:31%;border-radius:1rem}}@media screen and (min-width: 1451px) and (max-width: 1800px){.carousel{width:80%;height:45rem;justify-content:space-between;margin:auto}.carousel-title{width:60%;text-align:left}.carousel-title h2{font-size:50px;margin-bottom:1rem}.carousel-title p{font-size:20px;line-height:2.2rem}.carousel-title button{font-size:18px;padding:.8rem 3rem;width:50%;margin-top:1.5rem;background-color:var(--main-gold);color:var(--main-white);border:1px solid var(--main-gold);cursor:pointer;transition:.5s ease}.carousel-title button:hover{background-color:var(--main-white);color:var(--main-gold)}.carousel-images{width:50%}.carousel-images .big{gap:5rem}.carousel-images img{width:45%;border-radius:1rem}.carousel-images .point{width:1.2rem;height:1.2rem;background-color:var(--main-white);border:3px solid var(--main-gold);border-radius:50%;cursor:pointer}.carousel-images .active{background-color:var(--main-gold)}.carousel-images .carousel-img{width:31%;height:80%;border-radius:1rem}}.advantages{width:70%;margin:auto;margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.advantages h2{font-size:40px;font-weight:700}.advantages .advantages-container{display:flex;flex-direction:row;gap:4rem}.advantages .advantages-container div{display:flex;flex-direction:column;justify-content:flex-start;width:50%;padding:2rem;background-color:var(--secondary-yellow);border-radius:1rem;gap:.5rem}.advantages .advantages-image{width:1.5rem}.advantages-container h3{font-size:18px}@media screen and (max-width: 575px){.advantages{width:90%;margin:auto;gap:1.5rem;padding:0 1rem;margin-top:1rem}.advantages h2{font-size:30px;text-align:center}.advantages .advantages-container{flex-direction:column;gap:1.5rem}.advantages .advantages-container div{width:100%;padding:1rem;gap:.5rem}.advantages-container h3{font-size:16px;text-align:center}.advantages-container p{font-size:14px;text-align:center}.advantages .advantages-image{width:2rem;margin:0 auto}}@media screen and (min-width: 576px) and (max-width: 768px){.advantages{width:80%;margin:auto;gap:2rem}.advantages h2{font-size:36px;margin-top:1rem}.advantages .advantages-container{flex-direction:column;gap:2rem}.advantages .advantages-container div{width:100%;padding:1.5rem}.advantages-container h3{font-size:18px}.advantages-container p{font-size:16px}.advantages .advantages-image{width:2.5rem;margin:0 auto}}@media screen and (min-width: 769px) and (max-width: 1400px){.advantages{width:85%;margin:auto;gap:2.5rem}.advantages h2{font-size:40px}.advantages .advantages-container{flex-direction:row;gap:2rem;display:grid;grid-template-columns:repeat(2,1fr)}.advantages .advantages-container div{padding:2rem;width:100%}.advantages-container h3{font-size:20px}.advantages-container p{font-size:18px}.advantages .advantages-image{width:3rem}}@media screen and (min-width: 1401px) and (max-width: 1800px){.advantages{width:80%;gap:2rem}.advantages .advantages-container{gap:2rem}}footer{padding-top:2rem;margin-bottom:1rem;margin-top:6rem;border-top:1px solid var(--main-black)}.footer{width:70%;margin:auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer .footer-content{display:flex;flex-direction:row;justify-content:space-between;width:100%;border-bottom:1px solid grey}.footer .footer-title .address{margin-top:2rem;width:85%}.footer .footer-links h3,.footer .footer-help h3,.footer .footer-newsletter h3,.footer .footer-links{margin-bottom:2rem}.footer .footer-links ul,.footer .footer-help ul,a{font-weight:500;display:flex;flex-direction:column;gap:1.5rem;list-style-type:none;text-decoration:none}.footer .footer-newsletter form{display:flex;flex-direction:row;gap:1rem;justify-content:space-between}.footer .footer-newsletter input{border:none;border-bottom:1px solid var(--main-black);font-size:16px;width:80%;background-color:transparent}.footer .footer-newsletter button{font-weight:700;background-color:transparent;border:none;border-bottom:1px solid var(--main-black);cursor:pointer}@media screen and (max-width: 575px){footer{padding-top:1rem;margin-top:2rem;margin-bottom:2rem}.footer{width:90%;gap:2rem}.footer .footer-content{display:grid;grid-template-columns:50% 1fr;gap:.5rem;width:100%;border-bottom:none}.footer .footer-title{width:100%;text-align:left}.footer .footer-links{grid-column:2;text-align:left}.footer .footer-help{grid-column:1;text-align:left}.footer .footer-newsletter{grid-column:2;text-align:left}.footer .footer-title h2{font-size:20px}.footer .footer-title .address,.footer .footer-title p{font-size:14px;text-align:left}.footer .footer-links h3,.footer .footer-help h3,.footer .footer-newsletter h3{font-size:16px;margin-bottom:1rem}.footer .footer-links ul,.footer .footer-help ul{gap:.5rem}.footer .footer-newsletter form{display:flex;flex-direction:column;gap:.5rem}.footer .footer-newsletter input{width:90%;text-align:left;font-size:14px}.footer .footer-newsletter button{font-size:14px;width:50%;margin-top:1rem}.footer-copyright{grid-column:1 / span 2;text-align:center;font-size:14px}}@media screen and (min-width: 576px) and (max-width: 768px){footer{padding-top:1.5rem;margin-top:3rem;margin-bottom:3rem}.footer{width:85%;gap:2rem}.footer .footer-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;border-bottom:none}.footer .footer-title{width:100%;text-align:left}.footer .footer-links{grid-column:2;text-align:left}.footer .footer-help{grid-column:1;text-align:left}.footer .footer-newsletter{grid-column:2;text-align:left}.footer .footer-title h2{font-size:24px}.footer .footer-title .address,.footer .footer-title p{font-size:14px;text-align:left}.footer .footer-links h3,.footer .footer-help h3,.footer .footer-newsletter h3{font-size:18px;margin-bottom:1rem}.footer .footer-links ul,.footer .footer-help ul{gap:1rem}.footer .footer-newsletter form{display:flex;flex-direction:column;gap:.5rem}.footer .footer-newsletter input{width:90%;text-align:left;font-size:14px}.footer .footer-newsletter button{font-size:14px;width:50%;margin-top:1rem}.footer-copyright{grid-column:1 / span 2;text-align:center;font-size:14px}}@media screen and (min-width: 769px) and (max-width: 1024px){footer{padding-top:2rem;margin-top:3rem;margin-bottom:3rem}.footer{width:80%;gap:2.5rem}.footer .footer-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;width:100%;border-bottom:none}.footer .footer-title{width:100%;text-align:left}.footer .footer-links{grid-column:2;text-align:left}.footer .footer-help{grid-column:3;text-align:left}.footer .footer-newsletter{grid-column:1;text-align:left}.footer .footer-title h2{font-size:30px}.footer .footer-title .address,.footer .footer-title p{font-size:16px;text-align:left}.footer .footer-links h3,.footer .footer-help h3,.footer .footer-newsletter h3{font-size:20px;margin-bottom:1rem}.footer .footer-links ul,.footer .footer-help ul{gap:1rem}.footer .footer-newsletter form{display:flex;flex-direction:column;gap:.5rem}.footer .footer-newsletter input{width:90%;text-align:left;font-size:16px}.footer .footer-newsletter button{font-size:16px;width:50%;margin-top:1rem}.footer-copyright{grid-column:1 / span 3;text-align:center;font-size:16px}}@media screen and (min-width: 1025px) and (max-width: 1300px){.footer{width:85%;gap:2.5rem}}.about{width:70%;margin:auto;display:flex;flex-direction:column;gap:3rem;margin-top:2rem}.about-title{font-size:3.5rem;align-self:center}.about-who{width:100%;display:flex;gap:3rem}.about-images{width:50%;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.about-images img{width:100%}.about-info{width:50%;display:flex;flex-direction:column;justify-content:space-between}.about-info h3{font-size:1.25rem;font-weight:500;color:var(--main-gold)}.about-info h2{font-size:3.125rem;font-weight:500;border-bottom:1px dotted var(--main-gold);width:fit-content}.metrics{display:flex;flex-direction:column;gap:.75rem}.metrics-2,.metrics-3{display:flex}.metrics-1{display:flex;width:60%;justify-content:space-between;border-bottom:2px solid var(--main-gold);font-weight:500}.metrics-2{display:flex;width:50%;justify-content:space-between;border-bottom:2px solid var(--main-gold);font-weight:500}.metrics-3{display:flex;width:70%;justify-content:space-between;border-bottom:2px solid var(--main-gold);font-weight:500}.about-ask{width:100%;display:flex;flex-direction:row;gap:3rem;margin-top:5rem}.about-ask img{height:80%}.about-text h3{font-size:1.25rem;font-weight:500;color:var(--main-gold)}.about-text h2{font-size:3.125rem;font-weight:500;border-bottom:1px dotted var(--main-gold);width:fit-content}.accordion-container{display:flex;flex-direction:column;gap:2rem}.accordion-item{border-bottom:1px solid var(--secondary-grey)}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#fff;border:none;width:100%;text-align:left;font-size:20px;cursor:pointer;outline:none}.accordion-header span{font-size:24px}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s ease-out;background-color:var(--fourth-yellow);padding:0 1rem}.accordion-content p{margin:1rem 0;font-size:16px}.accordion-item.active .accordion-content{max-height:400px}.accordion-item.active .accordion-header span{transform:rotate(45deg)}@media (max-width: 1500px){.about{width:90%}}@media (max-width: 1024px){.about{width:85%}.about-title{font-size:2.5rem}.about-who{flex-direction:column;gap:2rem}.about-images{width:40%;display:flex;display:none}.about-info{width:100%}.metrics-1,.metrics-2,.metrics-3{width:100%;justify-content:flex-start}.accordion-header{font-size:18px}.accordion-content p{font-size:14px}.about-ask{flex-direction:column;gap:2rem;margin-bottom:4rem}.about-ask img{display:none}}@media (max-width: 768px){.about{width:90%}.about-title{font-size:2rem}.about-who{flex-direction:column;gap:1.5rem}.about-images{display:none}.about-info{width:100%}.about-info h3{font-size:1rem}.about-info h2{font-size:3rem}.metrics-1,.metrics-2,.metrics-3{width:100%;justify-content:flex-start}.accordion-header{font-size:16px}.accordion-content p{font-size:14px}.about-ask{flex-direction:column;gap:1.5rem}.about-ask img{display:none}}@media (max-width: 550px){.about{width:90%;align-items:center}.about-title{font-size:1.5rem}.about-who{flex-direction:column;gap:1rem}.about-images{display:none}.about-info{width:100%;gap:1rem}.about-info h3{font-size:1rem}.about-info h2{font-size:1.75rem}.metrics-1,.metrics-2,.metrics-3{width:100%;justify-content:flex-start}.accordion-header{font-size:14px}.accordion-content p{font-size:12px}.about-ask{flex-direction:column;gap:1rem;margin-bottom:2rem}.about-ask img{display:none}.about-ask h2{font-size:1.75rem}.about-ask h3{font-size:1rem}}.pros{display:flex;width:100%;justify-content:space-between;background-color:var(--fourth-yellow);padding:5rem 10rem}.pro-container{display:flex;align-items:center;gap:1rem}.pro-container p:first-of-type{font-weight:700;font-size:1.563rem}.pro-container p:last-of-type{font-weight:500;font-size:1.25rem}@media screen and (max-width: 575px){.pros{flex-direction:column;align-items:center;padding:2rem 1rem}.pro-container{flex-direction:column;text-align:center;gap:.5rem}.pro-container p:first-of-type{font-size:1.25rem}.pro-container p:last-of-type{font-size:1rem}.pros-containers{margin-bottom:1.5rem}}@media screen and (min-width: 576px) and (max-width: 1024px){.pros{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2rem;padding:4rem}.pro-container{width:90%}}@media screen and (min-width: 1024px) and (max-width: 1500px){.pros{padding:3rem 6rem}.pro-container{width:90%}}.contact{width:70%;margin:auto;padding:1rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;background-color:var(--tertiary-yellow);height:40rem;margin-top:2rem}.contact h2{font-size:2.5rem}.contact .subtitles{font-size:1.125rem}.contact .contact-main-container{width:100%;display:flex;flex-direction:row;height:100%;margin-top:2rem}.contact .contact-information{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--secondary-yellow);padding:2rem;border-radius:1rem;width:45%}.contact .contact-information h3{font-size:28px}.contact .contact-information .question{font-size:18px}.contact .contact-svg{display:flex;flex-direction:column;gap:1rem}.contact .contact-svg div{display:flex;gap:5%}.contact .contact-svg div p{width:76%;font-weight:500}.contact .contact-svg div img{width:25px;height:25px}.contact .contact-social-media{display:flex;flex-direction:row;gap:1rem}.contact .contact-social-media img{width:30px}.contact form{padding:2rem;width:100%;display:flex;flex-direction:column;justify-content:space-between}.contact .personal-information{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.contact .personal-information div{display:flex;flex-direction:column;width:100%;gap:1rem}.contact .personal-information label{font-weight:600}.contact .personal-information input{background-color:transparent;border:none;border-bottom:1px solid var(--main-black);font-size:14px}.contact .contact-subject{display:flex;flex-direction:column;gap:1rem}.contact .contact-subject div{display:flex;justify-content:space-between}.contact .contact-subject input{margin-right:1rem;cursor:pointer}.contact .contact-message{display:flex;flex-direction:column;gap:1rem}.contact .contact-message label{font-size:1.17em;font-weight:700}.contact .contact-message input{background-color:transparent;border:none;border-bottom:1px solid var(--main-black);font-size:14px}.contact form .form-button{height:3rem;color:var(--main-white);background-color:var(--main-gold);border:2.5px solid var(--main-gold);border-radius:.5rem;font-weight:500;font-size:1rem;cursor:pointer;width:25%;align-self:center;transition:.55s ease}.contact form .form-button:hover{color:var(--main-gold);background-color:transparent}@media (max-width: 1200px){.contact{height:auto}.contact .contact-main-container{flex-direction:column}.contact .contact-information,.contact form{width:100%;margin-bottom:1rem}.contact .personal-information{grid-template-columns:1fr}.contact .contact-social-media{justify-content:center;gap:1rem}.contact .form-button{margin-top:1rem}}@media (max-width: 768px){.contact{width:90%;padding:2rem;height:auto}.contact h2{font-size:2rem}.contact .subtitles{font-size:1rem}.contact .contact-main-container{flex-direction:column}.contact .contact-information,.contact form{width:100%}.contact .personal-information{grid-template-columns:1fr}.contact .contact-social-media img{width:25px}.contact .form-button{margin-top:1rem}}@media (max-width: 600px){.contact{width:90%;padding:1rem}.contact h2{font-size:1.75rem}.contact .subtitles{font-size:1rem}.contact .contact-main-container{flex-direction:column;gap:1rem}.contact .contact-information,.contact form{width:100%;padding:1rem}.contact .personal-information{grid-template-columns:1fr}.contact .contact-message{margin-top:1rem}.contact .contact-message input{font-size:12px}.contact .form-button{width:50%;height:2.5rem}.contact .contact-subject div{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact .contact-subject div div{display:flex;justify-content:flex-start;flex-direction:row}.contact .contact-subject input{margin-right:0}.contact .form-button{margin-top:1rem}}.shop-main-container{margin-bottom:6rem}.shop{display:flex;flex-direction:column;align-items:center;position:relative;text-align:center;overflow-x:hidden}.shop img{height:16rem;width:100vw}.shop div{display:flex;flex-direction:column;align-items:center;position:absolute;top:30%}.shop h2{font-size:50px;font-weight:600}.shop span{display:flex;gap:.5rem;font-size:24px}.shop a,.shop .greaterThan{font-weight:600}#message{width:70%;margin:auto}#results{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(18.75rem,1fr));list-style-type:none;position:relative;width:70%;margin:auto}.api-div{border-radius:1rem;background-color:var(--secondary-yellow);position:relative;cursor:pointer}.api-div h4{font-size:17px}.api-div p{font-size:16px;font-weight:500}.api-div h4,.api-div p{padding-left:1rem}.api-div .price-2{margin-top:1rem;padding-bottom:1rem}.api-div img{width:100%;height:100%;object-fit:cover;border-top-left-radius:1rem;border-top-right-radius:1rem;transition:.5s}.api-div .cart-button-2{display:none;position:absolute;width:62%;top:40%;left:50%;transform:translate(-50%,-50%);background-color:var(--main-white);color:var(--main-gold);border:1px solid var(--main-gold);font-size:16px;font-weight:500;padding:.5rem 3rem;cursor:pointer;transition:.5s ease}.api-div .cart-button-2:hover{color:var(--main-white);background-color:var(--main-gold)}.api-div:hover .cart-button-2{z-index:10;display:block}.api-div:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000059;opacity:0;transition:opacity .3s ease;z-index:5;border-radius:1rem}.api-div:hover:before{opacity:1}.page-button{margin:5px;padding:5px 10px;cursor:pointer}.active{background-color:#007bff;color:#fff}.shop-filters{padding:1.2rem 0;width:70%;margin:2rem auto;border-radius:5rem;display:flex;justify-content:space-between;align-items:center}.shop-filters .search-container{display:flex;flex-direction:row;width:100%;align-items:center;background-color:var(--secondary-yellow);height:2rem;border-radius:5rem;padding:1.5rem;margin-right:1rem}.search-container img{height:1.5rem;margin-right:1rem}.search-container input{width:100%;height:2rem;border:transparent;background-color:transparent;font-size:18px}.search-container .filters{display:flex;gap:1rem;margin-left:1rem}.search-container .filters select{cursor:pointer;border:2px solid var(--main-black);border-radius:.35rem;box-shadow:4px 4px #000000bf;font-size:16px;font-weight:600;text-transform:uppercase}.shop-filters button{cursor:pointer;background-color:var(--main-gold);color:var(--main-white);font-size:18px;font-weight:600;border:1px solid var(--main-gold);border-radius:3rem;height:3rem;width:6rem;transition:.3s ease}.shop-filters button:hover{color:var(--main-gold);background-color:var(--main-white)}@media (max-width: 768px){.shop img{height:8rem}.shop-main-container{margin-bottom:4rem}.shop h2{font-size:2rem}.shop span{flex-direction:row;gap:.2rem;font-size:1rem}.shop a{font-size:1rem}#results{width:80%;grid-template-columns:1fr}.api-div h4{font-size:1.3rem}.api-div p{font-size:1rem}.shop-filters{flex-direction:column;gap:1rem;width:80%;align-items:center}.search-container{flex-direction:column;padding:1rem}.shop-filters button,.shop-filters .filters .order{width:100%}}@media (max-width: 1200px){.shop img{height:12rem}#results{width:90%}.shop h2{font-size:2.5rem}.shop span{font-size:1.2rem}.api-div h4{font-size:1rem}.api-div p{font-size:.9rem}.shop-filters{width:90%}}.login{display:flex;flex-direction:column;align-items:center;height:100vh;justify-content:center;width:25%;margin:auto}.login .back{margin-right:auto;font-size:18px;transition:transform .5s ease;color:var(--main-black)}.login .back:hover{transform:scale(1.1)}.login h2{font-size:40px;margin-bottom:2rem}.login form{display:flex;flex-direction:column;gap:.5rem;border:.2rem solid var(--main-black);border-radius:1rem;padding:2rem;width:auto;width:100%;font-size:20px;font-weight:500;background-color:var(--main-yellow)}.login input{border-radius:.5rem;height:2.5rem;font-size:16px;padding-left:.5rem;padding-right:.5rem}.login .submit{cursor:pointer;font-size:20px;margin-top:1.5rem;background-color:var(--main-gold);border:2px solid black;color:var(--main-white);font-weight:700;align-items:center}.login .submit:hover{background-color:var(--main-black)}.login p{display:flex;gap:1rem;font-size:20px;margin-top:2rem}.login a{color:var(--main-gold);cursor:pointer}@media (max-width: 600px){.login{width:90%;padding:1rem}.login h2{font-size:1.5rem;text-align:center}.login .back{font-size:16px;margin-bottom:1rem}.login form{padding:1.5rem;gap:1rem;font-size:16px}.login input{height:2rem;font-size:14px}.login .submit{font-size:16px;height:2.5rem}.login p{font-size:16px;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.login a{font-size:16px}}@media screen and (min-width: 600px) and (max-width: 900px){.login{width:60%;padding:2cqh}.login .back{font-size:20px;margin-bottom:1.5rem}.login h2{font-size:2.25rem;text-align:center;margin-bottom:2.5rem}.login form{padding:2rem;gap:.5rem;font-size:16px;border-width:.2rem}.login form label{font-size:17px;margin-bottom:.5rem}.login input{height:2.75rem;font-size:17px;padding-left:1rem;padding-right:1rem}.login input::placeholder{font-size:16px}.login .submit{font-size:18px;height:3.25rem;width:100%;align-self:center;margin-top:1.5rem}.login p{font-size:17px;margin-top:2rem;text-align:center;flex-direction:column}.login p a{font-size:17px;font-weight:700}}@media screen and (min-width: 901px) and (max-width: 1100px){.login{width:50%;padding:2rem}}@media screen and (min-width: 1101px) and (max-width: 1450px){.login{width:40%;padding:2rem}}.logout{display:flex;flex-direction:column;align-items:center;height:100vh;justify-content:center;width:25%;margin:auto}.logout .back{margin-right:auto;font-size:18px;transition:transform .5s ease;color:var(--main-black)}.logout .back:hover{transform:scale(1.1)}.logout h2{font-size:40px;margin-bottom:1rem}.logout .submit{cursor:pointer;font-size:20px;height:2.5rem;width:15rem;background-color:var(--main-gold);border:2px solid black;color:var(--main-white);font-weight:700}.logout .submit:hover{background-color:var(--main-black)}.cart-page{padding:2rem;width:60%;margin:auto}.cart-page h1{text-align:center;margin-bottom:2rem;font-size:2rem;color:var(--secondary-black)}.cart-container{display:flex;flex-direction:column;gap:1.5rem}.cart-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid var(--main-black);border-radius:.32rem}.cart-item-image{width:6.25rem;height:auto;object-fit:cover;border-radius:.32rem}.cart-item-details{flex-grow:1;margin-left:1rem}.cart-item-details h3{margin:0;font-size:1.2rem;color:var(--tertiary-black)}.cart-item-details p{margin:.5rem 0;color:#666}.remove-one-button{font-size:1.53rem;font-weight:600;background-color:transparent;border:1px solid var(--main-black);margin-right:1rem;padding:0rem .85rem;border-radius:.32rem;cursor:pointer}.remove-one-button:hover{background-color:var(--main-grey)}.remove-item-button{background-color:#ff4d4d;color:var(--main-white);border:none;padding:.4rem 1rem;border-radius:.32rem;cursor:pointer;font-size:1rem;font-weight:700}.remove-item-button:hover{background-color:#ff1a1a}.empty-cart-message{text-align:center;font-size:1.2rem;color:#777}.clear-cart-button{display:block;margin:2rem auto 0;padding:1rem 2rem;background-color:var(--secondary-black);color:var(--main-white);border:none;border-radius:.32rem;cursor:pointer;font-size:1.2rem}.clear-cart-button:hover{background-color:#555}@media (max-width: 768px){.cart-page{width:90%;padding:1rem}.cart-item{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.cart-item-image{width:100%;height:auto;max-width:12rem}.cart-item-details{margin-left:0;text-align:left;width:100%}.cart-item-details h3{font-size:1.1rem}.remove-one-button,.remove-item-button{width:100%;margin:.5rem 0}}
