:root{--ink:#292c29;--teal:#536d61;--cream:#f8f6f1;--gold:#b19a78}
.announcement{background:#353936;color:#eee9df}
.topbar{background:#faf9f6}
.logo{font-family:Georgia,serif;font-size:29px;letter-spacing:-.035em;font-weight:500}
.logo span{font-family:Arial,sans-serif;font-size:17px;display:inline-block;transform:rotate(-38deg);vertical-align:middle;margin-left:2px;color:#b59c72}
.hero{background:#343b36}
.hero:before{background:radial-gradient(circle at 80% 45%,rgba(179,165,133,.24),transparent 33%),radial-gradient(circle at 58% 100%,rgba(200,184,143,.11),transparent 37%),linear-gradient(120deg,#323933 4%,#424840 75%,#303832 100%)}
.hero-content{position:relative;z-index:2}
.hero h1{max-width:670px;font-size:clamp(43px,5.1vw,72px)}
.hero .lead{max-width:530px}
.searchbox{max-width:610px}
.hero-art{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:410px;height:490px;pointer-events:none;display:grid;place-items:center;opacity:.98}
.drop{width:100%;height:100%;position:relative;filter:drop-shadow(15px 26px 32px rgba(10,16,10,.3));overflow:hidden;clip-path:path('M 205 4 C 174 83 34 193 34 310 C 34 426 110 480 205 480 C 300 480 376 426 376 310 C 376 193 236 83 205 4 Z');background:radial-gradient(circle at 32% 25%,rgba(252,244,219,.38),transparent 25%),radial-gradient(circle at 70% 78%,rgba(151,128,85,.24),transparent 37%),linear-gradient(145deg,rgba(233,224,199,.5),rgba(197,181,147,.2) 56%,rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.3)}
.drop:after{content:"";position:absolute;inset:16px 22px;border-radius:48%;border-left:1px solid rgba(255,255,255,.38);transform:rotate(-20deg);pointer-events:none}
.term{position:absolute;white-space:nowrap;font-family:Georgia,serif;color:#f9f3e4;text-shadow:0 2px 12px #0003;opacity:.82;animation:floatTerm var(--dur,9s) ease-in-out infinite alternate;pointer-events:auto;cursor:pointer;user-select:none}
.term:hover{color:#fff;opacity:1;text-decoration:underline}
@keyframes floatTerm{0%{transform:translate(-6px,7px) rotate(-3deg)}100%{transform:translate(8px,-10px) rotate(3deg)}}
.search-wrap{position:relative;max-width:610px}
.search-wrap .searchbox{max-width:none}
.suggestions{position:absolute;top:calc(100% + 3px);left:0;right:0;z-index:7;background:#fff;color:#2b332e;box-shadow:0 18px 40px #0004;max-height:245px;overflow:auto;display:none}
.suggestions.open{display:block}
.suggestions button{display:flex;justify-content:space-between;gap:15px;background:#fff;border:0;border-bottom:1px solid #efeee9;color:#25322c;text-align:left;padding:12px 17px;width:100%;font-size:13px}
.suggestions button:hover,.suggestions button:focus{background:#f5f1e9}
.suggestions small{font-size:10px;color:#948368;text-transform:uppercase;letter-spacing:.04em}
.business{background:#393e39}.business-grid{background:#747c72}.business-grid a{background:#393e39}.business-grid a:hover{background:#4b564b}.footer{background:#282e2a}
.drop-caption{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;letter-spacing:.14em;color:#d5cbb7;text-transform:uppercase}
@media(max-width:1050px){.hero-art{right:1%;opacity:.45;transform:translateY(-50%) scale(.9);transform-origin:right center}.hero-content{z-index:3}}
@media(max-width:800px){.hero:before{background:linear-gradient(110deg,#343b36,#495249)}.hero-art{top:7px;right:-120px;transform:scale(.54);transform-origin:top right;opacity:.27}.hero-content{padding-top:74px}.search-wrap{width:100%}.drop-caption{display:none}}
@media(prefers-reduced-motion:reduce){.term{animation:none!important}}
/* V2.2: assinatura oficial e palavras em uma névoa leve, sem contorno de gota. */
.official-logo{display:block;width:181px;height:auto;max-width:100%;filter:grayscale(1) brightness(.66) sepia(.12)}
.footer .official-logo{filter:grayscale(1) brightness(0) invert(.88)}
.nav .logo,.footer .logo{display:inline-flex;align-items:center;flex-shrink:0}
.mist-art{z-index:5;right:4%;width:460px;height:430px;overflow:visible;pointer-events:none;opacity:1}
.mist{position:relative;width:100%;height:100%;pointer-events:none;isolation:isolate}
.mist:before,.mist:after{content:"";position:absolute;inset:8% -6%;pointer-events:none;filter:blur(23px);border-radius:50%;background:radial-gradient(ellipse at 32% 52%,rgba(228,219,192,.28),transparent 45%),radial-gradient(ellipse at 69% 44%,rgba(235,231,215,.21),transparent 51%),radial-gradient(ellipse at 49% 75%,rgba(179,183,166,.2),transparent 42%);animation:mistBreath 13s ease-in-out infinite alternate}
.mist:after{inset:20% 3%;filter:blur(34px);opacity:.55;transform:rotate(26deg);animation-duration:17s;animation-direction:alternate-reverse}
.mist .term{z-index:2;border:0;background:none;padding:6px 8px;font-family:'DM Sans',Arial,sans-serif;font-weight:400;letter-spacing:.01em;color:rgba(251,247,236,.82);text-shadow:0 2px 18px #17221e7a;opacity:.76;pointer-events:auto;transition:opacity .2s,color .2s;animation-name:mistFloat}
.mist .term:hover,.mist .term:focus-visible{color:#fff;opacity:1;outline:1px solid rgba(238,226,196,.5);outline-offset:1px;text-decoration:none;border-radius:2px}
.mist .term:nth-child(3n){font-family:Georgia,serif;font-style:italic}
.hero-content{position:relative;z-index:3;pointer-events:none}
.hero-content form,.hero-content input,.hero-content button,.hero-content .suggestions{pointer-events:auto}
@keyframes mistFloat{from{transform:translate(-13px,12px);opacity:.52}to{transform:translate(16px,-15px);opacity:.95}}
@keyframes mistBreath{from{transform:translate(-12px,13px) scale(.94)}to{transform:translate(14px,-10px) scale(1.07)}}
@media(max-width:1050px){.mist-art{right:-65px;transform:translateY(-50%) scale(.78);opacity:.67}}
@media(max-width:800px){.official-logo{width:152px}.mist-art{top:12px;right:-155px;transform:scale(.62);opacity:.23}.mist .term{pointer-events:none}.hero-content{pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.mist:before,.mist:after,.mist .term{animation:none!important}}
/* V2.3: three accessible photo-led discovery journeys. */
.journeys{gap:20px}
.journey{position:relative;padding:0;overflow:hidden;min-height:408px;justify-content:flex-start;background:#fff!important}
.journey-image{display:block;width:100%;height:205px;object-fit:cover;object-position:center}
.journey .num{position:absolute;top:14px;left:15px;z-index:1;background:rgba(255,255,255,.93);color:#3d4940;padding:7px 9px;font-size:10px;letter-spacing:.04em}
.journey>div{padding:18px 24px 0}
.journey h3{font-size:27px;margin:4px 0 8px}
.journey p{max-width:none;line-height:1.5;margin:0}
.journey .arrow{font-size:23px;margin:auto 22px 18px 0;color:#6b7165}
@media(max-width:800px){.journey{min-height:0}.journey-image{height:220px}.journey .arrow{margin-top:12px}}
/* V2.3.1: preserve the full 4:3 generated compositions instead of cropping them to a banner. */
.journey-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center;background:#eee9df}
@media(max-width:800px){.journey-image{height:auto;aspect-ratio:4/3}}
/* Editorial photography for upcoming specialized portals. */
.portal{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:0;overflow:hidden}
.portal-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f5f0e7}
.portal>div{padding:20px 27px 28px}
.portal h3{margin:0 0 9px}
.portal p{margin:0;line-height:1.5}
.portal>.pill{position:absolute;right:16px;top:16px;background:rgba(250,247,239,.94);z-index:1}
/* Compact specialist cards and visual news hierarchy. */
.portal{display:grid;grid-template-columns:45% 1fr;min-height:185px;align-items:stretch}
.portal-image{height:100%;min-height:185px;aspect-ratio:auto;object-fit:cover}
.portal>div{align-self:center;padding:22px 24px}
.portal>.pill{top:12px;right:12px;font-size:9px;padding:7px 9px}
.portal h3{font-size:24px;padding-right:38px}
.editorial-v2{grid-template-columns:1.42fr 1fr 1fr;align-items:stretch}
.editorial-v2 .story{display:flex;flex-direction:column;min-height:405px;transition:transform .2s,box-shadow .2s}
.editorial-v2 .story:hover{transform:translateY(-3px);box-shadow:0 14px 30px #203c2f17}
.editorial-v2 .story-image{display:block;width:100%;height:205px;object-fit:cover;background:#eee9df}
.editorial-v2 .story-feature .story-image{height:245px}
.editorial-v2 .story-feature{min-height:440px}
.editorial-v2 .story-content{padding:22px;display:flex;flex-direction:column;flex:1}
.editorial-v2 .story h3{font-size:23px;line-height:1.2}
.editorial-v2 .story-feature h3{font-size:27px}
.editorial-v2 .story p{font-size:13px;line-height:1.55}
.story-read{margin-top:auto;padding-top:18px;font-size:12px;color:#25564d;font-weight:700}
.editorial-disclosure{font-size:11px;color:#84918a;margin:17px 0 0}
@media(max-width:1000px){.portal{grid-template-columns:42% 1fr}.portal>div{padding:20px 17px}.portal h3{font-size:22px}.editorial-v2{grid-template-columns:1fr 1fr}.editorial-v2 .story-feature{grid-column:1/-1}}
@media(max-width:700px){.portal-grid,.editorial-v2{grid-template-columns:1fr}.portal{grid-template-columns:44% 1fr;min-height:170px}.portal-image{min-height:170px}.portal h3{font-size:21px;padding-right:0}.portal>.pill{top:8px;right:8px}.editorial-v2 .story-feature{grid-column:auto}.editorial-v2 .story,.editorial-v2 .story-feature{min-height:0}.editorial-v2 .story-image,.editorial-v2 .story-feature .story-image{height:210px}}
/* V2.5: accessible, manually controlled editorial carousel. */
.editorial-v2{display:flex;gap:0;overflow:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;border:1px solid #dfe4dc;background:#fff;touch-action:pan-y}
.editorial-v2 .story,.editorial-v2 .story-feature{flex:0 0 100%;width:100%;min-height:340px;display:grid;grid-template-columns:52% 48%;border:0;border-right:1px solid #e0e5dc;scroll-snap-align:start;transition:none}
.editorial-v2 .story:hover{transform:none;box-shadow:none}
.editorial-v2 .story-image,.editorial-v2 .story-feature .story-image{height:340px;width:100%;object-fit:contain;background:#eeece6}
.editorial-v2 .story-content{padding:36px 36px;justify-content:center}
.editorial-v2 .story h3,.editorial-v2 .story-feature h3{font-size:clamp(27px,3vw,39px);line-height:1.13}
.editorial-v2 .story p{font-size:14px;max-width:420px}
.editorial-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px}
.editorial-count{font-size:12px;color:#738178;letter-spacing:.08em}
.editorial-dots{display:flex;gap:9px;align-items:center}
.editorial-dot{display:block;width:8px;height:8px;border-radius:50%;background:#b9c3b9;border:0;padding:0;cursor:pointer}
.editorial-dot[aria-current="true"]{background:#285a4f;width:25px;border-radius:8px}
.editorial-arrows{display:flex;gap:9px}
.editorial-arrow{width:37px;height:37px;border:1px solid #bcc7bd;background:#fff;color:#245448;font-size:21px;cursor:pointer}
.editorial-arrow:hover,.editorial-arrow:focus-visible{background:#e7eee8;outline-color:#285a4f}
@media(max-width:700px){.editorial-v2 .story,.editorial-v2 .story-feature{display:flex;flex-direction:column;min-height:0}.editorial-v2 .story-image,.editorial-v2 .story-feature .story-image{height:240px}.editorial-v2 .story-content{padding:23px 24px 30px}.editorial-v2 .story h3,.editorial-v2 .story-feature h3{font-size:26px}.editorial-v2 .story p{font-size:13px}.editorial-controls{gap:10px}}
@media(prefers-reduced-motion:reduce){.editorial-v2{scroll-behavior:auto}}
/* V2.6: two compact cards on wide screens, one on narrow portrait screens. */
.editorial-v2{gap:16px;border:0;background:transparent;scroll-padding:0}
.editorial-v2 .story,.editorial-v2 .story-feature{display:flex;flex-direction:column;flex:0 0 calc((100% - 16px)/2);width:calc((100% - 16px)/2);min-height:0;border:1px solid #dfe4dc}
.editorial-v2 .story-image,.editorial-v2 .story-feature .story-image{height:190px;object-fit:contain}
.editorial-v2 .story-content{padding:21px 24px 25px;min-height:168px;justify-content:flex-start}
.editorial-v2 .story h3,.editorial-v2 .story-feature h3{font-size:clamp(23px,2.1vw,29px);line-height:1.16}
.editorial-v2 .story p{font-size:12px;line-height:1.5}
@media(max-width:768px){.editorial-v2 .story,.editorial-v2 .story-feature{flex-basis:100%;width:100%}.editorial-v2 .story-image,.editorial-v2 .story-feature .story-image{height:215px}.editorial-v2 .story-content{min-height:0}.editorial-v2 .story-clone{display:none}}
/* V2.7 — guided free-text AI discovery, retaining the classic reference search. */
.hero{min-height:770px}
.hero-content{padding-top:64px;padding-bottom:64px}
.hero h1{font-size:clamp(43px,5.1vw,70px);max-width:760px;margin-bottom:17px}
.hero .lead{max-width:650px;margin-bottom:23px}
.ai-entry{max-width:680px;pointer-events:auto;color:#18332b;box-shadow:0 20px 70px rgba(4,20,14,.22)}
.ai-tabs{display:flex;background:#e8e9e3;border:1px solid #e4e6df;border-bottom:0;gap:0}
.ai-tab{flex:1;border:0;background:transparent;padding:16px 14px;color:#43554a;font-size:13px;font-weight:650;cursor:pointer;position:relative}
.ai-tab.active{color:#173e32;background:#fff;box-shadow:inset 0 3px #b39b70}
.ai-tab-upcoming,.ai-tab-upcoming:disabled{cursor:not-allowed;color:#8b968d;background:#e8e9e3;opacity:.85}
.ai-tab-upcoming .ai-new{background:#d7dcd5;color:#66786b}
.ai-tab:focus-visible,.ai-chip:focus-visible{outline:2px solid #2b7b62;outline-offset:-3px}
.ai-new{font-size:9px;color:#fdfbf7;background:#35765f;border-radius:2px;padding:3px 5px;letter-spacing:.06em;margin-left:5px}
.ai-free,.ai-reference{background:#fff;padding:18px 22px 20px}
.ai-free[hidden],.ai-reference[hidden]{display:none}
.ai-free label{display:block;font-size:12px;font-weight:700;color:#334b40;margin-bottom:8px}
.ai-free textarea{display:block;width:100%;min-height:83px;resize:vertical;border:1px solid #ccd6cd;outline:0;padding:13px 14px;font:14px/1.55 'DM Sans',Arial,sans-serif;color:#1b352b;background:#fcfdfb}
.ai-free textarea:focus{border-color:#3a8067;box-shadow:0 0 0 2px #3a80671c}
.ai-free textarea::placeholder{color:#85958c}
.ai-helper-heading{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:11px;color:#65766b}
#ai-coverage{font-weight:700;white-space:nowrap}
.ai-progress{display:flex;gap:5px;margin:6px 0 8px}.ai-progress span{height:4px;flex:1;border-radius:3px;background:#e4e9e4}.ai-progress span.filled{background:#3e8c70}
.ai-optional-note{font-size:11px;line-height:1.45;color:#60786a;margin:0 0 9px}
/* V2.11: visually separate the exploratory journeys from the editorial section. */
#descobrir{background:#f7f5f0}
#editorial{background:#e5ece5 url('/_b2c-v2-v41/editorial-paper-v1.png') center/cover;background-blend-mode:multiply}
.ai-understood{min-height:0;display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:11px;color:#708076;margin-bottom:6px}
.ai-signal{display:inline-block;padding:3px 7px;border-radius:12px;background:#e6f0e9;color:#2f6b54;font-weight:650;font-size:10px}
.ai-suggestions{background:#f2f5ef;padding:13px 14px;margin-top:8px;border-left:3px solid #c3af7e}
.ai-helper-title{font-size:12px;font-weight:700;color:#496052;margin-bottom:8px}
.ai-suggestion-item{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}
.ai-suggestion-item>span{font-size:11px;line-height:1.35;color:#607267;flex:1}
.ai-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:57%}
.ai-chip{font:600 10px 'DM Sans',Arial,sans-serif;color:#2f6251;border:1px solid #d5dfd5;background:#fff;padding:6px 7px;cursor:pointer;text-align:left}
.ai-chip:hover{background:#e1ede3;border-color:#9dbdad}
.ai-done{font-size:12px;color:#35745b;margin:5px 0}
.ai-action{display:flex;align-items:center;gap:13px;margin-top:15px}
.ai-submit{border:0;background:#b49b73;color:#162e27;padding:14px 19px;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}
.ai-submit:hover{background:#c7ad81}
.ai-action>span{font-size:10px;color:#839187;line-height:1.4}
.ai-reference>p{font-size:12px;color:#6b786e;margin:0 0 12px}
.ai-reference-form{display:flex;max-width:none;box-shadow:none;border:1px solid #dde3db;padding:5px}
.ai-reference-form input{min-height:48px}
.ai-reference-form button{padding:13px 18px}
.ai-entry+.quickhint{margin-top:15px}
@media(max-width:800px){.hero{min-height:0}.hero-content{padding-top:52px;padding-bottom:52px}.ai-tab{font-size:12px}.ai-action{align-items:stretch;flex-direction:column;gap:7px}.ai-action>span{text-align:center}.ai-submit{width:100%}}
@media(max-width:520px){.ai-free,.ai-reference{padding:14px}.ai-tab{padding:13px 8px;font-size:11px}.ai-new{font-size:8px;margin-left:2px}.ai-suggestion-item{display:block;margin-top:9px}.ai-chips{max-width:100%;justify-content:flex-start;margin-top:5px}.ai-free textarea{min-height:115px}.ai-reference-form{flex-direction:column}.ai-reference-form button{width:100%}}
/* V2.8: small guidance terms in the mist; keep the original soft cloud. */
.mist .term.tip{color:#e5dfcb;opacity:.65;font-size:12px;font-style:normal;letter-spacing:.02em}
.mist .term.tip:hover{opacity:1;color:#fff}

/* Direct Home perfume autocomplete for the V68 results journey. */
.searchbox{position:relative}
.premium-suggestions{display:none;position:absolute;left:0;right:0;top:100%;background:#fffefb;z-index:20;border:1px solid #dfe3db;box-shadow:0 18px 40px #11291d3b;max-height:350px;overflow:auto}
.premium-suggestions.is-open{display:grid}
.premium-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-bottom:1px solid #eef0ea;background:transparent;color:#1b342b;padding:14px 18px;text-align:left;cursor:pointer}
.premium-suggestion:hover,.premium-suggestion:focus-visible{background:#edf1e9}
.premium-suggestion strong{font-size:14px}.premium-suggestion small{font-size:12px;color:#62756b}
.premium-search-status{min-height:20px;font-size:12px;color:#f4e9d1;margin:8px 0 0}

/* Keep real catalog suggestions above adjacent sections instead of cropping them. */
.hero{overflow:visible;z-index:3}
.hero-content{z-index:12}
.search-wrap{isolation:isolate;z-index:30;overflow:visible}
.search-wrap .searchbox{overflow:visible}
.premium-suggestions{z-index:50;top:calc(100% + 3px);max-height:min(380px,55vh);overflow-y:auto;background:#fffefa;border:1px solid #d7d3ca;box-shadow:0 20px 46px #141d1844}
.premium-suggestion{background:#fffefa;color:#26382d;min-height:49px}
.premium-suggestion:hover,.premium-suggestion:focus-visible{background:#f3eee3;color:#2e3028}
@media(max-width:800px){.hero{overflow:visible}.hero-content{z-index:12}.search-wrap{z-index:30}.premium-suggestions{max-height:min(310px,48vh)}.premium-suggestion{padding:12px 14px}}
.premium-suggestion-head,.premium-suggestion{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) 72px;gap:12px;align-items:center;text-align:left}
.premium-suggestion-head{position:sticky;top:0;z-index:1;padding:11px 18px;background:#f1eee7;border-bottom:1px solid #dedbd3;color:#66736b;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.premium-suggestion{width:100%;justify-content:initial}
.premium-suggestion strong{min-width:0;overflow-wrap:anywhere}
.premium-suggestion-brand{min-width:0;overflow-wrap:anywhere;color:#63716a;font-size:12px}
.premium-suggestion-type{justify-self:start;font-size:10px;font-weight:800;letter-spacing:.05em;color:#314238;border:1px solid #d2dbd1;background:#eff3eb;border-radius:4px;padding:4px 5px}
@media(max-width:600px){.premium-suggestion-head,.premium-suggestion{grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr) 64px;gap:7px}.premium-suggestion-head{padding:9px 10px;font-size:9px}.premium-suggestion{padding:12px 10px}.premium-suggestion strong{font-size:12px}.premium-suggestion-brand{font-size:11px}.premium-suggestion-type{font-size:9px;padding:3px}}