:root{--navbar-height: 60px;--color-background: #ffffff;--color-text: #333333;--transition-speed: .3s}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);padding:.5rem;background-color:var(--color-background);display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.navbar img,.navbar svg{height:40px;width:auto}.navbar:before{content:"";position:fixed;top:-100vh;left:0;right:0;bottom:100%;background-color:var(--color-background);z-index:9998}.navbar-button{display:flex;justify-content:center;align-items:center;width:48px;height:48px;padding:10px;background:none;border:none;border-radius:4px;font-size:24px;color:var(--color-text);cursor:pointer;z-index:999;box-sizing:border-box}.navbar-button svg{width:100%;height:100%;pointer-events:none}.blur-background{filter:blur(3px);transition:filter var(--transition-speed) ease-in-out}.blur-background-off{filter:blur(0px);transition:filter var(--transition-speed) ease-out}@media (max-width: 768px){.navbar{justify-content:center;height:55px}.navbar img{height:30px;width:auto;padding:.2rem}.menu-button,.cart-button{position:fixed;bottom:5px;padding:10px;z-index:1001}.menu-button{left:20px}.cart-button{right:20px}}.footer{position:fixed;bottom:0;left:0;right:0;background-color:#fff6df;display:flex;justify-content:center;align-items:center;padding:.5rem;z-index:999;height:60px;overflow:hidden}.footer img{width:40px}.mobile-only{display:none}@media (max-width: 768px){.mobile-only{display:flex}.footer{height:55px}.footer img{width:35px}}.side-menu{position:fixed;top:0;bottom:0;left:0;width:50%;margin-top:var(--navbar-height);background-color:var(--color-background);transform:translate(-100%);transition:transform var(--transition-speed) ease-in-out;z-index:998;display:flex;flex-direction:row;justify-content:space-between;text-transform:uppercase;font-weight:600;overflow-y:auto}.side-menu.open{transform:translate(0)}.side-menu .links{display:flex;flex-direction:column;justify-content:start;padding:1rem;margin-bottom:70px}.side-menu .links a{color:var(--color-text);font-size:16px;padding:.5rem}.side-menu span{font-size:15px;padding-left:5px;opacity:0}.side-menu li:hover span{opacity:100}.side-menu nav ul{padding:1rem;margin:20px 0 0;list-style:none}.side-menu nav ul li{margin-bottom:10px;font-size:16px}.side-menu nav ul li a{color:var(--color-text);text-decoration:none}@media (max-width: 768px){.side-menu{width:100%;height:50vh;top:auto;bottom:0;left:0;right:0;transform:translateY(100%)}.side-menu.open{transform:translateY(0)}.side-menu nav ul{padding:.8rem;margin:20px 0 0}.side-menu nav ul li{font-size:16px}}:root{--navbar-height: 60px;--sidebar-width: 300px;--color-background: #FFF6DF;--color-text: #361F0F;--transition-speed: .3s}.side-bag{position:fixed;top:0;bottom:0;right:0;width:var(--sidebar-width);margin-top:var(--navbar-height);background-color:var(--color-background);transform:translate(100%);transition:transform var(--transition-speed) ease-in-out;z-index:998;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;overflow-y:auto;padding:0 20px}.side-bag.open{transform:translate(0)}.side-bag h2{margin-bottom:20px;text-align:center}.side-bag .item-list{list-style-type:none;padding:0}.side-bag .item{display:flex;align-items:center;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.side-bag .item-image{width:60px;height:60px;object-fit:cover;margin-right:10px}.side-bag .item-details{flex-grow:1}.side-bag .item-details h3{margin:0;font-size:16px}.side-bag .item-details p{margin:5px 0 0;color:#666}.side-bag .total{margin-top:20px;text-align:right;font-size:18px}.side-bag .checkout-btn{display:block;width:100%;padding:10px;background-color:#333;color:#fff;border:none;border-radius:5px;margin-top:20px;cursor:pointer;transition:background-color var(--transition-speed)}.side-bag .checkout-btn:hover{background-color:#555}@media (max-width: 768px){.side-bag{width:100%;height:50vh;top:auto;bottom:0;left:0;right:0;transform:translateY(100%)}.side-bag.open{transform:translateY(0)}}:root{--nav-height-desktop: 70px;--nav-height-mobile: 55px;--footer-height-desktop: 70px;--footer-height-mobile: 55px}.inicio-page{margin:var(--nav-height-desktop) 0;width:100%}.inicio-page .container{width:100%;height:calc(100vh - var(--nav-height-desktop) - var(--footer-height-desktop));background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 var(--nav-height-desktop);box-sizing:border-box}.inicio-page h2{color:var(--color-text);text-transform:uppercase;font-size:2.5rem;margin-bottom:0}.inicio-page p{color:var(--color-text);font-size:1.2rem;font-weight:500;max-width:600px;margin:0 auto}.button-section{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:20px;width:100%}.button-section a{background-color:transparent;color:var(--color-text);border:none;font-size:1.3rem;cursor:pointer}@media (max-width: 768px){.inicio-page{width:100%;height:calc(100vh - var(--nav-height-mobile) - var(--footer-height-mobile))}.inicio-page .container{padding:var(--nav-height-mobile) 0}.inicio-page h2{font-size:2rem}.inicio-page p{font-size:1rem}}.card{overflow:hidden;width:300px;margin-bottom:10px;position:relative}.out-of-stock img{filter:grayscale(100%);opacity:.7}.out-of-stock .card-image-container:after{content:"Agotado";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);background-color:var(--color-primary);color:#fff;padding:5px 30px;font-size:16px;text-transform:uppercase;z-index:2}.card:not(.out-of-stock):hover{filter:brightness(1.05)}.card-link:hover{text-decoration:underline}.card-link{text-decoration:none;color:var(--color-text)}.card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5px}.card-content h3{text-transform:uppercase;font-size:medium;margin:0}.card-price{font-size:small;margin:0}.card-image-container{position:relative;width:100%;padding-top:100%;overflow:hidden}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.card{width:150px}.card-content h3{font-size:small}.card-price{font-size:10px}.out-of-stock .card-image-container:after{font-size:12px;padding:3px 20px}}.container{display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - var(--nav-height-desktop) - var(--footer-height-desktop));max-height:80vh;padding:var(--nav-height-desktop) 0}.container .category{text-transform:uppercase;font-size:16px;padding:1.5rem 0;margin:0}.products-page{display:flex;flex-direction:column;margin:1.5rem}.products-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:100%;max-width:1200px;margin:0 auto}.product-item{flex:0 1 calc(50% - 10px);max-width:calc(50% - 10px);min-width:280px}.no-products img{max-height:80%}@media (max-width: 768px){.products-grid{gap:15px}}@media (max-width: 600px){.product-item{flex:0 1 100%;max-width:100%}.no-products img{max-width:50vh}}:root{--navbar-height-pc: 70px;--footer-height-pc: 70px;--navbar-height-mobile: 55px;--footer-height-mobile: 55px;--color-primary: #ff5656;--color-secondary: #ffd06c;--color-background: #fff6df;--color-text: #361f0f;--color-white: #ffffff;--color-black: #000000}.product-container{width:100%;height:calc(100vh - var(--navbar-height-pc) - var(--footer-height-pc));display:flex;overflow:hidden;padding:var(--navbar-height-pc) 0}.product-details{display:flex;flex-direction:row;width:100%;height:100%;background-color:var(--color-background)}.product-image{flex:0 0 60%;overflow-y:auto;padding:40px;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.product-image::-webkit-scrollbar{display:none}.product-image img{width:100%;object-fit:contain;margin-bottom:20px}.product-info{flex:0 0 40%;display:flex;flex-direction:column;align-items:left;justify-content:center;padding:40px;box-sizing:border-box;overflow-y:auto;height:100%;position:sticky;top:var(--navbar-height-pc)}.product-info h2{font-size:24px;margin:0 0 20px;color:var(--color-text)}.product-info .product-price{font-size:20px;margin:0 0 20px;color:var(--color-text)}.add-to-bag,.size-selector{width:100%;margin-bottom:20px;cursor:pointer}.add-to-bag{background-color:var(--color-secondary);padding:.5rem;border-radius:40px;border:0}.add-to-bag:hover,.size-selector:hover{filter:brightness(.9)}.size-selector{background-color:var(--color-background);padding:.5rem;border-radius:40px;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.product-additional-info{margin-top:20px;background-color:var(--color-background);padding:20px;border-radius:10px;border:1px solid var(--color-primary);transition:max-height .3s ease;max-height:500px;overflow:hidden}.product-additional-info h3{font-size:18px;margin-bottom:10px;color:var(--color-text)}.product-additional-info p{font-size:16px;margin-bottom:10px;color:var(--color-text)}.toggle-details{margin-top:20px;background-color:var(--color-primary);color:var(--color-white);padding:10px;border-radius:5px;border:none;cursor:pointer;transition:background-color .3s ease}.toggle-details:hover{background-color:var(--color-secondary)}@media (max-width: 768px){.product-container{height:calc(100vh - calc(var(--navbar-height-mobile)*2));padding:var(--navbar-height-mobile) 0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.product-details{display:flex;flex-direction:column}.product-image{flex:1;overflow-y:auto;padding:0;box-sizing:border-box}.product-image img{width:100%;object-fit:contain;margin-bottom:20px}.product-info{flex:0 0 40%;width:100%;padding:0 40px;background-color:var(--color-background);overflow-y:auto;display:flex;flex-direction:column}.product-info h2{font-size:20px;margin:0 0 10px}.product-info .product-price{font-size:18px;margin:0 0 10px}.add-to-bag,.size-selector{width:100%;margin-bottom:15px}}.home-content{position:relative;display:flex;flex-direction:column;align-items:center;min-height:100vh;min-width:100%}:root{--color-primary: #FF5656;--color-secondary: #FFD06C;--color-background: #FFF6DF;--color-text: #361F0F;--color-white: #FFFFFF;--color-black: #000000 }body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
