.container-banner{align-items:center;width:100%;height:clamp(350px,60vh,600px);display:flex;position:relative;overflow:hidden}.container-banner .banner{object-fit:cover;z-index:1}.container-banner .banner-overlay{z-index:10;flex-direction:column;justify-content:center;gap:1.5rem;margin:0 32px;padding:0;display:flex;position:relative}.container-banner .banner-overlay .title{color:#000;text-transform:uppercase;margin:0;font-size:clamp(2rem,8vw,4.5rem);font-weight:800;line-height:1.1}.container-banner .banner-overlay .title:after{content:"";background-color:#6c3bff;border-radius:3px;width:15%;min-width:50px;height:6px;margin-top:.5rem;display:block}.container-banner .banner-overlay .subtitle{color:#000;max-width:65%;margin:0;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:500;line-height:1.4}.container-banner .banner-overlay .btn{color:#fff;cursor:pointer;background-color:#6c3bff;border:none;border-radius:8px;width:fit-content;padding:.8rem 2.5rem;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:700;transition:transform .2s}.container-banner .banner-overlay .btn:hover{transform:scale(1.05)}@media screen and (max-width:768px){.container-banner{height:300px}}
.container-cards-category{clear:both;flex-direction:column;align-items:center;gap:24px;width:100%;padding:32px 16px;display:flex}.container-cards-category .item{flex-direction:column;width:100%;max-width:400px;display:flex}.container-cards-category .item .image-container{border-radius:12px;width:100%;height:250px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.container-cards-category .item .image-container img{object-fit:cover}.container-cards-category .item .image-container:after{content:attr(data-category);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2;pointer-events:none;color:#fff;letter-spacing:3px;background-color:#0000004d;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-family:Michroma;font-size:2rem;font-weight:600;display:flex;position:absolute;top:0;left:0}@media (min-width:768px){.container-cards-category{flex-direction:row;justify-content:center;gap:32px}.container-cards-category .card{width:30%;height:auto}}
.container-items{background-color:#f1f5f9;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:16px;width:100%;margin-top:8px;padding:20px;display:flex;overflow-x:auto}.container-items::-webkit-scrollbar{display:none}.container-items{-ms-overflow-style:none;scrollbar-width:none}.container-items .item{text-align:center;flex-direction:column;flex:1;align-items:center;gap:8px;min-width:120px;display:flex}.container-items .item svg{color:#6c3bff;font-size:1.8rem;transition:transform .3s}.container-items .item p{color:#1e293b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.75rem;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.container-items .item:hover svg{transform:translateY(-5px)}@media (min-width:768px){.container-items{justify-content:center;gap:40px;padding:40px 0;overflow-x:hidden}.container-items .item{min-width:auto;max-width:200px}.container-items .item svg{font-size:2.5rem}.container-items .item p{font-size:.9rem}}
.container-carrousel{flex-direction:column;gap:16px;width:100%;max-width:1400px;margin:64px auto 32px;padding:0 40px;display:flex;position:relative}.container-carrousel .title{color:#1a1a1a;text-transform:uppercase;letter-spacing:2px;align-self:flex-start;margin-left:10px;font-family:Russo One,sans-serif;font-size:1.3rem;position:relative}.container-carrousel .title:after{content:"";background-color:#2f81ed;width:60%;height:3px;display:block;position:absolute;bottom:-4px;left:0}.container-carrousel .carrousel-wrapper{flex-direction:row;align-items:center;width:100%;display:flex;position:relative}.container-carrousel .carrousel-wrapper .arrow-icon{color:#333;z-index:10;cursor:pointer;background-color:#fff;border:1px solid #eee;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 10px #0000001a}.container-carrousel .carrousel-wrapper .arrow-icon:hover{background-color:#f8f8f8;transform:translateY(-50%)scale(1.1)}.container-carrousel .carrousel-wrapper .arrow-icon:active{transform:translateY(-50%)scale(.95)}.container-carrousel .carrousel-wrapper .left{left:-15px}.container-carrousel .carrousel-wrapper .right{right:-15px}.container-carrousel .carrousel{scroll-snap-type:x mandatory;flex-direction:row;gap:20px;width:100%;height:380px;padding:10px 5px;display:flex;overflow:auto hidden}.container-carrousel .carrousel::-webkit-scrollbar{display:none}.container-carrousel .carrousel{-ms-overflow-style:none;scrollbar-width:none}.container-carrousel .carrousel .product-card{scroll-snap-align:start;flex:0 0 250px}@media (max-width:768px){.container-carrousel{margin-top:40px;padding:0 20px}.container-carrousel .arrow-icon{display:none}.container-carrousel .carrousel{gap:12px}}