@media (max-width:768px){html,body{overflow-x:hidden!important;width:100%!important;position:relative;margin:0;padding:0}body.menu-open{overflow:hidden}.top-header{background:linear-gradient(105deg,#2D4A2A 0%,#1e3319 55%,#3a2008 100%);backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;box-shadow:none;padding:0!important;position:relative}.top-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#C6A46A 40%,#E8D5B0 60%,transparent);pointer-events:none}.top-header.scrolled{background:linear-gradient(105deg,rgba(30,56,48,0.97) 0%,rgba(45,74,42,0.97) 85%,rgba(58,32,8,0.90) 100%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:none;padding:0!important}.top-header.scrolled .header-container{padding:8px 20px}.header-container{flex-direction:row;align-items:center;justify-content:center;padding:12px 20px;gap:14px}.nav-container{display:none!important}.brand-block{padding:0!important;flex:1;max-width:100%;margin:0;min-height:unset}.brand-block img,.main-logo{height:55px!important;width:55px;border-radius:50%;object-fit:contain;padding:3px;background:#fff;border:1.5px solid rgb(198 164 106 / .6);box-shadow:0 0 0 4px rgb(198 164 106 / .15)}.top-header.scrolled .main-logo{height:36px!important;width:36px;padding:2px}.brand-phrase{font-size:11px!important;color:rgb(232 213 176 / .85);max-width:210px;line-height:1.4}.brand-content{gap:12px}.top-header.scrolled .brand-phrase{display:none}.menu-toggle{display:none!important}.menu-toggle span{display:block;width:100%;height:3px;background-color:var(--clr-green-mid);border-radius:5px;transition:transform var(--transition-base),opacity var(--transition-base),background-color var(--transition-base)}.menu-toggle.is-active span:nth-child(1){transform:translateY(8px) rotate(45deg);background-color:var(--clr-gold)}.menu-toggle.is-active span:nth-child(2){opacity:0}.menu-toggle.is-active span:nth-child(3){transform:translateY(-9px) rotate(-45deg);background-color:var(--clr-gold)}.nav-menu{display:flex!important;flex-direction:column;align-items:stretch;gap:0;position:absolute;top:100%;left:0;width:100%;padding:0;background:rgb(252 249 244 / .98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:3px solid var(--clr-gold);border-radius:0 0 28px 28px;box-shadow:0 20px 40px rgb(47 79 70 / .12);max-height:0;opacity:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(.4,0,.2,1),opacity var(--transition-base);z-index:999;pointer-events:none}.nav-menu.active{max-height:400px;opacity:1;pointer-events:auto}.nav-menu li{opacity:0;transform:translateY(14px);transition:opacity var(--transition-slow),transform var(--transition-slow);border-bottom:1px solid rgb(168 134 62 / .18);list-style:none}.nav-menu li:last-child{border-bottom:none;padding-bottom:10px}.nav-menu.active li{opacity:1;transform:translateY(0)}.nav-menu.active li:nth-child(1){transition-delay:0.15s}.nav-menu.active li:nth-child(2){transition-delay:0.25s}.nav-menu.active li:nth-child(3){transition-delay:0.35s}.nav-menu a{display:block;font-family:var(--font-serif);font-size:21px;color:var(--clr-green-mid);text-decoration:none;font-weight:600;padding:20px 40px;text-align:center;letter-spacing:.3px;position:relative;transition:color var(--transition-fast),background var(--transition-fast)}.nav-menu a::after{content:"";position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:0;height:1.5px;background:var(--clr-gold);border-radius:2px;transition:width var(--transition-base)}.nav-menu a:hover{color:var(--clr-gold-dark);background:rgb(168 134 62 / .06)}.nav-menu a:hover::after{width:36px}.hero{padding:70px 20px 90px;border-bottom-left-radius:40px;border-bottom-right-radius:40px}.hero h1{font-size:34px}.hero-subtitle{font-size:17px}.hero-label{font-size:10px}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;max-width:280px;justify-content:center}.section-title{font-size:22px;padding:0 8px}.steps{grid-template-columns:1fr;gap:16px}.carousel-wrapper{max-width:100%;margin:20px 0;padding:0}.carousel-products{overflow:hidden;margin:0 20px}.carousel-track{gap:16px;padding:0;touch-action:pan-y;cursor:grab}.carousel-track:active{cursor:grabbing}.carousel-track .card{flex:0 0 100%}.carousel-track .card img{height:220px}.carousel-btn{width:36px;height:36px;min-width:44px;min-height:44px;font-size:12px;opacity:.9;z-index:10}.prev{left:-2px}.next{right:-2px}.carousel-dots{display:flex;justify-content:center;align-items:center;gap:4px;max-width:100%;padding:8px 0}.carousel-dot{position:relative;width:28px;height:28px;min-width:unset;min-height:unset;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;touch-action:manipulation}.carousel-dot::after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:rgb(198 164 106 / .4);transition:background 0.3s ease,width 0.3s ease,height 0.3s ease,opacity 0.3s ease}.carousel-dot.active::after{background:var(--clr-gold);width:22px;height:8px;border-radius:4px}.carousel-dot:not(.active):not(.dot-shrink)::after{width:8px;height:8px;opacity:.55}.carousel-dot.dot-shrink::after{width:5px;height:5px;opacity:.3}#historia{scroll-margin-top:80px;padding:50px 16px}.historia-inner{padding:36px 24px}.historia-box h2{font-size:28px}.historia-box p{font-size:17px}.cta-banner{padding:70px 16px}.cta-banner h2{font-size:28px}.cta-banner p{font-size:17px}.personalizado-inner{grid-template-columns:1fr;gap:40px;padding-top:70px;padding-bottom:70px}.personalizado-text h2{font-size:34px}.personalizado-text p{font-size:17px;max-width:100%}.personalizado-lista{grid-template-columns:1fr 1fr;gap:8px 16px}.instagram-panel-inner{padding:36px 28px}.instagram-panel h3{font-size:22px}.instagram-panel .instagram-sub{font-size:15px}.footer-wave svg{height:40px}.footer-body{padding:60px 24px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}.footer-body::before{width:68px;height:68px;top:-10px}.footer-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.footer-logo{height:60px}.footer-tagline{font-size:10px;letter-spacing:2px;margin-top:6px}.footer-body::after{content:'';display:block;width:40px;height:1px;background:rgb(198 164 106 / .4);margin:4px 0 20px}.footer-nav{display:grid!important;grid-template-columns:1fr 1fr;gap:0;width:100%;max-width:320px;margin-bottom:20px;border:1px solid rgb(198 164 106 / .12);border-radius:12px;overflow:hidden}.footer-nav a{display:block;padding:12px 10px;font-size:13px;text-align:center;border-bottom:1px solid rgb(198 164 106 / .12)}.footer-nav a:nth-child(odd){border-right:1px solid rgb(198 164 106 / .12)}.footer-nav a:last-child{grid-column:1 / -1;border-right:none!important;border-bottom:none}.footer-nav span[aria-hidden]{display:none}.footer-legal{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:16px}.footer-legal span[aria-hidden]{display:none}.footer-legal a{font-size:11px}.footer-copy{font-size:10px}.popup{align-items:flex-start;padding-top:80px}.popup-content{width:90%;padding:30px 20px;border-radius:18px}.popup-content h3{font-size:20px}.popup-subtitle{font-size:16px;line-height:1.4}.popup-content input{padding:12px;font-size:14px}.popup-content .btn-primary{padding:14px;font-size:15px}.form-error{font-size:13px;padding:10px 12px;border-radius:8px}.error-icon{font-size:14px}.error-text{font-size:13px;line-height:1.3}.whatsapp-btn{right:16px!important;bottom:20px!important;max-width:160px}.cart-floating{right:16px;bottom:100px}.cart-modal{align-items:flex-end;padding:0}.cart-content{width:100%;max-width:100%;max-height:80vh;border-radius:24px 24px 0 0;padding:20px 16px}.cart-toast{bottom:140px;right:16px;font-size:13px;padding:10px 14px}}@media (max-width:480px){.hero{padding:60px 16px 70px;border-bottom-left-radius:30px;border-bottom-right-radius:30px}.hero h1{font-size:28px;line-height:1.2}.hero-subtitle{font-size:15px}.section{padding:50px 16px}.section-title{font-size:20px}.container{padding:16px}.step{padding:28px 20px 24px}.historia-inner{padding:28px 18px}.historia-box h2{font-size:24px}.historia-box p{font-size:16px}.cta-banner h2{font-size:24px}.cta-banner p{font-size:16px}.btn-primary,.btn-secondary,.personalizado-lista{grid-template-columns:1fr}.personalizado-text h2{font-size:28px}}