:root{--green:#0b8d60;--green-dark:#07513c;--green-soft:#def8ed;--green-pale:#effcf6;--black:#0b1411;--text:#16241f;--muted:#62746c;--line:#d8ece4;--white:#fff;--shadow:0 24px 70px rgba(11,20,17,.10);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(11,141,96,.08),transparent 26rem),radial-gradient(circle at bottom right,rgba(11,141,96,.07),transparent 24rem),linear-gradient(180deg,#fff 0%,#f8fffb 46%,#fff 100%);overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,select{font:inherit}
.intro-overlay{position:fixed;inset:0;z-index:9999;background:#020504;display:grid;place-items:center;overflow:hidden;transition:opacity .65s ease, visibility .65s ease}
.intro-overlay.hide{opacity:0;visibility:hidden}
.intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.03) brightness(.96)}
.intro-scrim{position:absolute;inset:0;background:radial-gradient(circle at center, transparent 22%, rgba(0,0,0,.16) 58%, rgba(0,0,0,.50) 100%), linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.28));pointer-events:none}
.intro-brand{position:absolute;left:50%;bottom:7.2%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;z-index:2}
.intro-brand img{width:72px;height:72px;object-fit:cover;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.35)}
.intro-brand p{margin:0;color:#fff;font-size:.92rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 4px 18px rgba(0,0,0,.45)}
.intro-skip{position:absolute;right:20px;bottom:20px;z-index:3;min-height:44px;padding:0 .95rem;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(0,0,0,.28);backdrop-filter:blur(12px);color:#fff;font-weight:800;cursor:pointer}
@media(max-width:640px){.intro-brand{bottom:10%}.intro-brand img{width:62px;height:62px;border-radius:20px}.intro-brand p{font-size:.8rem;letter-spacing:.14em}.intro-skip{right:14px;bottom:14px;min-height:40px;padding:0 .85rem;font-size:.9rem}}
.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,3vw,2rem);background:rgba(255,255,255,.85);backdrop-filter:blur(14px);border-bottom:1px solid rgba(11,141,96,.12)}.brand{display:flex;align-items:center;gap:.85rem;min-width:0}.brand-avatar{width:56px;height:56px;object-fit:cover;border-radius:18px;box-shadow:0 10px 26px rgba(11,20,17,.12)}.brand strong{display:block;color:var(--black);font-size:1rem}.brand small{color:var(--muted)}.nav{display:flex;align-items:center;gap:1rem}.nav a{font-weight:800;color:#2a423b}.nav-cta{padding:.8rem 1rem;background:var(--green);color:#fff!important;border-radius:999px;box-shadow:0 14px 32px rgba(11,141,96,.24)}.menu-btn{display:none;background:none;border:0;padding:0;cursor:pointer}.menu-btn span{display:block;width:26px;height:3px;background:var(--black);border-radius:999px;margin:4px 0}.floating-wa{position:fixed;right:18px;bottom:18px;z-index:90;padding:.95rem 1.1rem;border-radius:999px;background:#0b8d60;color:#fff;font-weight:900;box-shadow:0 20px 42px rgba(11,141,96,.28)}main{padding-inline:clamp(1rem,3vw,2rem)}.hero{max-width:1380px;min-height:calc(100vh - 84px);margin:0 auto;padding:2rem 0 1rem;display:grid;grid-template-columns:1.04fr .96fr;gap:1.4rem;align-items:center}.reveal{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}.js .reveal{opacity:1!important;transform:none!important}.js .reveal.show{opacity:1!important;transform:none!important}.eyebrow,.section-kicker{display:flex;align-items:center;gap:.55rem;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900;color:var(--green-dark)}.eyebrow span{width:34px;height:3px;border-radius:99px;background:var(--green)}h1,h2{margin:0;color:var(--black);letter-spacing:-.05em}.hero-copy h1{font-size:clamp(2.95rem,6vw,5.9rem);line-height:.92;margin-top:1rem;max-width:760px}.hero-copy p,.section-head p{color:#49625a;line-height:1.68;font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.3rem;border-radius:999px;font-weight:900;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--green);color:#fff;box-shadow:0 18px 40px rgba(11,141,96,.22)}.btn.ghost{background:#fff;border-color:var(--line);box-shadow:0 10px 24px rgba(11,20,17,.06)}.btn.secondary{background:var(--black);color:#fff}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:2rem;max-width:700px}.hero-stats article{padding:1rem;border-radius:22px;background:rgba(255,255,255,.86);border:1px solid rgba(11,141,96,.12);box-shadow:0 14px 34px rgba(11,20,17,.06)}.hero-stats strong{display:block;font-size:1.7rem;color:var(--green-dark)}.hero-stats span{color:var(--muted);font-size:.88rem}.hero-visual{display:grid;gap:1rem}.hero-main-card{margin:0;background:linear-gradient(180deg,#fff,#f8fffb);border:1px solid var(--line);border-radius:34px;padding:1rem;box-shadow:var(--shadow)}.hero-main-card img{display:block;width:100%;height:340px;object-fit:contain;border-radius:24px;background:#fff}.hero-mini-logos{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hero-logo-card{display:grid;place-items:center;min-height:150px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 16px 34px rgba(11,20,17,.06);padding:1rem}.hero-logo-card img{max-width:100%;max-height:70px;object-fit:contain}.float-a{animation:float 4.8s ease-in-out infinite}.float-b{animation:float 5.4s ease-in-out infinite .4s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-strip-section,.catalog-section,.contact-section{max-width:1380px;margin:0 auto;padding:2rem 0 1rem}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.section-head.narrow{justify-content:flex-start}.logo-marquee{overflow:hidden;border-radius:28px;background:linear-gradient(180deg,#f6fdf9,#fff);border:1px solid var(--line);box-shadow:0 16px 34px rgba(11,20,17,.06);margin-bottom:1rem}.logo-marquee-track{display:flex;align-items:center;gap:1rem;width:max-content;padding:1rem;animation:marquee 18s linear infinite}.logo-pill{display:grid;place-items:center;min-width:240px;height:110px;padding:1rem;border-radius:24px;background:#fff;border:1px solid var(--line)}.logo-pill img{max-width:100%;max-height:78px;object-fit:contain}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.brands-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:1rem}.brand-card{display:grid;place-items:center;min-height:200px;background:#fff;border-radius:30px;border:1px solid var(--line);box-shadow:0 18px 38px rgba(11,20,17,.06);padding:1.2rem}.brand-card img{max-width:100%;max-height:115px;object-fit:contain}.big-brand img{max-height:170px;border-radius:20px}.catalog-panel{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:32px;padding:1.1rem;box-shadow:0 18px 42px rgba(11,20,17,.06)}.search-row{display:grid;grid-template-columns:minmax(0,1.6fr) .8fr .7fr;gap:.8rem}.search-box,.search-row select{display:flex;align-items:center;gap:.7rem;min-height:58px;padding:0 1rem;border-radius:20px;background:#fff;border:1px solid var(--line)}.search-box span{font-size:1.15rem;color:var(--green-dark)}.search-box input{border:0;outline:0;width:100%;background:transparent;color:var(--text)}.search-row select{appearance:none;outline:0;color:#27433b}.catalog-info{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem .2rem .2rem;color:var(--muted)}.catalog-info button{background:none;border:0;color:var(--green-dark);font-weight:900;cursor:pointer}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-top:.8rem}.product-card{display:flex;flex-direction:column;gap:.95rem;padding:1rem;border-radius:26px;background:#fff;border:1px solid rgba(11,141,96,.12);box-shadow:0 16px 34px rgba(11,20,17,.06);transition:transform .22s ease,box-shadow .22s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(11,20,17,.09)}.product-top{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.badge{display:inline-flex;align-items:center;gap:.45rem;padding:.44rem .75rem;background:var(--green-pale);color:var(--green-dark);border-radius:999px;font-size:.76rem;font-weight:900}.badge img{height:16px;max-width:52px;object-fit:contain}.badge.badge-warn{background:#fff4d8;color:#8a6500}.code{font-size:.78rem;color:var(--muted);font-weight:800}.product-card h3{margin:0;font-size:1.07rem;line-height:1.35;color:var(--black)}.meta{display:flex;flex-wrap:wrap;gap:.5rem}.meta span{padding:.42rem .72rem;border-radius:999px;background:#f4faf7;color:#456158;font-size:.82rem}.price-row{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-top:auto}.price small{display:block;color:var(--muted);font-size:.8rem}.price strong{display:block;font-size:1.3rem;color:var(--green-dark);margin-top:.15rem}.whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 1rem;border-radius:999px;background:var(--black);color:#fff;font-weight:900;white-space:nowrap}.load-row{display:flex;justify-content:center;padding-top:1.1rem}.contact-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.contact-grid article{padding:1.15rem;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 34px rgba(11,20,17,.06)}.contact-grid span{display:block;color:var(--muted);font-size:.85rem}.contact-grid strong{display:block;margin:.42rem 0 .5rem;color:var(--black);font-size:1.08rem}.contact-grid p{margin:.2rem 0;color:#49625a}.contact-grid a{font-weight:900;color:var(--green-dark)}footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1380px;margin:0 auto;padding:2.5rem 1rem 3rem;color:var(--muted)}footer a{font-weight:900;color:var(--green-dark)}@media(max-width:1120px){.hero{grid-template-columns:1fr;min-height:unset}.brands-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:840px){.nav{position:fixed;top:83px;left:1rem;right:1rem;display:none;flex-direction:column;align-items:flex-start;padding:1rem;border-radius:24px;background:rgba(255,255,255,.98);border:1px solid var(--line);box-shadow:0 20px 42px rgba(11,20,17,.10)}.nav.open{display:flex}.menu-btn{display:block}.search-row,.section-head{display:flex;flex-direction:column;align-items:stretch}}@media(max-width:640px){.topbar{padding:.9rem 1rem}.brand-avatar{width:50px;height:50px}.hero{padding-top:1.2rem}.hero-copy h1{font-size:2.55rem}.hero-stats,.product-grid,.contact-grid,.hero-mini-logos{grid-template-columns:1fr}.hero-main-card img{height:250px}.logo-pill{min-width:180px;height:86px}.brand-card{min-height:150px}.big-brand img{max-height:130px}.price-row{flex-direction:column;align-items:flex-start}footer{flex-direction:column;align-items:flex-start}}

/* Mobile/Instagram browser safety: keep catalog visible even if scroll reveal fails */
.force-show .reveal,.force-show .catalog-panel,.force-show .product-card,.force-show .search-row,.force-show .product-grid{opacity:1!important;visibility:visible!important;transform:none!important}
.catalog-panel,.product-card,.search-row,.product-grid{opacity:1!important;visibility:visible!important}
@media(max-width:900px){.js .reveal{opacity:1!important;visibility:visible!important;transform:none!important}.catalog-panel,.product-card,.search-row,.product-grid{opacity:1!important;visibility:visible!important;transform:none!important}}


.brands-section .section-head{align-items:flex-end}
.brands-copy{max-width:420px}
.brands-marquee{overflow:hidden;border-radius:28px;background:linear-gradient(180deg,#f6fdf9,#ffffff);border:1px solid var(--line);box-shadow:0 16px 34px rgba(11,20,17,.06);margin-bottom:1rem}
.brands-marquee-track{display:flex;align-items:center;gap:.85rem;width:max-content;padding:1rem;animation:marquee 22s linear infinite}
.brand-chip{display:inline-flex;align-items:center;justify-content:center;min-width:140px;min-height:56px;padding:0 1rem;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 18px rgba(11,20,17,.05);font-weight:900;color:var(--green-dark)}
.brands-list-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.brand-name-card{padding:1.1rem;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 34px rgba(11,20,17,.06);display:flex;flex-direction:column;gap:.35rem;min-height:110px;justify-content:center}
.brand-name-card strong{font-size:1.12rem;color:var(--black);letter-spacing:-.03em}
.brand-name-card span{color:var(--muted);font-size:.9rem}
.brand-name-card:hover{transform:translateY(-4px);transition:transform .22s ease, box-shadow .22s ease;box-shadow:0 22px 44px rgba(11,20,17,.09)}
@media (max-width:1120px){.brands-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.brands-copy{max-width:none}.brands-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.brand-name-card{min-height:92px;padding:.95rem}.brand-name-card strong{font-size:1rem}.brand-chip{min-width:124px;min-height:50px;font-size:.92rem}}


.brands-section .section-head{align-items:flex-end}
.brands-copy{max-width:420px}
.brands-marquee{overflow:hidden;border-radius:28px;background:linear-gradient(180deg,#f6fdf9,#ffffff);border:1px solid var(--line);box-shadow:0 16px 34px rgba(11,20,17,.06);margin-bottom:1rem}
.brands-marquee-track{display:flex;align-items:center;gap:.85rem;width:max-content;padding:1rem;animation:marquee 24s linear infinite}
.brand-chip{display:inline-flex;align-items:center;gap:.65rem;justify-content:center;min-width:150px;min-height:58px;padding:0 1rem;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 18px rgba(11,20,17,.05);font-weight:900;color:var(--green-dark)}
.brand-chip img{width:26px;height:26px;object-fit:contain}
.brand-official-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.brand-official-card{padding:1rem;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 34px rgba(11,20,17,.06);display:flex;flex-direction:column;gap:.9rem;align-items:center;justify-content:center;text-align:center;min-height:150px;transition:transform .22s ease, box-shadow .22s ease}
.brand-official-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(11,20,17,.09)}
.brand-logo-box{width:82px;height:82px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(180deg,#ffffff,#f6fdf9);border:1px solid var(--line)}
.brand-logo-box img{width:58px;height:58px;object-fit:contain;display:block}
.brand-official-card strong{font-size:1rem;color:var(--black);letter-spacing:-.02em}
@media (max-width:1120px){.brand-official-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.brands-copy{max-width:none}.brand-official-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.brand-official-card{min-height:132px;padding:.85rem;border-radius:22px}.brand-logo-box{width:68px;height:68px;border-radius:20px}.brand-logo-box img{width:46px;height:46px}.brand-chip{min-width:132px;min-height:50px;font-size:.92rem}.brand-chip img{width:22px;height:22px}}


.data-status{margin:.85rem 0 1.05rem;padding:.8rem 1rem;border-radius:18px;background:#f6fdf9;border:1px solid rgba(20,184,93,.20);color:#3d5a4a;font-size:.92rem;font-weight:700}
.data-status.loading{background:#fbfff8;border-color:rgba(20,184,93,.22)}
.data-status.ok{background:#effcf5;border-color:rgba(20,184,93,.32);color:#136a35}
.data-status.warn{background:#fff8e8;border-color:rgba(245,158,11,.32);color:#7c4a03}