
:root{font-family:Arial,Helvetica,sans-serif;color:#f3ece2;background:#11100f;color-scheme:dark;--accent:#e3b75c;--muted:#bdb3a6;--line:#35302a}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.45}.wrap{width:min(1240px,100%);margin:auto;padding:24px}a{color:inherit}header{background:#1b1815;border-bottom:1px solid var(--line)}header .header-row{display:flex;align-items:center;gap:30px;padding-top:14px;padding-bottom:14px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:900;font-size:23px;font-style:italic;white-space:nowrap;line-height:1.1}.brand img{width:74px;height:74px;object-fit:contain;border-radius:50%;background:#fff9ed;border:2px solid var(--accent)}.brand strong{color:var(--accent)}.brand small{display:block;font-size:11px;font-style:normal;letter-spacing:.16em;color:var(--muted);margin-top:8px}.search-box{display:flex;position:relative;flex:1}.search-box input{width:100%;background:#121110;border:1px solid var(--line);padding:14px 50px 14px 15px;border-radius:7px;font:inherit;color:#f3ece2;min-width:0}.search-box>span{position:absolute;right:0;top:0;bottom:0;width:44px;display:grid;place-items:center;background:var(--accent);color:#251b0c;font-size:28px;border-radius:0 6px 6px 0}.channel{font-weight:700;font-size:14px;text-decoration:none;background:#f4eadb;color:#38240f;padding:13px 16px;border-radius:7px;white-space:nowrap}.category-bar{background:#090908;border-bottom:1px solid #29251f}.categories{display:flex;gap:26px;padding-top:0;padding-bottom:0;overflow:auto}.categories button{flex:none;background:none;border:0;border-bottom:3px solid transparent;color:#cfc5b7;font:inherit;font-size:14px;font-weight:bold;cursor:pointer;padding:18px 0 15px}.categories button[aria-pressed=true]{color:#f6ead5;border-color:var(--accent)}.page-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.page-tabs a{text-decoration:none;border:1px solid #655139;border-radius:6px;padding:11px 18px;font-size:15px;font-weight:700}.page-tabs a[aria-current=page]{background:#e3b75c;color:#251b0c;border-color:#e3b75c}.preview{font-size:12px;color:#c5af86;margin:0 0 22px}.breadcrumb{font-size:12px;color:#c3b7a8;margin:0 0 10px}.breadcrumb>span{margin-left:9px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}h1{font-size:32px;font-style:italic;margin:0 0 5px;font-weight:900}#intro{font-size:14px;color:var(--muted);margin:0}#count{font-size:13px;color:var(--muted);white-space:nowrap}.catalog-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}.filters{border:1px solid var(--line);border-radius:10px;background:#1b1916;overflow:hidden;font-size:14px}.filter-heading{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.filter-heading button{border:0;background:none;color:#c4b7a6;font:inherit;font-size:12px;cursor:pointer;padding:5px}fieldset{border:0;margin:0;padding:16px}legend{float:none;width:auto;font-weight:bold;margin-bottom:8px;padding-top:16px}fieldset label{display:flex;align-items:center;gap:8px;padding:10px 0;cursor:pointer}fieldset input{width:17px;height:17px;margin:0;accent-color:#e3b75c}.dot{width:8px;height:8px;border-radius:2px}.shopee{background:#ee4d2d}.mercadolivre{background:#ffe600}.aliexpress{background:#e83f40}.filter-note{border-top:1px solid var(--line);padding:16px;color:var(--muted);font-size:12px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{min-width:0;background:#211e1a;border:1px solid #37312a;border-radius:10px;padding:10px;display:flex;flex-direction:column}.photo{display:grid;place-items:center;aspect-ratio:1/1;background:#fffdf7;color:#8e816d;text-align:center;font-size:13px;padding:15px;border-radius:2px}.card h2{font-size:15px;line-height:1.4;margin:14px 0 6px}.card>p{font-size:13px;color:#bfb3a4;margin:0 0 12px}.card .pending{font-size:11px;color:#c9bda9;margin-top:auto;padding-top:10px}.shop{display:block;padding:12px 5px;text-align:center;border-radius:6px;color:#fff;text-decoration:none;font-size:12px;font-weight:bold;margin-top:7px;line-height:1.3}.shop-shopee{background:#d94422}.shop-mercadolivre{background:#ffe600;color:#292400}.shop-aliexpress{background:#b92e32}.disabled{opacity:.55;cursor:default}footer.wrap{margin-top:48px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;padding-top:24px;padding-bottom:30px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffe494;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand{font-size:19px}.brand img{width:60px;height:60px}.catalog-layout{grid-template-columns:205px minmax(0,1fr);gap:16px}header .header-row{gap:20px}}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel{display:none}.catalog-layout{grid-template-columns:180px minmax(0,1fr)}.heading-row{align-items:flex-start}#count{margin-top:8px}}
@media(max-width:600px){.wrap{padding:18px}header .header-row{flex-wrap:wrap;gap:16px}.brand{font-size:22px}.brand img{width:64px;height:64px}.search-box{flex-basis:100%}.categories{padding-top:0;padding-bottom:0;gap:24px}.catalog-layout{grid-template-columns:1fr}.filters fieldset{display:flex;gap:14px;flex-wrap:wrap;padding-top:8px;padding-bottom:12px}.filters legend{margin-bottom:6px}.filters label{font-size:13px;padding:7px 0}.filter-heading{padding:8px 14px}.filter-note{display:none}.page-tabs{gap:8px}.page-tabs a{font-size:13px;padding:12px}.heading-row{display:block}.heading-row #count{margin:8px 0 0}h1{font-size:29px}.grid{gap:12px}.card h2{font-size:16px}.shop{font-size:13px;padding:14px 5px}}
@media(max-width:390px){.grid{grid-template-columns:1fr}}

/* Descrições curtas: até 3 linhas em qualquer largura de cartão. */
.card .description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.45;min-height:4.35em;max-height:4.35em;margin-bottom:8px}

.photo img{width:100%;height:100%;object-fit:contain;min-height:0}.photo:has(img){padding:6px;overflow:hidden}

.store-count{margin-left:auto;color:#c9bdac;font-size:12px;padding-left:8px;font-variant-numeric:tabular-nums}

.load-more{display:block;margin:24px auto;padding:14px 20px;background:#e3b75c;color:#251b0c;border:0;border-radius:6px;font:inherit;cursor:pointer}.load-more[hidden]{display:none}.catalog-end{text-align:center;color:#bdb3a6;font-size:14px;margin:24px 0}

/* Identidade do cabeçalho: logo legível e assinatura compacta. */
header .header-row{gap:26px}
.brand{gap:13px;font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:900;letter-spacing:-.025em;line-height:1.08}
.brand img{width:88px;height:88px;border-radius:14px;border:1px solid #b18d4b;flex-shrink:0}
.brand .brand-name{display:block}
.brand small{font-size:15px;letter-spacing:.13em;font-weight:800;font-style:normal;color:#e3b75c;margin-top:9px}
@media(max-width:1100px){.brand{font-size:21px}.brand img{width:80px;height:80px}.brand small{font-size:14px}}
@media(max-width:850px){header .header-row{flex-wrap:wrap}.search-box{flex-basis:100%}.brand{font-size:24px}.brand img{width:84px;height:84px}}
@media(max-width:600px){header .header-row{gap:16px}.brand{gap:12px;font-size:clamp(18px,5vw,24px)}.brand img{width:76px;height:76px}.brand small{font-size:13px;letter-spacing:.1em;margin-top:8px}}

/* Assinatura tipográfica com mais contraste e presença. */
.brand{font-family:"Arial Black","Segoe UI",Arial,sans-serif;font-style:normal;letter-spacing:-.045em}
.brand .brand-main{display:block;font-size:27px;font-weight:950;line-height:1.08;color:#fff5df;text-shadow:0 2px 0 #0005}
.brand .brand-main strong{color:#e9bd64;font-weight:950}
.brand small{display:flex;align-items:center;gap:9px;font-family:"Segoe UI",Arial,sans-serif;font-size:14px;font-weight:800;letter-spacing:.21em;color:#e7cf9d;margin-top:10px}
.brand small::before{content:"";display:block;width:24px;height:3px;background:#e3b75c;border-radius:2px;flex:none}
@media(max-width:1100px){.brand .brand-main{font-size:23px}.brand small{font-size:12px;letter-spacing:.18em}}
@media(max-width:600px){.brand .brand-main{font-size:clamp(18px,5.2vw,25px)}.brand small{font-size:11px;letter-spacing:.16em;gap:7px}.brand small::before{width:18px}.brand img{width:72px;height:72px}}

.install-area{margin-bottom:18px}.install-area button{background:#e3b75c;color:#251b0c;border:0;border-radius:6px;padding:12px 16px;font:inherit;font-weight:700;cursor:pointer}.install-area p{font-size:15px;line-height:1.6;color:#e7cf9d}.install-area[hidden]{display:none}

/* Movimento curto, sem alterar a rolagem natural do navegador. */
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{font-family:"Segoe UI",Arial,sans-serif}
.channel{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:normal;line-height:1.3;max-width:215px;flex-shrink:0;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
.channel svg{width:24px;height:24px;flex:none;color:#dc2626;transition:color .2s ease}
.channel:hover,.channel:focus-visible{background:#f03;color:white;box-shadow:0 5px 18px #f032}
.channel:hover svg,.channel:focus-visible svg{color:white}
.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 8px;color:#e3b75c;font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.eyebrow::before{content:"";width:24px;height:2px;background:currentColor;border-radius:2px}
h1{font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(28px,3.2vw,39px);font-style:normal;font-weight:850;letter-spacing:-.035em;line-height:1.15;color:#fff0cf;margin-bottom:10px;text-wrap:balance}
#intro{font-size:16px;line-height:1.65;color:#cdc1ae;max-width:630px;text-wrap:pretty}
.heading-row{padding:6px 0 10px;align-items:flex-end}
#count{padding:7px 11px;border:1px solid #443a2b;border-radius:20px;color:#dfc99d;background:#211d16;font-size:12px}
.page-tabs a,.categories button,.shop,.install-area button,.social-link{transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
.page-tabs a:hover{border-color:#e3b75c;background:#33291a}
.page-tabs a[aria-current=page]:hover{background:#f0c775;color:#251b0c}
.categories button:hover{color:#ffe3a4}
.card{transition:border-color .25s ease,box-shadow .25s ease;background:linear-gradient(150deg,#25211b,#1d1b18)}
.card.reveal-wait{opacity:0;transform:translateY(16px)}
.card.reveal-in{animation:cast-in .5s cubic-bezier(.2,.7,.3,1) both}
.card.reveal-in.card-enter-1{animation-delay:45ms}.card.reveal-in.card-enter-2{animation-delay:90ms}.card.reveal-in.card-enter-3{animation-delay:135ms}
@keyframes cast-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.photo{overflow:hidden}.photo img{transition:transform .35s ease}
@media(hover:hover){.card:hover{border-color:#79623c;box-shadow:0 8px 28px #0003}.card:hover .photo img{transform:scale(1.035)}.shop:hover,.install-area button:hover{filter:brightness(1.1);transform:translateY(-2px)}.channel:hover,.social-link:hover{transform:translateY(-2px)}}
.search-box input{transition:border-color .2s ease,box-shadow .2s ease}.search-box input:focus{border-color:#d3ac60;box-shadow:0 0 0 3px #e3b75c16}
.search-box input::placeholder{font-size:13px;color:#bfb4a4;opacity:1}
.site-footer .footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:8px 0 22px}
.footer-title{color:#f4dfb8;font-size:22px;font-weight:750;letter-spacing:-.02em;margin:0 0 6px}
.footer-top p:not(.footer-title){font-size:14px;line-height:1.6;margin:0;max-width:390px}
.social-links{display:flex;gap:10px;flex-wrap:wrap}
.social-link{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:10px 13px;text-decoration:none;border:1px solid #4c402f;border-radius:8px;color:#eee1cb;font-size:13px;font-weight:650;background:#211d17}
.social-link svg{width:21px;height:21px;flex:none}
.social-link>span:last-child{color:#a99c86}
.social-youtube:hover,.social-youtube:focus-visible{background:#f03;border-color:#f03;color:white}
.social-instagram:hover,.social-instagram:focus-visible{background:#9c286d;border-color:#d44b98;color:white}
.social-tiktok:hover,.social-tiktok:focus-visible{background:#151515;border-color:#44e8d2;color:white}
.affiliate-note{border-top:1px solid #35302a;padding-top:20px;font-size:12px;line-height:1.8;margin:0;max-width:100%}
@media(max-width:1100px){header .header-row{gap:18px}.channel{max-width:160px;font-size:13px;padding:12px}}
@media(max-width:850px){.channel{display:inline-flex;margin-left:auto;max-width:190px}.search-box{order:3}.heading-row{align-items:flex-start}}
@media(max-width:600px){.channel{max-width:none;width:100%;margin:0;order:4;font-size:14px;padding:12px}.search-box input::placeholder{font-size:12px}.heading-row #count{display:inline-block;margin-top:14px}.eyebrow{font-size:11px;letter-spacing:.1em}#intro{font-size:15px}.site-footer .footer-top{gap:20px}.social-links{width:100%;gap:8px}.social-link{flex:1;justify-content:center;padding:10px 8px;font-size:12px}.footer-title{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.card.reveal-wait{opacity:1;transform:none}}

[hidden]{display:none!important}
.partnerships{max-width:760px;padding:32px;border:1px solid #51422d;border-radius:14px;background:linear-gradient(140deg,#292218,#1b1915)}
.partnership-symbol{width:52px;height:52px;display:grid;place-items:center;border:1px solid #705a33;border-radius:12px;color:#e3b75c;font-size:28px;margin-bottom:20px}
.partnerships h2{font-size:26px;letter-spacing:-.02em;margin:0 0 12px;color:#fff0cf}
.partnerships>p{max-width:570px;color:#cdc1ae;line-height:1.8;font-size:16px}
.message-button{display:inline-flex;gap:10px;align-items:center;background:#e3b75c;color:#251b0c;font-weight:750;text-decoration:none;padding:14px 20px;border-radius:8px;min-height:48px;margin:10px 0;transition:background .2s ease,transform .2s ease}
.message-button:hover{background:#f3ca78;transform:translateY(-2px)}
.partnerships .contact-email{font-size:15px;margin:12px 0 8px}.contact-email a{color:#ffe1a0;text-underline-offset:4px;overflow-wrap:anywhere}
.partnerships .mail-help{font-size:13px;color:#b9ae9c;margin:0}
@media(max-width:600px){.partnerships{padding:24px 20px}.partnerships h2{font-size:24px}.partnerships>p{font-size:15px}.message-button{width:100%;justify-content:center}}

.brand img{border-radius:20px}

.page-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.page-tools .install-area{margin:0;max-width:600px}
.theme-toggle{display:flex;gap:3px;padding:4px;border:1px solid #53462f;border-radius:9px;background:#1d1914;margin-left:auto}.theme-toggle button{border:0;background:transparent;color:#d7cbb8;padding:9px 12px;min-height:40px;border-radius:6px;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.theme-toggle button[aria-pressed=true]{background:#e3b75c;color:#251b0c}.theme-toggle button:hover{box-shadow:inset 0 0 0 1px #b08c47}
:root[data-theme=dark]{color-scheme:dark}
:root[data-theme=light]{color-scheme:light;color:#32291e;background:#faf8f3;--muted:#655b4d;--line:#ded6c7}
[data-theme=light] header{background:#fffaf0;border-color:#dcd1bc}
[data-theme=light] .brand .brand-main{color:#34200b;text-shadow:none}[data-theme=light] .brand .brand-main strong{color:#8b5a12}[data-theme=light] .brand small{color:#765119}
[data-theme=light] .search-box input{background:#fff;color:#332a1d;border-color:#c8bda9}[data-theme=light] .search-box input::placeholder{color:#746956}
[data-theme=light] .channel{background:#fff;color:#3c2b19;border:1px solid #dfd2bd}[data-theme=light] .channel:hover,[data-theme=light] .channel:focus-visible{background:#f03;color:white;border-color:#f03}
[data-theme=light] .category-bar{background:#eee7d9;border-color:#d7cab4}[data-theme=light] .categories button{color:#61503a}[data-theme=light] .categories button[aria-pressed=true]{color:#38240c;border-color:#9b671d}[data-theme=light] .categories button:hover{color:#7f5012}
[data-theme=light] .page-tabs a{border-color:#c6b38e;color:#57432b;background:#fffdf8}[data-theme=light] .page-tabs a[aria-current=page]{background:#e3b75c;color:#251b0c;border-color:#b28b41}[data-theme=light] .page-tabs a:hover{background:#f5e7cc}
[data-theme=light] h1,[data-theme=light] .partnerships h2{color:#3f2c13}[data-theme=light] .eyebrow{color:#855b1f}[data-theme=light] #intro{color:#655946}[data-theme=light] .breadcrumb{color:#74654f}[data-theme=light] #count{background:#eee5d4;color:#65502e;border-color:#d3c3a6}
[data-theme=light] .filters{background:#fffcf6;border-color:#dbd0bc}[data-theme=light] .filter-heading button{color:#6b5b43}[data-theme=light] .store-count{color:#756244}
[data-theme=light] .card{background:linear-gradient(145deg,#fffefa,#f2ecdf);border-color:#ded1ba}[data-theme=light] .card:hover{border-color:#b49560;box-shadow:0 7px 22px #5a411014}[data-theme=light] .card h2{color:#352918}[data-theme=light] .card>p{color:#655947}[data-theme=light] .photo{background:#fff}
[data-theme=light] .catalog-end{color:#6b5b43}[data-theme=light] .install-area p{color:#77531c}
[data-theme=light] .footer-title{color:#4a3212}[data-theme=light] .social-link{background:#fffaf0;color:#51402b;border-color:#cdbd9f}[data-theme=light] .social-link>span:last-child{color:inherit}[data-theme=light] .social-youtube:hover{background:#f03;color:white;border-color:#f03}[data-theme=light] .social-instagram:hover{background:#9c286d;color:white}[data-theme=light] .social-tiktok:hover{background:#151515;color:white}[data-theme=light] .affiliate-note{border-color:#ded6c7}
[data-theme=light] .partnerships{background:linear-gradient(145deg,#fffdf8,#f0e5cf);border-color:#d3be97}[data-theme=light] .partnerships>p{color:#65533d}[data-theme=light] .contact-email a{color:#7c4f0e}[data-theme=light] .partnerships .mail-help{color:#75654e}[data-theme=light] .partnership-symbol{color:#805217;border-color:#c8ae80}
[data-theme=light] .theme-toggle{background:#f0e9dc;border-color:#cdbc9d}[data-theme=light] .theme-toggle button{color:#5b4b34}[data-theme=light] .theme-toggle button[aria-pressed=true]{color:#251b0c;background:#e3b75c}
@media(max-width:600px){.page-tools{gap:12px}.theme-toggle button{padding:9px 11px}}

.footer-contact{margin:0 0 22px}.footer-contact a{font-size:14px;font-weight:650;text-underline-offset:4px;color:inherit}.footer-contact a:hover{color:#a67c31}
