:root{--green:#143e31;--green2:#205b47;--gold:#d4af37;--cream:#f8f5ec;--muted:#f0eadb;--text:#143e31;--shadow:0 18px 55px rgba(20,62,49,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:"Segoe UI",Tahoma,Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block}.notice{background:var(--green);color:#f5e8c7;text-align:center;padding:10px 16px;font-size:13px;font-weight:700}.header{position:sticky;top:0;z-index:30;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,18px);border-bottom:1px solid rgba(20,62,49,.1);background:rgba(248,245,236,.95);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand img{height:58px;width:auto}.brand b,.brand small{display:block}.brand small{font-size:12px;opacity:.55;margin-top:3px}.header nav{display:flex;gap:28px;font-size:14px;font-weight:800}.cart-button,.floating-cart{border:0;border-radius:999px;background:var(--green);color:#fff;font-weight:800;padding:13px 20px}.cart-button span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-right:5px;border-radius:99px;background:var(--gold);color:var(--green);font-size:11px}.hero{min-height:670px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;padding:70px max(6vw,24px);background:radial-gradient(circle at 10% 20%,rgba(212,175,55,.16),transparent 35%),radial-gradient(circle at 90% 80%,rgba(113,168,141,.16),transparent 35%),var(--green);color:#fff}.eyebrow{display:inline-block;padding:10px 16px;border:1px solid rgba(212,175,55,.45);border-radius:999px;color:#f0d374;background:rgba(255,255,255,.04);font-size:14px}.hero h1{margin:22px 0 14px;font-size:clamp(48px,6vw,76px);line-height:1.16}.hero h1 em{color:var(--gold);font-style:normal}.hero-copy>p{max-width:600px;color:rgba(255,255,255,.74);font-size:19px;line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-actions a,.hero-actions button{height:52px;border-radius:999px;padding:0 28px;font-weight:900}.gold-button{display:inline-flex;align-items:center;background:var(--gold);color:var(--green)}.outline-button{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff}.hero-points{display:flex;flex-wrap:wrap;gap:24px;margin-top:28px;color:rgba(255,255,255,.7);font-size:14px}.hero-gallery{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;aspect-ratio:4/3;padding:16px;border-radius:34px;background:var(--cream);box-shadow:0 28px 60px rgba(0,0,0,.32)}.hero-gallery>img,.hero-gallery>div img{width:100%;height:100%;min-height:0;object-fit:contain;background:#fff;border-radius:18px;padding:12px}.hero-gallery>div{display:grid;gap:12px;min-height:0}.hero-gallery aside{position:absolute;right:20px;bottom:-22px;padding:14px 20px;border-radius:16px;background:#fff;color:var(--green);box-shadow:var(--shadow)}.hero-gallery aside b,.hero-gallery aside small{display:block}.hero-gallery aside small{opacity:.55;margin-top:4px}.trust{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(20,62,49,.12)}.trust div{background:#fff;text-align:center;padding:24px 12px}.trust b,.trust small{display:block}.trust small{margin-top:6px;opacity:.55}.section{padding:90px max(5vw,20px)}.section-title{text-align:center;max-width:700px;margin:0 auto}.section-title span,.faq>div>span{color:#a47b18;font-weight:900}.section-title h2,.faq h2{margin:10px 0 12px;font-size:clamp(36px,5vw,56px)}.section-title p{opacity:.6;line-height:1.8}.filters{max-width:1240px;margin:36px auto 0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid rgba(20,62,49,.12);border-radius:24px;background:#fff}.categories{display:flex;gap:8px;overflow:auto}.categories button{white-space:nowrap;border:0;border-radius:999px;background:#f3efe2;padding:11px 16px;font-size:14px;font-weight:800}.categories button.active{background:var(--green);color:#fff}.search{width:290px;height:44px;display:flex;align-items:center;gap:8px;padding:0 16px;border:1px solid rgba(20,62,49,.15);border-radius:999px}.search input{width:100%;border:0;outline:0;background:transparent}.product-grid{max-width:1240px;margin:30px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(20,62,49,.1);border-radius:30px;background:#fff;box-shadow:var(--shadow);transition:.25s}.card:hover{transform:translateY(-5px)}.card-media{position:relative;aspect-ratio:1;background:#f8f6ef;padding:22px}.card-media>img{width:100%;height:100%;object-fit:contain}.badge{position:absolute;right:16px;top:16px;padding:7px 12px;border-radius:999px;background:var(--green);color:#fff;font-size:12px;font-weight:800}.quick-view{position:absolute;bottom:16px;left:16px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.15)}.card-body{display:flex;flex:1;flex-direction:column;padding:23px}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-size{color:#a47b18;font-size:12px;font-weight:900}.card h3{margin:4px 0 0;font-size:21px}.price{white-space:nowrap;color:#9c7415;font-size:18px}.card-note{min-height:45px;margin:12px 0 0;opacity:.58;font-size:14px;line-height:1.65}.variant-label{margin:16px 0 8px;font-size:12px;font-weight:800;opacity:.6}.variant-label b{opacity:1}.thumbnails{display:flex;gap:8px;overflow:auto}.thumb{width:54px;height:54px;flex:0 0 54px;padding:4px;border:2px solid transparent;border-radius:12px;background:#faf8f2}.thumb.active{border-color:var(--gold)}.thumb img{width:100%;height:100%;object-fit:contain}.card-actions{display:flex;gap:10px;margin-top:auto;padding-top:20px}.add-button,.details-button{height:48px;border-radius:999px;font-weight:900}.add-button{flex:1;border:0;background:var(--green);color:#fff}.details-button{border:1px solid rgba(20,62,49,.15);background:#fff;padding:0 16px}.quantity{flex:1;display:flex;align-items:center;justify-content:space-between;height:48px;padding:4px;border:1px solid rgba(20,62,49,.15);border-radius:999px}.quantity button{width:38px;height:38px;border:0;border-radius:50%;background:var(--muted)}.quantity button:last-child{background:var(--green);color:#fff}.empty{text-align:center;padding:60px;border:1px dashed rgba(20,62,49,.25);border-radius:24px;margin:30px auto;max-width:900px}.steps{background:var(--green);color:#fff}.section-title.light span{color:var(--gold)}.step-grid{max-width:1180px;margin:40px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-grid article{padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.05)}.step-grid i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--gold);color:var(--green);font-style:normal;font-weight:900}.step-grid p{color:rgba(255,255,255,.65);line-height:1.7}.help{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:60px max(8vw,24px);background:#e8dcc1}.help span{color:#9c7415;font-weight:900}.help h2{margin:8px 0;font-size:34px}.help button,.whatsapp-order{border:0;border-radius:999px;background:#25d366;color:#fff;padding:17px 28px;font-weight:900}.faq{max-width:1100px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:54px}.faq-list{padding:0 24px;border:1px solid rgba(20,62,49,.12);border-radius:24px;background:#fff}.faq details{padding:20px 0;border-bottom:1px solid rgba(20,62,49,.1)}.faq details:last-child{border:0}.faq summary{cursor:pointer;font-weight:900}.faq p{opacity:.65;line-height:1.8}footer{display:flex;align-items:center;justify-content:space-between;padding:36px max(5vw,20px);background:var(--muted);border-top:1px solid rgba(20,62,49,.1)}footer button{border:0;background:transparent;color:var(--green);font-weight:900}.floating-cart{position:fixed;left:20px;bottom:20px;z-index:25;box-shadow:0 10px 30px rgba(0,0,0,.2)}.overlay{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.48);backdrop-filter:blur(4px)}.modal{position:absolute;top:50%;left:50%;width:min(900px,calc(100% - 28px));max-height:92vh;overflow:auto;transform:translate(-50%,-50%);border-radius:28px;background:var(--cream)}.close{position:absolute;top:14px;right:14px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#fff;font-size:25px}.detail-grid{display:grid;grid-template-columns:1fr 1fr}.detail-image{min-height:430px;padding:35px;background:#fff}.detail-image img{width:100%;height:100%;object-fit:contain}.detail-info{padding:38px}.detail-info h2{font-size:34px;margin:6px 0 12px}.detail-info>p{opacity:.65;line-height:1.8}.detail-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.detail-option{padding:8px;border:2px solid transparent;border-radius:14px;background:#fff;font-size:12px;font-weight:800}.detail-option.active{border-color:var(--gold)}.detail-option img{width:100%;aspect-ratio:1;object-fit:contain}.detail-benefits{margin-top:20px;padding:18px;border-radius:16px;background:#fff}.detail-benefits li{margin:8px 0;opacity:.7}.detail-buy{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.detail-buy button{border:0;border-radius:999px;background:var(--green);color:#fff;padding:15px 22px;font-weight:900}.cart-panel{position:absolute;left:0;top:0;width:min(440px,100%);height:100%;display:flex;flex-direction:column;background:var(--cream)}.cart-head{padding:26px;border-bottom:1px solid rgba(20,62,49,.12)}.cart-head h2{margin:0}.cart-head p{opacity:.6}.cart-lines{flex:1;overflow:auto;padding:18px}.empty-cart{text-align:center;margin-top:100px;opacity:.65}.cart-line{display:flex;gap:12px;margin-bottom:12px;padding:12px;border:1px solid rgba(20,62,49,.1);border-radius:16px;background:#fff}.cart-line img{width:78px;height:78px;object-fit:contain}.cart-line-main{min-width:0;flex:1}.cart-line-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-line-main small{opacity:.55}.cart-line-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.cart-line-bottom .quantity{max-width:110px;height:36px}.cart-line-bottom .quantity button{width:28px;height:28px}.cart-footer{padding:18px;border-top:1px solid rgba(20,62,49,.12);background:#fff}.cart-footer>div{display:flex;justify-content:space-between;font-size:20px;margin-bottom:14px}.cart-footer button{width:100%}
@media(max-width:950px){.header nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-gallery{max-width:620px;width:100%;margin:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.faq{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.detail-image{min-height:330px}.help{flex-direction:column;text-align:center}}
@media(max-width:640px){.header{height:70px}.brand span{display:none}.brand img{height:50px}.cart-button{padding:11px 14px}.hero{min-height:auto;padding:54px 18px 70px}.hero h1{font-size:46px}.hero-copy>p{font-size:16px}.hero-gallery{aspect-ratio:1}.trust{grid-template-columns:repeat(2,1fr)}.section{padding:70px 16px}.filters{align-items:stretch;flex-direction:column}.search{width:100%}.product-grid{grid-template-columns:1fr}.step-grid{grid-template-columns:1fr}.help{padding:50px 20px}.help h2{font-size:28px}.faq h2{font-size:38px}footer{flex-direction:column;gap:22px}.floating-cart{left:12px;bottom:12px}.detail-info{padding:24px}.detail-image{min-height:290px}.detail-options{grid-template-columns:repeat(2,1fr)}}
