/* Identidade 9Ball: preto principal, branco secundário e detalhes em amarelo. */
:root{--ink:#f3f3f3;--night:#080808;--night-deep:#030303;--paper:#0c0c0c;--sand:#151515;--accent:#ffd000;--muted:#a6a6a6;--line:#303030;--white:#f5f5f5}
body{background:var(--paper);color:var(--ink)}
.announcement{background:#030303;color:#b6b6b6;border-bottom:1px solid #222}
.header,.hero,.personalize,.footer,.scroll-story{background:#080808;color:var(--white)}
.navigation,.header-actions{color:#ededed}.header{border-bottom-color:#282828}
.button-accent{background:var(--accent);color:#080808}.button-accent:hover{background:#ffe14d}
.button-dark{background:var(--white);color:#080808}.button-dark:hover{background:#ffd000}
.button-outline{border-color:#555}.button-ink-outline{border-color:#636363;color:var(--white)}
.icon-button:hover{background:#ffffff14}.circle-button{border-color:#666}.circle-button:hover{background:var(--accent);color:#080808}
.eyebrow,.hero .eyebrow,.personalize .eyebrow,.story-copy>.eyebrow{color:var(--accent)}
.hero-description,.hero-footnote,.section-intro,.benefit-detail{color:#b0b0b0}
.stage-orbit{border-color:#ffffff0a;background:radial-gradient(ellipse,#ffffff08,transparent 65%)}
.hero-bottom{border-color:#333;color:#969696}.hero-bottom a{color:#e5e5e5}
.caption-index span,.micro-label{color:#a7a7a7}.product-caption strong{color:var(--white)}
.benefits{background:#121212;border-color:#2a2a2a;color:#eee}.benefit-number{color:var(--accent);border-color:#555}
.collection{background:#0c0c0c}.filter{border-color:#3d3d3d;color:#bbb}.filter.active{background:var(--accent);border-color:var(--accent);color:#080808}
.product-card-image{background:linear-gradient(145deg,#222,#151515)}.product-card-line{color:#ddd}
.product-card-image .circle-button{border-color:#666;color:#f3f3f3}.product-card-copy .micro-label{color:#9c9c9c}.product-card-copy p,.collection-more p,.collection-count{color:#aaa}
.experience{background:#141414}.experience-copy>p:not(.eyebrow),.experience-note{color:#b1b1b1}.note-line{background:#777}
.text-link{color:var(--accent)}.image-switch{background:#080808e8;border:1px solid #555}.image-switch button{color:#d6d6d6}.image-switch button.active{background:var(--accent);color:#080808}.image-caption{color:#fff}
.manifesto{background:#0c0c0c}.manifesto-statement em{color:var(--accent)}.manifesto-signature{color:#aaa}
.personalize-top>p,.personalize-stage p,.field-help{color:#b2b2b2}.model-choice{color:#bdbdbd;border-color:#555}.model-choice.selected{background:#262626;border-color:var(--accent);color:#fff}
.swatch{border-color:#080808}.swatch-choice{color:#bbb}.swatch-choice.selected .swatch{outline-color:var(--accent)}.personalize-controls legend>span{color:var(--accent)}
.selection-summary{border-color:#444}.selection-summary>span{color:#aaa}
.detail-section{background:#050505;color:#f3f3f3}.detail-image:after{background:linear-gradient(90deg,transparent 50%,#050505)}.detail-copy>p:not(.eyebrow),.detail-credit{color:#aaa}
.faq-section{background:#101010}.faq-section>div>p:not(.eyebrow),.faq-list details p{color:#b0b0b0}
.contact{background:#171717;color:#f5f5f5;border-top:1px solid #333}.contact-title>p:not(.eyebrow),.contact-hours,.contact-steps p{color:#b3b3b3}.contact-steps>div{border-color:#3b3b3b}.contact-steps>div>span{color:var(--accent)}
.footer-top>p,.footer-top>div{color:#c5c5c5}.footer .micro-label,.footer-bottom,.prototype-label{color:#999}
.mobile-nav{background:#080808}.mobile-nav a{border-color:#383838}
.modal,.modal-footer{background:#121212;color:#f5f5f5}.modal-header,.modal-footer{border-color:#393939}.modal-header .icon-button:hover{background:#ffffff14}
.product-detail-visual{background:#202020}.gallery-thumbs button{border-color:#666}.gallery-thumbs button[aria-pressed=true]{border-color:var(--accent)}
.product-detail-info>p,.product-detail-info li,.modal-footer>p,.privacy-copy p{color:#bcbcbc}.quote-note{background:#242424;color:#ddd}.quote-size{background:#191919;color:#eee;border-color:#666}
.search-input-wrap{border-color:#ddd}.search-input-wrap input{color:#f3f3f3}.search-result img{background:#282828}.search-result span,.empty-message{color:#bbb}
.story-copy h2,.story-step p,.story-scroll-hint{color:#b7b7b7}.story-chapter-index,.story-chapter-nav button,.story-chapter-nav button>span{color:#aaa}
.story-current,.story-collection-link{color:var(--accent)}.story-chapter-nav button[aria-current=step]{color:#fff}.story-illustration-note,.scene-label{color:#aaa}
.story-orbit,.story-backdrop-word{display:none}.story-stage{background:transparent}.prime-canvas{background:transparent;mask-image:none}
.prime-material-control{background:#101010eb;border-color:#555}.prime-material-control>span{color:#a7a7a7}.prime-material-control button{color:#bbb}.prime-material-control button[aria-pressed=true]{background:var(--accent);color:#080808}
.preview-banner{background:#111;border-color:#777;color:#eee}
.studio-body{background:#101010}.studio-header{background:#080808;color:#fff}.studio-title span{color:#aaa}.studio-notice{background:#181818;color:#d1d1d1;border-bottom:1px solid #333}.notice-dot,.live-dot{background:var(--accent)}
.editor-panel{background:#101010}.editor-intro>p,.editor-tip,.group-number,.group-fields label>span{color:#a8a8a8}
.group-fields input:not([type=checkbox]),.group-fields textarea,.group-fields select{background:#1d1d1d;color:#f5f5f5;border-color:#565656}
.group-fields textarea:invalid,.group-fields input:invalid{border-color:#ffd000}.check-label input{accent-color:#ffd000}
.editor-actions>p[role=status]{color:#ddd}.editor-actions>p[role=status].error{color:#ffbc88}
.preview-panel,.preview-canvas{background:#191919}.preview-canvas{border-color:#4a4a4a}.viewport-controls{background:#303030}.viewport-controls button{color:#aaa}.viewport-controls button.active{background:#ffd000;color:#080808}.preview-caption,.preview-toolbar #preview-state{color:#aaa}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#ffd000}
@media(max-width:767px){.detail-image:after{background:linear-gradient(transparent 60%,#050505)}}

#story-heading{color:#aaa}.story-index-line{background:#555}
/* Cabeçalho: menu partido, logo ao centro e degradê de transparente para preto */
.header{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;background:linear-gradient(180deg,#050505 0%,rgba(8,8,8,.55) 45%,rgba(8,8,8,0) 100%);border-bottom:0;}
.header-side{display:flex;align-items:center;min-width:0}.header-left{justify-content:flex-end;gap:12px;padding-right:clamp(20px,3vw,56px)}.header-right{justify-content:flex-start;gap:clamp(16px,2.4vw,34px);padding-left:clamp(20px,3vw,56px)}
.header-left .navigation,.header-right .navigation{gap:clamp(18px,2.4vw,34px)}.header .brand{justify-self:center}
@media(max-width:1100px){.header-contact{display:none}}
@media(max-width:767px){.header{grid-template-columns:1fr auto 1fr}.header-left,.header-right{padding:0}.header-left{justify-content:flex-start}.header-right{justify-content:flex-end}.header-left .navigation,.header-right .navigation{display:none}.header-right{gap:0}}
/* Botão flutuante de WhatsApp */
.whatsapp-fab{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:30;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 6px 22px #000a,0 0 0 1px #ffffff26;transition:transform .2s,box-shadow .2s}
.whatsapp-fab svg{width:34px;height:34px}.whatsapp-fab:hover{transform:scale(1.07);box-shadow:0 8px 28px #000c,0 0 0 1px #ffffff40}.whatsapp-fab:focus-visible{outline:3px solid #ffd000;outline-offset:4px}
@media(max-width:767px){.whatsapp-fab{width:56px;height:56px;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.whatsapp-fab{transition:none}.whatsapp-fab:hover{transform:none}}
/* Cabeçalho sobre o fundo da primeira seção + desfoque progressivo (mais forte no topo preto) */
.header{--header-h:92px;margin-bottom:calc(var(--header-h)*-1);isolation:isolate}
.header:before,.header:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none}
.header:before{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 60%);mask-image:linear-gradient(180deg,#000 0%,transparent 60%)}
.header:after{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,transparent 100%)}
.hero{padding-top:calc(84px + 92px);min-height:calc(730px + 92px)}
@media(min-width:1700px){.hero{min-height:calc(850px + 92px)}}
@media(max-width:1100px){.hero{padding-top:calc(65px + 92px);min-height:calc(690px + 92px)}}
@media(max-width:767px){.header{--header-h:76px}.hero{padding-top:calc(43px + 76px);min-height:unset}}
@media(max-width:370px){.header{--header-h:76px}}
.navigation a{white-space:nowrap}
/* Menu móvel aberto: véu preto translúcido com desfoque sobre toda a página */
.mobile-nav{background:transparent;border-bottom:0}
.mobile-nav:before{content:'';position:fixed;inset:0;z-index:-1;background:rgba(8,8,8,.45);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
