:root{--paper:#f7f3e9;--ink:#203f32;--soft:#e7e8da;--rust:#a34f38;--line:#d6d8c9;--gold:#c29a50}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px 'DM Sans',sans-serif;background:var(--paper);color:var(--ink)}header,main,footer{max-width:1320px;margin:auto;padding:0 5%}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header img{width:88px;height:auto}nav{display:flex;gap:28px}nav a{font-size:14px;text-decoration:none}a{color:inherit;text-underline-offset:4px}button,.button{border:1px solid var(--ink);border-radius:3px;background:transparent;padding:13px 20px;color:var(--ink);font:inherit;cursor:pointer;text-decoration:none;display:inline-block;min-height:46px}.primary{background:var(--ink);color:var(--paper)}button:hover,.button:hover{box-shadow:0 3px 0 #203f3226}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{cursor:default;opacity:.7}h1,h2,h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.03;margin:10px 0 24px}h1{font-size:clamp(60px,6.5vw,91px);letter-spacing:-2px}h1 em{color:var(--rust);font-weight:400}h2{font-size:clamp(40px,4.4vw,62px);letter-spacing:-1px}h3{font-size:34px}p{line-height:1.65}.eyebrow,.smallcap{font-size:11px;font-weight:600;letter-spacing:1.7px}.fine{font-size:12px;line-height:1.7;color:#566556}.lead{max-width:470px;font-size:18px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;padding:55px 0 65px;align-items:center}.hero-foot{margin-top:30px;font-size:9px;letter-spacing:1px}.hero-visual{height:480px;position:relative}.hero-visual>img{height:100%;width:100%;object-fit:cover;border-radius:210px 210px 6px 6px}.floating-note{position:absolute;bottom:35px;left:-25px;background:var(--paper);padding:24px 28px;border:1px solid var(--line)}.floating-note p{font:30px/1.1 'Libre Caslon Display',Georgia;margin:12px 0 0}.photo-credit{position:absolute;right:10px;bottom:8px;background:#ffffffdf;padding:4px;font-size:9px}.section{padding:55px 0 65px;border-top:1px solid var(--line);scroll-margin-top:20px}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:27px}.section-head>p{max-width:360px;font-size:14px}.section-head h2{margin-bottom:6px}.product-tabs{display:flex;gap:9px;overflow:auto;padding:3px 2px 12px;scrollbar-width:thin}.product-tabs button{white-space:nowrap;font-size:13px;padding:11px 15px}.product-tabs button[aria-pressed=true],.filter-buttons button[aria-pressed=true],.region-buttons button[aria-pressed=true]{background:var(--ink);color:white}.product-banner{background:#e7e8dc;border:1px solid var(--line);display:flex;gap:24px;padding:22px;align-items:center;border-radius:5px;margin-top:8px}.product-banner img{height:115px;width:115px;object-fit:contain;background:#faf8f0;border-radius:3px}.product-banner h3{margin:6px 0 10px}.product-banner p{margin:4px 0}.product-banner a{font-size:13px}.filters{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:26px 0 22px}.search{font-size:12px;display:grid;gap:7px;min-width:260px}.search input{font:inherit;font-size:14px;padding:12px;border:1px solid #b4bdad;background:#fffdf8;border-radius:3px}.filter-buttons{display:flex;gap:6px;flex-wrap:wrap}.filter-buttons button{font-size:11px;padding:10px;min-height:40px}.ingredient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ingredient-card{background:#fffdf8;border:1px solid var(--line);border-radius:5px;overflow:hidden;align-self:start}.ingredient-photo{height:175px;width:100%;object-fit:cover}.ingredient-symbol{height:110px;display:flex;align-items:center;justify-content:center;background:#e6e9dc;font:38px Georgia;color:#687b54}.ingredient-body{padding:21px}.ingredient-body h3{font-size:30px;margin:5px 0}.latin{font-style:italic;font-size:11px;color:#617160;margin:0 0 18px}.benefit{font-size:16px;font-weight:600;line-height:1.4;margin:12px 0 8px}.ingredient-body>p:not(.benefit):not(.latin){font-size:13px}.ingredient-body details{margin-top:18px;font-size:12px;border-top:1px solid var(--line);padding-top:13px}.ingredient-body summary{font-weight:600;cursor:pointer;line-height:1.5}.evidence-tag{display:inline-block;margin:12px 0 0;font-size:9px;text-transform:uppercase;letter-spacing:1px;border-radius:12px;background:#e9eada;padding:5px 8px}.ingredient-body details a{display:inline-block;margin:8px 0}.composition{margin-top:25px;border:1px solid var(--line);padding:20px;border-radius:4px}.composition>summary,.credits>summary{cursor:pointer;font-size:14px;font-weight:600}.composition table{width:100%;border-collapse:collapse;font-size:12px}.composition th,.composition td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}.palette-layout{display:grid;grid-template-columns:1.1fr 1fr;background:#ebe8dd;border-radius:6px;padding:36px;gap:50px;align-items:center}.drape-area{display:flex;flex-direction:column;align-items:center}.color-wheel{width:min(100%,370px);aspect-ratio:1;border-radius:50%;position:relative;background:conic-gradient(#88364f 0deg 72deg,#d15b43 72deg 144deg,#89464b 144deg 216deg,#d4ac6a 216deg 288deg,#ac467b 288deg 360deg);display:grid;place-items:center;border:7px solid #ffffff70}.wheel-sector{position:absolute;z-index:2;width:40px;height:40px;padding:0;border:2px solid white;border-radius:50%;font-size:12px;color:white;text-shadow:0 1px 2px #000}.portrait{width:70%;height:70%;background:#d8c7b5;border:7px solid var(--paper);border-radius:50%;overflow:hidden;position:relative;display:grid;place-items:center;text-align:center}.portrait img{width:100%;height:100%;object-fit:cover}.portrait p{font-size:13px}.face-mark{display:block;font:55px Georgia;line-height:1}.wheel-caption{font-size:11px;text-align:center;margin-top:20px;max-width:270px}.palette-controls .button,.palette-controls>button{margin:4px 5px 4px 0}.upload{position:relative;overflow:hidden}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.color-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.color-buttons button{border-radius:30px;padding:9px 13px;font-size:12px;display:flex;gap:8px;align-items:center}.color-buttons button[aria-pressed=true]{background:white;border-width:2px;padding:8px 12px}.color-dot{width:14px;height:14px;display:inline-block;border-radius:50%}.color-result h3{margin:6px 0}.color-result>p{font-size:14px}.color-result>.smallcap{font-size:10px}.game-shell{display:grid;grid-template-columns:.8fr 1.6fr;background:var(--ink);color:var(--paper);border-radius:6px;overflow:hidden}.guide{padding:32px;background:#ffffff08}.mascot{width:100px;height:120px}.guide .smallcap{font-size:8px}.guide h3{font-size:34px}.guide p{font-size:13px}.progress{display:flex;gap:7px;margin-top:28px}.progress span{height:5px;flex:1;background:#ffffff30;border-radius:10px}.progress span.done{background:#d7ad68}.game-main{padding:32px}.match-head{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:10px;letter-spacing:1px;margin-bottom:12px}.matching{display:grid;grid-template-columns:1fr 1fr;gap:18px}.match-column{display:grid;gap:12px}.match-card{border:1px solid #ffffff55;color:var(--paper);background:#ffffff08;min-height:110px;display:flex;align-items:center;gap:14px;text-align:left;padding:13px;font-size:14px;line-height:1.4}.match-card img{height:58px;width:58px;object-fit:cover;border-radius:50%}.match-card[aria-pressed=true]{outline:2px solid #d6ad67;background:#ffffff20}.match-card.matched{background:#6c8352;color:white;border-color:#9eae7c}.game-main>button{color:var(--paper);border-color:#ffffff50;font-size:12px}.game-main #gameFeedback{min-height:24px;font-size:13px}.reward{background:var(--paper);color:var(--ink);padding:25px;border-radius:5px;margin-top:25px}.reward .coupon-code{font-size:32px;letter-spacing:5px;margin:18px 0;font-weight:700;border:1px dashed #8b9b7e;padding:12px}.reward h3{margin-bottom:10px}.reward button,.reward .button{margin:4px}.region-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.region-buttons button{font-size:12px;padding:11px 15px}.map-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:28px}.map-layout iframe{width:100%;height:370px;border:1px solid var(--line);border-radius:5px;background:#dce4d6}.map-note{padding:25px;background:#eeece2}.map-note h3{margin:18px 0}.closing{padding:55px 0 70px;border-top:1px solid var(--line)}.closing .button{margin:4px 8px 4px 0}.credits{border-top:1px solid var(--line);padding:25px 0}.credits p,.credits li{font-size:11px;line-height:1.6}footer{padding-top:25px;padding-bottom:30px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:11px}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:850px){.ingredient-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:25px}.hero-visual{height:400px}.palette-layout{gap:25px;padding:25px}.game-shell{grid-template-columns:.8fr 1.5fr}.game-main,.guide{padding:22px}.match-card{font-size:12px;min-height:120px;flex-direction:column;align-items:start}.match-card img{height:42px;width:42px}}@media(max-width:600px){header{height:90px}header img{width:70px}nav{gap:13px}nav a{font-size:11px}.hero{grid-template-columns:1fr;padding:30px 0 45px;gap:25px}h1{font-size:61px}.lead{font-size:16px}.hero-visual{height:310px;margin-left:20px}.floating-note{padding:16px 20px;bottom:25px}.floating-note p{font-size:25px}.section{padding:35px 0 45px}.section-head{display:block}.section-head>p{max-width:100%}.filters{display:block}.search{min-width:0}.filter-buttons{margin-top:15px}.product-banner{padding:15px;gap:15px}.product-banner img{width:75px;height:90px}.product-banner h3{font-size:27px}.ingredient-grid{gap:12px}.ingredient-body{padding:14px}.ingredient-body h3{font-size:26px}.ingredient-photo{height:125px}.ingredient-symbol{height:80px}.ingredient-body>p:not(.benefit):not(.latin){font-size:12px}.benefit{font-size:14px}.palette-layout,.map-layout{grid-template-columns:1fr}.palette-layout{padding:22px;gap:28px}.color-wheel{max-width:300px}.game-shell{grid-template-columns:1fr}.guide{display:grid;grid-template-columns:75px 1fr;column-gap:15px}.mascot{width:75px;grid-row:1/4}.guide h3{font-size:28px;margin:8px 0}.guide h3 br{display:none}.guide .smallcap{margin:0}.guide p{margin:8px 0}.guide .progress{grid-column:1/-1;margin:15px 0 0}.matching{gap:10px}.match-card{font-size:13px;min-height:105px}.game-main{padding:22px}.map-layout iframe{height:320px}.map-note{padding:20px}.composition{padding:15px}.composition td{word-break:normal}.composition th:first-child{width:45%}footer{gap:20px}.hero-foot{font-size:8px}}
/* Roda sazonal: a foto permanece fixa e as famílias de cores giram ao redor. */
.color-wheel{width:min(100%,440px);background:none;border:0;touch-action:pan-y;isolation:isolate}.palette-rotor{position:absolute;inset:0;transition:transform .65s cubic-bezier(.22,.68,.24,1);z-index:1;pointer-events:none}.palette-rotor svg{width:100%;height:100%;display:block}.portrait{width:58%;height:58%;z-index:2;border-width:12px;background:var(--paper)}.portrait>img{position:absolute;inset:0}.wheel-pointer{position:absolute;top:-8px;left:calc(50% - 8px);z-index:3;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:15px solid var(--ink)}.wheel-navigation{display:flex;align-items:center;justify-content:space-between;max-width:260px;margin:20px 0 12px}.wheel-navigation button{min-width:55px;font-size:22px;padding:7px 15px}.wheel-navigation span{font-size:13px;letter-spacing:2px}.color-buttons{max-height:145px;overflow-y:auto;margin:15px 0;padding:3px;scrollbar-width:thin}.color-buttons button{border-radius:3px;padding:9px 10px;font-size:11px;min-height:39px}.color-buttons button[aria-pressed=true]{padding:8px 9px;background:var(--ink);color:var(--paper)}.palette-swatches{display:flex;height:38px;gap:5px;margin:20px 0}.palette-swatches span{flex:1;border-radius:3px}.color-result{min-height:135px}.color-result h3{font-size:32px}.mascot{width:120px;height:120px}.guide .smallcap{line-height:1.7}.hero-visual img{object-position:center}.coupon-code{overflow-wrap:anywhere;font-size:25px!important}@media(prefers-reduced-motion:reduce){.palette-rotor{transition:none}}@media(max-width:600px){.color-wheel{max-width:350px}.palette-layout{padding:20px 15px}.color-buttons{max-height:130px}.portrait{border-width:9px}.portrait p{font-size:11px}.mascot{width:80px;height:90px}.guide{grid-template-columns:80px 1fr}.color-result{min-height:0}}

.hero-visual img{object-position:15% center}
.product-tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.product-tags span{background:#f9f7ed;border:1px solid #c4cbb6;border-radius:20px;padding:5px 9px;font-size:10px}.product-banner .product-summary{font-size:15px;max-width:690px;line-height:1.6;margin:10px 0 14px}.ingredient-reference{font-size:11px;display:block;margin-top:18px;line-height:1.6}.portrait>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.balm-next{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#e3e8d7;padding:30px;margin-top:25px;border-radius:6px}.balm-next h3{margin:10px 0;font-size:36px}.balm-next p:not(.eyebrow){font-size:14px;max-width:550px}.balm-next .button{max-width:250px;line-height:1.5}.game-prize{display:grid;grid-template-columns:1fr;gap:9px;background:#ddbd79;border:1px solid #c3a15b;padding:25px 30px;margin:5px 0 20px;border-radius:6px;color:#203f32}.game-prize strong{font:38px/1.1 'Libre Caslon Display',Georgia}.game-prize>span:last-child{font-size:13px}.reward{border:3px solid #ddbd79}.reward .coupon-code{font-size:40px!important;letter-spacing:6px}.reward h3{font-size:40px}#paletteCameraStatus:empty{display:none}@media(max-width:600px){.balm-next{display:block;padding:23px}.balm-next h3{font-size:31px}.game-prize{padding:23px}.game-prize strong{font-size:32px}.product-banner{align-items:start}.product-banner .product-summary{font-size:13px}.product-tags span{font-size:9px}.reward .coupon-code{font-size:34px!important}}
.product-impact{font:30px/1.1 'Libre Caslon Display',Georgia;margin:14px 0 10px!important;color:#89464b}.balm-next{display:grid;grid-template-columns:.9fr 1.15fr;gap:45px;padding:35px;background:#ecddd1;border:1px solid #dbc3b2;overflow:hidden}.balm-next-visual{position:relative;min-height:300px;display:flex;align-items:center;justify-content:center;background:#f8f0e4;border-radius:160px 160px 8px 8px;padding:25px 25px 70px}.balm-next-visual>img{width:100%;height:235px;object-fit:contain;border-radius:100px 100px 0 0;mix-blend-mode:multiply}.balm-color-dots{position:absolute;bottom:38px;display:flex;gap:12px}.balm-color-dots span{width:28px;height:28px;border-radius:50%;border:2px solid #ffffffb0;box-shadow:0 2px 4px #46312420}.balm-visual-label{position:absolute;bottom:15px;font-size:9px;letter-spacing:1.2px}.balm-next-copy h3{font-size:clamp(34px,4vw,49px);color:#803c48;margin:15px 0}.balm-next-copy .button{margin-top:15px;max-width:none;background:#803c48;border-color:#803c48}.balm-next .eyebrow{color:#803c48}.balm-next-copy p{max-width:480px}.balm-next-copy .eyebrow{font-size:11px!important}@media(max-width:600px){.balm-next{grid-template-columns:1fr;padding:22px;gap:25px}.balm-next-visual{min-height:250px;padding-bottom:65px}.balm-next-visual>img{height:185px}.balm-next-copy h3{font-size:36px}.product-impact{font-size:26px}}

.photo-kind{display:block;padding:5px 12px;background:#e8eadf;font-size:9px;letter-spacing:.3px;color:#53634d}
