.header-bar{position:fixed;top:0;left:0;width:100%;max-width:100vw;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#0d3b1d;box-shadow:0 1px 6px #00000026;font-family:Inter,sans-serif}.logo{display:flex;align-items:center;gap:6px;font-weight:600;font-size:1.4rem}.eye-icon{width:18px;height:18px;background:#fff7e6;border-radius:50%;position:relative}.eye-icon:before{content:"";position:absolute;top:5px;left:5px;width:8px;height:8px;background:#0d3b1d;border-radius:50%}.brand-text{font-weight:700;font-size:1.3rem;color:#f7b733}.header-right{display:flex;align-items:center;gap:14px}.hamburger-btn{width:32px;height:32px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:none;background:none;padding:10px;cursor:pointer;border-radius:6px;transition:background .2s ease}.hamburger-btn:hover{background-color:#f7b7331a}.hamburger-btn span{display:block;width:20px;height:2px;background:#f7b733;border-radius:1px;transition:all .3s ease}.hamburger-btn.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.mobile-menu{position:absolute;top:100%;right:16px;background:#fff7e6;border-radius:10px;box-shadow:0 10px 20px #0000001f;padding:1rem;display:flex;flex-direction:column;gap:12px;transform-origin:top right;animation:dropIn .2s ease-out}.mobile-menu a{text-decoration:none;color:#121212;font-weight:600;font-size:1rem}@keyframes dropIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.banner-carousel{position:relative;width:100%;overflow:hidden;height:400px;background-color:#1a1a1a}.slides{display:flex;transition:transform .5s ease-in-out}.slide{width:100%;height:400px;object-fit:cover;flex-shrink:0}.dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px}.dot{width:10px;height:10px;background:#555;border-radius:50%;transition:background .3s}.dot.active{background:#f7b733}.carousel-skeleton{height:160px;background:#2a2a2a;animation:pulse 1.5s infinite;display:flex;justify-content:center;align-items:center}.skeleton-box{width:90%;height:80%;background:#ffe9a7;border-radius:8px}@keyframes pulse{0%{background-color:#3a3a3a}50%{background-color:#2e2e2e}to{background-color:#3a3a3a}}.product-section{margin:1.2rem 0;padding:0 1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.section-header h3{font-size:1.1rem;font-weight:700;margin:0;color:#0d3b1d}.arrows button{font-size:1.2rem;margin-left:.4rem;background:none;border:none;color:#f7b733;cursor:pointer}.product-carousel{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem}.product-card{min-width:140px;background:#fffdf3;border-radius:12px;padding:.6rem;box-shadow:0 2px 6px #00000014;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;transition:border .3s ease,transform .2s ease;border:1px solid transparent}.product-card:hover{border:1px solid #f7b733;transform:translateY(-2px)}.product-card img{width:100%;height:100px;object-fit:cover;border-radius:8px;cursor:zoom-in;border:1px solid #f1e8c9}.add-btn{margin-top:6px;background-color:#0d3b1d;border:none;color:#fff;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .3s ease}.add-btn:hover{background-color:#12532a}.image-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100}.image-modal img{max-width:90%;max-height:90%;border-radius:10px}.skeleton{background:#f9f3e5;animation:pulse 1.2s infinite}.skeleton-img{width:100%;height:100px;background:#eee2c9;border-radius:6px;margin-bottom:8px}.skeleton-line{height:10px;background:#e5dac2;border-radius:4px;margin:4px 0}.skeleton-line.short{width:60%}@keyframes pulse{0%,to{background-color:#f6f1dd}50%{background-color:#eaddbd}}.quantity-selector{display:flex;align-items:center;gap:6px;margin:6px 0}.quantity-selector label{font-size:.9rem;color:#333}.quantity-selector input{width:50px;padding:4px 6px;border:1px solid #ccc;border-radius:6px;font-size:1rem;text-align:center}.login-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}.login-modal{background:#fff7e6;border-radius:18px;padding:2rem 1.8rem;width:90%;max-width:400px;box-shadow:0 20px 40px #00000040;animation:slideIn .3s ease;position:relative;font-family:Segoe UI,sans-serif}.login-modal h2{margin-bottom:1.2rem;color:#0d3b1d;font-size:1.6rem;text-align:center;font-weight:700}.login-modal form{display:flex;flex-direction:column;align-items:center}.login-modal input{width:80%;padding:.75rem 1rem;margin-bottom:.9rem;border:1px solid #ccc;border-radius:12px;font-size:1rem;background-color:#fffdf6;transition:border .2s ease}.login-modal input:focus{outline:none;border-color:#f7b733;box-shadow:0 0 0 3px #f7b73340}.login-btn{width:100%;padding:.9rem;margin-top:.6rem;background-color:#0d3b1d;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:background .3s ease}.login-btn:hover{background-color:#12532a}.close-btn{position:absolute;top:14px;right:16px;font-size:1.3rem;background:none;border:none;cursor:pointer;color:#0d3b1d}.login-links{margin-top:1.4rem;display:flex;flex-direction:column;gap:.6rem;align-items:center}.link-btn{background:none;border:none;color:#f7b733;font-size:.9rem;cursor:pointer;text-decoration:underline;padding:0;font-weight:500;transition:color .2s ease}.link-btn:hover{color:#e3a313}@keyframes slideIn{0%{transform:translateY(-25px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.account-modal-backdrop{position:fixed;top:4rem;left:0;width:100vw;height:calc(100vh - 4rem);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;z-index:1000}.account-modal{width:100%;max-width:400px;height:100%;background:#fdf6e3;padding:2rem 1.5rem;display:flex;flex-direction:column;position:relative;animation:slideIn .3s ease-out;box-shadow:-2px 0 12px #0003;overflow-y:auto;border-top-left-radius:20px;border-bottom-left-radius:20px}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#0d3b1d;cursor:pointer;transition:color .2s ease}.close-btn:hover{color:#121212}.modal-content h2{margin-bottom:1rem;font-size:1.4rem;color:#0d3b1d}.modal-content p{margin-bottom:.6rem;font-size:1rem;color:#333}.login-btn{background:#f7b733;color:#121212;padding:.75rem;border:none;border-radius:10px;font-size:1rem;margin-top:1rem;cursor:pointer;transition:background .3s ease;width:100%;font-weight:700}.login-btn:hover{background:#e6a625}.login-btn.danger{background:#d72638;color:#fff}.login-btn.danger:hover{background:#b71c2b}.history-list{list-style:none;padding:0;margin-top:1rem}.history-list li{background:#fff9e8;padding:.75rem 1rem;border-radius:10px;margin-bottom:.6rem;font-size:.95rem;color:#333;border-left:4px solid #f7b733}.form-msg{color:#d72638;font-size:.95rem;margin-top:.5rem}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.footer-nav{position:fixed;bottom:0;width:100%;height:64px;background-color:#0d3b1d;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px #0003;z-index:100;font-family:Segoe UI,sans-serif}.nav-btn{background:none;border:none;display:flex;flex-direction:column;align-items:center;font-size:.75rem;color:#f7b733;cursor:pointer;flex:1;transition:transform .2s ease,color .2s ease}.nav-btn:active{transform:scale(.95)}.nav-btn .icon{font-size:1.5rem;margin-bottom:2px;position:relative}.cart-badge{position:absolute;top:-4px;right:-8px;background:#d72638;color:#fff;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:999px;box-shadow:0 0 4px #00000040}.label{font-size:.65rem;font-weight:600}.toast-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:9999;display:flex;justify-content:center;width:100%;pointer-events:none}.toast-message{background-color:#f7b733;color:#0d3b1d;padding:12px 24px;border-radius:32px;font-size:.95rem;font-weight:600;box-shadow:0 6px 16px #00000026;animation:slideUp .3s ease,fadeOut .5s ease forwards;animation-delay:0s,1.5s;font-family:Segoe UI,sans-serif}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{to{opacity:0}}.search-bar-container{padding:.75rem 1rem;background:#fffdf3;position:sticky;top:0;z-index:10;box-shadow:0 2px 6px #0000000f}.search-bar-container input{width:100%;padding:10px 16px;border:2px solid #f7b733;border-radius:24px;font-size:1rem;outline:none;background:#fff;color:#0d3b1d;font-weight:500;transition:border-color .3s ease,box-shadow .3s ease}.search-bar-container input::placeholder{color:#999;font-style:italic}.search-bar-container input:focus{border-color:#e2a615;box-shadow:0 0 0 3px #f7b73333}.cart-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-end;z-index:999}.cart-modal{background:#1a1a1a;width:100%;max-height:85%;border-radius:20px 20px 0 0;padding:1.5rem;overflow-y:auto;animation:slideUp .3s ease;box-shadow:0 -5px 25px #0000004d;font-family:Segoe UI,sans-serif;color:#fff}.cart-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;padding-bottom:.8rem;margin-bottom:1rem}.cart-modal-header h2{color:#f7b733;font-size:1.4rem;font-weight:700}.close-btn{background:none;border:none;font-size:1.5rem;color:#f7b733;cursor:pointer}.cart-items{margin-bottom:1.2rem}.empty-text{text-align:center;color:#aaa;font-size:.95rem}.cart-item{display:flex;gap:1rem;margin-bottom:1rem;align-items:center;border-bottom:1px solid #2d2d2d;padding-bottom:.8rem}.cart-item img{width:60px;height:60px;border-radius:10px;object-fit:cover;border:2px solid #f7b733}.item-details{flex:1;display:flex;flex-direction:column;gap:4px}.item-details strong{font-size:1rem;color:#fff}.item-details .price{font-size:.9rem;color:#f7b733;font-weight:500}.cart-modal-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #333;padding-top:1.2rem;font-size:1rem;font-weight:700;color:#f7b733}.pay-btn{background:#0d3b1d;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s ease}.pay-btn:hover{background:#12532a}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.checkout-form.guest-form{margin-top:1rem;padding:1rem;background:#fff7e6;border-radius:1rem;box-shadow:0 4px 12px #00000014;transition:all .3s ease-in-out;display:flex;flex-direction:column;align-items:center;text-align:center}.guest-form-title{margin-bottom:.2rem;font-size:1.1rem;font-weight:600;color:#121212}.guest-form-note{margin-bottom:1rem;font-size:.9rem;color:#555}.form-input{width:80%;margin-bottom:.8rem;padding:.75rem 1rem;border:1px solid #ccc;border-radius:.75rem;font-size:1rem;outline:none;transition:border .2s ease,box-shadow .2s ease}.form-input:focus{border-color:#f7b733;box-shadow:0 0 0 3px #f7b73333}.result-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.result-box{background:#fff;padding:2rem;border-radius:12px;text-align:center;max-width:300px;box-shadow:0 4px 20px #0003}.result-box p{font-size:1.2rem;margin-bottom:1rem}.result-box button{background-color:#007bff;color:#fff;padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem}.splash-screen{width:100vw;height:100vh;background-color:#fcb900;background-image:url(https://res.cloudinary.com/datll7nec/image/upload/v1753573865/ChatGPT_Image_26_jul_2025_18_50_51_vonszc.png);background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;justify-content:center;align-items:center;position:fixed;z-index:9999}.splash-logo{padding:100px;border-radius:20px;box-shadow:0 8px 24px #0006;display:flex;align-items:center;font-size:48px;font-weight:700;gap:15px;color:#0d3b1d}.icono,.numero{font-size:60px}:root{--color-primary: #f7b733;--color-primary-dark: #e09e13;--color-accent: #0d3b1d;--color-bg: #fffef9;--color-white: #ffffff;--color-black: #111;--color-text: #1c1c1c;--color-muted: #7c7c7c;--border-radius: 12px;--shadow: 0 2px 10px rgba(0, 0, 0, .06);--font: "Segoe UI", "Inter", sans-serif}body{font-family:var(--font);background-color:var(--color-bg);color:var(--color-text);margin:0;padding:0;-webkit-font-smoothing:antialiased}button{border:none;border-radius:var(--border-radius);background-color:var(--color-primary);color:var(--color-accent);padding:.55rem 1.2rem;font-weight:600;cursor:pointer;transition:background .3s ease}button:hover{background-color:var(--color-primary-dark)}input{padding:.5rem 1rem;border-radius:var(--border-radius);border:1px solid #ddd;font-size:1rem;outline-color:var(--color-primary)}.card{background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1rem;margin-bottom:1rem}