/* MELANI — catálogo estático responsive */
:root{--green:#176b3a;--green-dark:#104d2a;--green-soft:#eaf3eb;--red:#d9473f;--ink:#1c2d23;--muted:#6f7d73;--cream:#f8faf6;--line:#e4eae3;--white:#fff;--shadow:0 18px 45px rgba(25,65,39,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;line-height:1.6}h1,h2,h3,strong,.brand-copy{font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1160px,calc(100% - 44px));margin:0 auto}.topbar{background:var(--green-dark);color:#eaf5ec;font-size:12px}.topbar-inner{height:36px;display:flex;align-items:center;justify-content:space-between}.topbar a{font-weight:700}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(228,234,227,.8)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{height:43px;width:43px;display:grid;place-items:center;position:relative;background:var(--green);color:#fff;border-radius:13px;font-family:Manrope;font-size:22px;font-weight:800;letter-spacing:-2px}.brand-mark span{color:#f7b5a9;font-size:16px;position:absolute;right:5px;top:1px}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:20px;letter-spacing:1.2px}.brand-copy small{font-size:9px;letter-spacing:1.7px;color:var(--muted);font-weight:700;margin-top:5px}.main-nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:600;color:#536057}.main-nav a{transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--green)}.nav-cta{background:var(--green);color:#fff;padding:12px 17px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s}.nav-cta:hover,.button-green:hover{background:var(--green-dark)}.nav-cta span{margin-left:10px}.menu-toggle{display:none;background:none;border:0;font-size:24px;color:var(--green);cursor:pointer}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#f8faf5 0%,#f3f8f1 57%,#edf5eb 100%);padding:67px 0 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:430px;position:relative;z-index:1}.hero-copy{padding:5px 0 35px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--green);font-size:10px;font-weight:800;letter-spacing:1.7px}.eyebrow-dot{height:7px;width:7px;background:var(--red);border-radius:50%;display:inline-block}.hero h1{font-size:clamp(42px,5vw,63px);line-height:1.08;letter-spacing:-2.8px;margin:19px 0 17px;font-weight:800}.hero h1 em,h2 em{font-style:normal;color:var(--green)}.hero-lead{max-width:460px;color:#657368;font-size:16px;line-height:1.8;margin:0}.slogan{font-size:12px;font-weight:700;color:var(--green);margin:11px 0 24px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 19px;border-radius:8px;font-size:12px;font-weight:700;border:0;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-green{background:var(--green);color:#fff}.text-link{font-size:12px;font-weight:700;display:flex;align-items:center;gap:9px}.wa-mini{display:grid;place-items:center;width:28px;height:28px;background:#d9eddb;color:var(--green);border-radius:50%;font-size:19px}.hero-proof{display:flex;gap:11px;align-items:center;margin-top:35px}.proof-icon{width:30px;height:30px;border:1px solid #b9d5be;border-radius:50%;display:grid;place-items:center;color:var(--green);font-weight:800}.hero-proof div:last-child{display:flex;flex-direction:column}.hero-proof strong{font-size:11px}.hero-proof small{font-size:10px;color:var(--muted);margin-top:1px}.hero-visual{position:relative;padding:0 10px 35px 0}.hero-photo{height:390px;overflow:hidden;border-radius:48% 48% 17px 17px;position:relative;box-shadow:var(--shadow)}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,54,26,.18),transparent 60%)}.hero-photo img{width:100%;height:100%;object-fit:cover}.floating-card{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 12px 30px #143e2520}.floating-card div{display:flex;flex-direction:column}.floating-card strong{font-size:11px}.floating-card small{font-size:10px;color:var(--muted)}.floating-icon{display:grid;place-items:center;background:#e6f1e6;width:38px;height:38px;border-radius:10px;font-size:19px}.floating-icon.red{background:#fff0ed;color:var(--red)}.card-top{top:52px;left:-25px}.card-bottom{bottom:66px;right:-25px}.hero-stamp{position:absolute;bottom:0;left:28px;z-index:3;width:100px;height:100px;border-radius:50%;background:var(--red);color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:rotate(-9deg);box-shadow:0 8px 20px #d9473f30}.hero-stamp span{font-size:9px;font-weight:700;letter-spacing:1.5px}.hero-stamp strong{font-size:12px;line-height:1.2;margin:3px}.stamp-leaf{font-size:15px!important}.hero-shape{position:absolute;border:1px solid #d9e8d9;border-radius:50%;opacity:.65}.shape-one{width:280px;height:280px;right:-130px;top:40px}.shape-two{width:160px;height:160px;left:-100px;bottom:100px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px;background:#fff;border:1px solid var(--line);border-radius:12px;position:relative;z-index:4;transform:translateY(1px)}.benefit{display:flex;align-items:center;gap:14px;padding:21px 28px}.benefit+.benefit{border-left:1px solid var(--line)}.benefit-icon{height:40px;width:40px;border-radius:11px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:20px}.benefit div{display:flex;flex-direction:column}.benefit strong{font-size:12px}.benefit small{font-size:10px;color:var(--muted);margin-top:2px}
.section{padding:100px 0}.about-grid{display:grid;grid-template-columns: .95fr 1fr;gap:90px;align-items:center}.about-image{position:relative;height:440px;border-radius:15px;overflow:visible}.about-image>img{width:100%;height:100%;object-fit:cover;border-radius:15px}.about-image:before{content:"";position:absolute;left:-13px;bottom:-13px;width:55%;height:55%;border:2px solid #dceadd;border-radius:15px;z-index:-1}.about-badge{position:absolute;bottom:25px;right:-25px;background:#fff;padding:16px 22px;border-radius:10px;box-shadow:var(--shadow);display:flex;flex-direction:column}.about-badge strong{color:var(--green);letter-spacing:1.5px;font-size:17px}.about-badge span{font-size:10px;color:var(--muted)}h2{font-size:clamp(32px,3.4vw,43px);letter-spacing:-1.5px;line-height:1.2;margin:15px 0 21px}.about-copy>p,.contact-copy>p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 14px}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 28px}.about-points span{font-size:11px;font-weight:700}.about-points span: first-letter{color:var(--green)}.button-outline{border:1px solid #cbd9cd;color:var(--green);background:white}.button-outline:hover{background:var(--green-soft)}
.products-section{background:var(--cream);padding:90px 0 83px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.section-heading h2{margin-bottom:10px}.section-heading p{color:var(--muted);font-size:13px;margin:0}.view-all{font-size:11px;color:var(--green);font-weight:700;margin-bottom:8px;white-space:nowrap}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.search-box{display:flex;align-items:center;gap:10px;width:290px;background:white;border:1px solid var(--line);padding:0 14px;border-radius:8px;height:44px;color:var(--green)}.search-box>span{font-size:24px;line-height:1}.search-box input{width:100%;border:0;outline:0;font-size:11px;background:transparent;color:var(--ink)}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{background:white;border:1px solid var(--line);border-radius:7px;padding:9px 14px;font-size:10px;font-weight:700;color:#66746a;cursor:pointer}.filter.active,.filter:hover{background:var(--green);border-color:var(--green);color:white}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.product-card{background:white;border:1px solid #edf0eb;border-radius:11px;overflow:hidden;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-image{height:170px;position:relative;overflow:hidden;background:#eef2e9}.product-image img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.product-card:hover .product-image img{transform:scale(1.05)}.product-tag{position:absolute;z-index:1;left:10px;top:10px;background:#fff;color:var(--green);padding:5px 8px;border-radius:5px;font-size:8px;font-weight:800;letter-spacing:.6px}.product-info{padding:15px 14px 14px}.product-category{font-size:8px;letter-spacing:1.2px;color:var(--green);font-weight:800}.product-info h3{font-size:17px;margin:4px 0 3px;letter-spacing:-.3px}.product-info p{font-size:10px;color:var(--muted);margin:0 0 15px;min-height:32px;line-height:1.6}.product-order{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-top:1px solid #edf0eb;background:white;padding:12px 0 0;color:var(--green);font-size:10px;font-weight:700;text-align:left;cursor:pointer}.product-order span{font-size:15px}.catalog-note{font-size:10px;color:#849087;margin:20px 0 0}.empty-state{text-align:center;padding:50px 20px;background:#fff;border:1px dashed #cbd9cd;border-radius:12px}.empty-state>span{font-size:35px;color:var(--green)}.empty-state h3{margin:5px 0}.empty-state p{color:var(--muted);font-size:13px;margin-bottom:20px}
.promo-section{padding:85px 0;background:#fff}.promo-card{background:var(--green);color:#fff;display:grid;grid-template-columns:1fr .85fr;min-height:370px;border-radius:18px;overflow:hidden;position:relative}.promo-content{padding:55px 20px 50px 65px;position:relative;z-index:2}.promo-label{font-size:9px;letter-spacing:1.8px;font-weight:800;color:#d4e8d6}.promo-content h2{font-size:39px;margin:14px 0 14px}.promo-content h2 em{color:#d3e8d4}.promo-content p{max-width:380px;font-size:12px;line-height:1.8;color:#dceadd;margin-bottom:25px}.button-white{background:#fff;color:var(--green)}.button-white:hover{background:#eef5ee}.promo-deco{position:absolute;font-size:210px;line-height:1;color:#ffffff0a;left:-45px;bottom:-55px}.promo-art{position:relative;min-height:370px}.promo-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--green),transparent 35%);z-index:1}.promo-art img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover}.promo-round{position:absolute;z-index:2;right:30px;bottom:25px;width:118px;height:118px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:9px;letter-spacing:1px;line-height:1.6;transform:rotate(8deg);box-shadow:0 8px 25px #0002}.promo-round strong{font-size:12px}
.contact-section{background:#f8faf6;padding:95px 0}.contact-grid{display:grid;grid-template-columns:.8fr 1fr;gap:95px;align-items:start}.contact-copy h2{margin-bottom:17px}.contact-copy>p{max-width:390px;margin-bottom:28px}.contact-detail{display:flex;gap:14px;align-items:center;margin-top:20px}.contact-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#e6f1e6;color:var(--green);font-size:20px}.contact-detail div{display:flex;flex-direction:column}.contact-detail small{font-size:8px;letter-spacing:1.2px;color:var(--muted);font-weight:800}.contact-detail strong{font-size:14px;margin:3px 0}.contact-detail a,.contact-detail div>span{font-size:10px;color:var(--green)}.contact-form{background:#fff;border:1px solid var(--line);padding:32px;border-radius:13px;box-shadow:0 10px 30px #163d2410}.form-head h3{font-size:21px;margin:0 0 3px}.form-head p{font-size:11px;color:var(--muted);margin:0 0 22px}.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:700;margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.optional{color:#9ba59d;font-weight:400}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #e1e8e0;border-radius:7px;padding:12px;font-size:11px;color:var(--ink);background:#fcfdfb;outline:0;transition:border .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green)}.contact-form textarea{resize:vertical;min-height:105px}.submit-button{width:100%;margin-top:1px}.form-privacy{display:block;text-align:center;color:#89958b;font-size:9px;margin-top:12px}.closing-strip{background:#eaf3eb;border-top:1px solid #dce9dd}.closing-inner{display:flex;align-items:center;gap:16px;padding:22px 0}.closing-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--green);color:white;border-radius:12px;font-weight:800;font-family:Manrope}.closing-inner p{font-size:10px;color:var(--muted);line-height:1.6;margin:0}.closing-inner p strong{font-size:12px;color:var(--ink)}.closing-inner>a{margin-left:auto;font-size:11px;font-weight:700;color:var(--green)}.site-footer{background:#fff}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0}.footer-brand .brand-mark{width:36px;height:36px;font-size:18px;border-radius:10px}.footer-brand .brand-copy strong{font-size:16px}.footer-brand .brand-copy small{font-size:8px}.footer-inner>p,.footer-inner>span{font-size:10px;color:var(--muted)}.floating-whatsapp{position:fixed;z-index:15;right:22px;bottom:22px;display:flex;align-items:center;gap:8px;background:#16834a;color:white;padding:11px 16px;border-radius:30px;box-shadow:0 8px 24px #176b3a35;font-size:13px}.floating-whatsapp>span{font-size:19px}.floating-whatsapp small{font-size:11px;font-weight:700}
@media(max-width:1000px){.main-nav{gap:15px}.nav-wrap{gap:15px}.nav-cta{padding:11px}.hero-grid{gap:35px}.hero-photo{height:350px}.product-grid{grid-template-columns:repeat(3,1fr)}.product-image{height:190px}.about-grid{gap:55px}.contact-grid{gap:55px}.benefit{padding:18px}.product-grid .product-card:nth-child(n+10){display:none}}
@media(max-width:760px){.container{width:min(100% - 34px,560px)}.topbar-inner{height:32px;font-size:10px}.topbar-inner>span{max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar a{font-size:9px}.nav-wrap{height:70px}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}.main-nav{display:none;position:absolute;left:0;right:0;top:70px;background:white;padding:14px 24px 20px;border-bottom:1px solid var(--line);box-shadow:0 12px 18px #12351c0d;align-items:stretch;gap:0;flex-direction:column}.main-nav.open{display:flex}.main-nav a{padding:12px 0;border-bottom:1px solid #f0f2ee}.main-nav a:last-child{border:0}.hero{padding:48px 0 0}.hero-grid{grid-template-columns:1fr;gap:15px}.hero-copy{padding:0}.hero h1{font-size:clamp(42px,11vw,58px);letter-spacing:-2px;margin-top:15px}.hero-lead{font-size:14px}.hero-visual{width:88%;margin:5px auto 0;padding:0 0 25px}.hero-photo{height:300px;border-radius:45% 45% 14px 14px}.card-top{left:-22px;top:38px}.card-bottom{right:-22px;bottom:48px}.floating-card{padding:9px 11px}.floating-icon{height:32px;width:32px}.hero-stamp{width:82px;height:82px;left:8px;bottom:0}.hero-stamp strong{font-size:10px}.benefits{grid-template-columns:1fr;margin-top:5px;transform:none}.benefit{padding:14px 18px}.benefit+.benefit{border-left:0;border-top:1px solid var(--line)}.section{padding:67px 0}.about-grid{grid-template-columns:1fr;gap:42px}.about-image{height:320px;width:92%}.about-copy h2,h2{font-size:34px}.about-badge{right:-20px}.about-points{gap:12px}.products-section{padding:65px 0}.section-heading{display:block}.section-heading h2{font-size:32px}.view-all{display:inline-block;margin-top:18px}.catalog-tools{align-items:stretch;flex-direction:column;gap:12px}.search-box{width:100%}.filters{gap:6px}.filter{padding:8px 11px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-image{height:145px}.product-info{padding:12px 11px}.product-info h3{font-size:16px}.product-info p{min-height:48px}.product-order{font-size:9px}.product-tag{font-size:7px;left:7px;top:7px}.product-grid .product-card:nth-child(n+10){display:block}.promo-section{padding:60px 0}.promo-card{grid-template-columns:1fr}.promo-content{padding:37px 25px 30px}.promo-content h2{font-size:33px}.promo-art{min-height:240px}.promo-art:before{background:linear-gradient(180deg,var(--green),transparent 45%)}.promo-round{width:96px;height:96px;right:20px;bottom:15px}.contact-section{padding:67px 0}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-form{padding:23px 18px}.form-row{grid-template-columns:1fr;gap:0}.closing-inner{gap:12px}.closing-inner>a{font-size:10px;white-space:nowrap}.footer-inner{flex-wrap:wrap;gap:12px}.footer-inner>p{order:3;width:100%;margin:0}.footer-inner>span{font-size:9px}.floating-whatsapp{right:14px;bottom:14px;padding:10px 13px}.about-points{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.container{width:calc(100% - 26px)}.hero h1{font-size:39px}.hero-actions{gap:15px}.button{padding:13px 14px;gap:12px}.product-image{height:125px}.product-info p{font-size:9px}.filter{padding:7px 9px}.closing-inner p{max-width:180px}.closing-inner>a{font-size:9px}}
