/* Upgrade visual: mantém os IDs e scripts originais intactos. */
:root { --visual-accent:#eaa547;--visual-accent-rgb:234,165,71;--visual-ink:#241a0b; }
body[data-visual-mode="classico"] {--visual-page:#faf9f6;--visual-surface:#fff;--visual-text:#24231f;--visual-muted:#766e62;--visual-hero:#1b1b1a;--visual-edge:#eee8e0;--visual-about:#f1ece3;--visual-header:#fffefc;--visual-nav:#181817;}
body[data-visual-mode="escuro"] {--visual-page:#121416;--visual-surface:#1d2225;--visual-text:#f5f0e7;--visual-muted:#b2aca1;--visual-hero:#101518;--visual-edge:#30383b;--visual-about:#21292d;--visual-header:#171b1e;--visual-nav:#0d1113;}
body[data-visual-mode="creme"] {--visual-page:#f5eee3;--visual-surface:#fffbf4;--visual-text:#382c22;--visual-muted:#786c60;--visual-hero:#3c2923;--visual-edge:#e3d7c7;--visual-about:#e9d7c2;--visual-header:#fffaf1;--visual-nav:#34251f;}
body {background:var(--visual-page);color:var(--visual-text);}
.header{background:var(--visual-header);border-bottom-color:var(--visual-edge);}
.logoIcon{background:var(--visual-accent);color:var(--visual-ink);overflow:hidden;}
.logoIcon img{width:100%;height:100%;object-fit:contain;background:transparent;padding:2px;}
.logoIcon img:not([hidden]){display:block;}
.logoIcon img:not([hidden]) + #visualLogoLetter{display:none;}
.logoTitle span,.links a:hover{color:var(--visual-accent);}
.brandSub{color:var(--visual-muted);}
.button{background:var(--visual-accent);color:var(--visual-ink);}
.button:hover:not(:disabled){background:var(--visual-accent);filter:brightness(1.09);}
.button.line,.chip,.search,.iconBtn,.stepper button{background:var(--visual-surface);color:var(--visual-text);border-color:var(--visual-edge);}
.button.line:hover:not(:disabled){background:var(--visual-about);}
.button.dark{background:var(--visual-text);color:var(--visual-surface);}
.announcement,.footer{background:var(--visual-nav);}
.announcement{color:#f5ece2;}
.hero{background:var(--visual-hero);box-shadow:0 18px 70px #00000012;isolation:isolate;}
.heroCopy{background:linear-gradient(100deg,var(--visual-hero) 45%,transparent);}
.heroVisual:before{background:linear-gradient(90deg,var(--visual-hero) 0%,#15151333 30%,transparent 62%);}
.hero h1 em,.eyebrow{color:var(--visual-accent);}
.eyebrow:before{background:var(--visual-accent);}
.heroVisual img{object-position:center;}
.highlights article,.product{background:var(--visual-surface);border-color:var(--visual-edge);}
.highlights small,.sectionTop p,.product p,.productCat,.empty,.about p{color:var(--visual-muted);}
.highlights strong,.sectionTop h2,.product h3,.price,.about h2{color:var(--visual-text);}
.productCat{color:var(--visual-accent);filter:saturate(1.2);}
.search input{color:var(--visual-text);}
.search input::placeholder{color:var(--visual-muted);}
.chip{color:var(--visual-text);}
.chip.active{background:var(--visual-accent);color:var(--visual-ink);border-color:var(--visual-accent);}
.about{background:var(--visual-about);}
.about .button.dark{background:var(--visual-text);color:var(--visual-surface);}
.drawer{background:var(--visual-surface);color:var(--visual-text);}
.cartItem,.divider{border-color:var(--visual-edge);}
.field input,.field textarea,.field select{background:var(--visual-surface);color:var(--visual-text);border-color:var(--visual-edge);}
.field input:focus-visible,.field select:focus-visible{outline-color:var(--visual-accent);}
.cartCount{background:var(--visual-ink);color:#fff;}
body[data-visual-mode="escuro"] .footer{color:#eee;}
body[data-visual-mode="escuro"] .hero p{color:#d1ccc3;}
body[data-visual-mode="escuro"] .empty{background:var(--visual-surface);color:var(--visual-muted);border-color:var(--visual-edge);}
body[data-visual-mode="escuro"] .iconBtn,body[data-visual-mode="escuro"] .stepper button{color:var(--visual-text);}
body[data-visual-animations="on"] .heroCopy{animation:visualFade .55s ease both;}
body[data-visual-animations="on"] .heroVisual img{animation:visualImageEnter .85s ease both;}
body[data-visual-animations="on"] .product{animation:visualFade .35s ease both;transition:transform .22s ease,box-shadow .22s ease;}
body[data-visual-animations="on"] .product:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000013;}
@keyframes visualFade{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes visualImageEnter{from{opacity:.4;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}
@media(max-width:640px){.heroCopy{background:var(--visual-hero)}.heroVisual:before{background:linear-gradient(0deg,var(--visual-hero),transparent 60%)}}
@media(prefers-reduced-motion:reduce){body[data-visual-animations="on"] .heroCopy,body[data-visual-animations="on"] .heroVisual img,body[data-visual-animations="on"] .product{animation:none!important;transition:none!important}}