/* Tema oficial Modynoa — estilos de galeria 3D + alternância claro/escuro */
:root{--md-t-bg:#FAF4EF;--md-t-card:#FFF9F6;--md-t-sub:#F7ECE6;--md-t-edge:#E5CFC2;--md-t-title:#2B211D;--md-t-secondary:#7A655D;--md-t-brand:#A30D2B;--md-t-brand-hover:#7E0C22;--md-t-highlight:#F3E2B8}
.md-theme-toggle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#F7ECE6;border:1px solid #DDBFB3;border-radius:999px;padding:9px 13px;color:#80122B;font-size:.8rem;font-weight:750;cursor:pointer;min-height:38px}
.md-theme-toggle:hover{background:#F0DFD6}.md-theme-toggle:focus-visible{outline:3px solid #A30D2B;outline-offset:2px}
.md-theme-icon{font-size:1.15rem;line-height:1}
@media(max-width:680px){.md-theme-toggle{padding:8px 10px}.md-theme-label{display:none}}
/* Seção modelo 3D (corrige o azul, inclusive seletores herdados de CSS anterior) */
body .model3d-empty,body .model3d-next-step{background:#F7ECE6!important;border:1px dashed #D8B9B0!important;color:#2B211D!important}
body .model3d-empty>span{color:#A30D2B!important}
body .model3d-empty strong,body .model3d-empty h3,body .model3d-next-step h3{color:#2B211D!important}
body .model3d-empty p,body .model3d-next-step p{color:#7A655D!important}
body .model3d-count,body .model3d-step-no,body .model3d-stage-number{background:#F0E1D9!important;color:#80122B!important;border:1px solid #D8B9B0!important}
body .model3d-cost-card{background:#FFF9F6!important;border-color:#E5CFC2!important;color:#2B211D!important}
body .model3d-cost-card h2,body .model3d-cost-card strong{color:#2B211D!important}
body .model3d-cost-card .small-text{color:#7A655D!important}
body .model3d-page .model3d-main .btn,body .model3d-empty .btn{background:#A30D2B!important;color:#FFF!important;border-color:#A30D2B!important}
body .model3d-price-highlight,body .model3d-cost-price{background:#F3E2B8!important;color:#6A3F1C!important;border-color:#D8B26A!important}
/* FIT ID: remover azuis de controles e painéis de recomendação */
body .fit-panel .input,body .fit-panel input,body .fit-panel select{border-color:#DDBFB3!important;background:#FFF9F6!important;color:#2B211D!important}
body .fit-panel .input:focus,body .fit-panel input:focus,body .fit-panel select:focus{border-color:#A30D2B!important;outline-color:#A30D2B!important}
body .fit-panel .fit-result,body .fit-panel .fit-result-card,body .fit-panel .fit-status,body .fit-panel .fit-recommendation{background:#F7ECE6!important;border-color:#D8B9B0!important;color:#2B211D!important}
body .fit-panel .btn-dark{background:#A30D2B!important;color:#FFF!important;border-color:#A30D2B!important}
/* Tema noturno: vinho profundo e contrastes elevados */
html.md-dark{--md-bg:#211A1C!important;--md-ink:#F8EFEA!important;--md-t-bg:#211A1C;--md-t-card:#302529;--md-t-sub:#392A2E;--md-t-edge:#634950;--md-t-title:#F8EFEA;--md-t-secondary:#D5BCB9;--md-t-brand:#C21840;--md-t-brand-hover:#DD3155;--md-t-highlight:#594335;color-scheme:dark}
html.md-dark body,html.md-dark .section,html.md-dark .app-page,html.md-dark .model3d-page{background:#211A1C!important;color:#F8EFEA!important}
html.md-dark .topbar{background:#2B2024!important;border-color:#594149!important}
html.md-dark .navlinks,html.md-dark .navlinks a{color:#F4E2DE!important}
html.md-dark :is(.panel,.card,.note,.account-card,.price-card,.model3d-main,.model3d-cost-card,.model3d-sidebar,.fit-panel,.perfume-card,.premium-card,.looks-empty-state,.gallery .look,.model3d-empty,.model3d-next-step){background:#302529!important;color:#F8EFEA!important;border-color:#634950!important;box-shadow:none!important}
html.md-dark :is(h1,h2,h3,h4,strong,.panel h2,.section h2,.app-head h2,.app-head h1,.model3d-hero h1,.model3d-section-title h2,.fit-panel h3,.fit-panel h4,.model3d-empty strong,.model3d-cost-card h2){color:#F8EFEA!important;-webkit-text-fill-color:#F8EFEA!important}
html.md-dark :is(p,.muted,.small-text,.panel p,.app-head p,.looks-empty-state p,.model3d-empty p,.model3d-cost-card .small-text,.fit-panel p,.model3d-section-title p,.model3d-next-step p){color:#D5BCB9!important;-webkit-text-fill-color:#D5BCB9!important}
html.md-dark :is(.input,input:not([type=checkbox]):not([type=radio]),textarea,select,.fit-panel .input,.fit-panel input,.fit-panel select){background:#392A2E!important;color:#F8EFEA!important;border-color:#76545D!important}
html.md-dark :is(.input,input,select,textarea):focus{border-color:#DD3155!important;outline-color:#DD3155!important}
html.md-dark :is(.btn-dark,.btn-lime,.perfume-cta,.model3d-empty .btn,.fit-panel .btn-dark){background:#C21840!important;color:#FFF!important;border-color:#C21840!important;-webkit-text-fill-color:#FFF!important}
html.md-dark :is(.btn-outline,.package-btn){background:#392A2E!important;color:#F8EFEA!important;border-color:#76545D!important}
html.md-dark :is(.model3d-count,.model3d-step-no,.model3d-stage-number,.badge,.premium-mini-badge){background:#493139!important;color:#FFE3E9!important;border-color:#80525E!important}
html.md-dark :is(.model3d-cost-price,.model3d-price-highlight){background:#594335!important;color:#FFE9C7!important;border-color:#80664E!important}
html.md-dark :is(.fit-result,.fit-result-card,.fit-status,.fit-recommendation,.fit-panel .fit-result,.fit-panel .fit-result-card){background:#392A2E!important;border-color:#76545D!important;color:#F8EFEA!important}
html.md-dark .md-theme-toggle{background:#493139;color:#FFE3E9;border-color:#80525E}
html.md-dark .section.alt{background:#291F22!important}
html.md-dark .footer{color:#D5BCB9!important;border-color:#634950!important}

/* MODYNOA — modo noturno: correção de contraste e superfícies legadas. */
html.md-dark body .logo-wordmark,html.md-dark body img.logo-wordmark{filter:brightness(0) saturate(100%) invert(95%) sepia(14%) saturate(230%) hue-rotate(310deg) brightness(104%)!important}
html.md-dark body :is(.premium-banner,.model3d-warning,.model3d-info,.model3d-notice,.model3d-how,.model3d-guide,.model3d-price,.model3d-tokens-info,.model3d-token-offer,.size-choice,.size-recommendation,.fit-status,.fit-import-grid,.fit-import-card,.fit-size-guide,.fit-panel .note,.fit-panel .fit-status,.fit-panel .size-choice,.fit-panel .size-recommendation,.saved-chart,.size-chart-card,.model3d-step,.model3d-project-card,.model3d-package,.premium-note,.model3d-count,.price-note){background:#392A2E!important;border-color:#76545D!important;color:#F8EFEA!important}
html.md-dark body :is(.size-choice.primary,.fit-panel .size-choice.primary,.fit-panel .fit-recommendation,.fit-panel .fit-status,.model3d-page .model3d-empty,.model3d-page .model3d-next-step){background:#493139!important;border-color:#956674!important;color:#F8EFEA!important}
html.md-dark body :is(.premium-banner,.model3d-warning,.model3d-info,.model3d-notice,.model3d-how,.model3d-guide,.model3d-price,.model3d-tokens-info,.model3d-token-offer,.size-choice,.size-recommendation,.fit-status,.fit-import-grid,.fit-import-card,.fit-size-guide,.saved-chart,.size-chart-card,.model3d-step,.model3d-project-card,.model3d-package,.premium-note,.price-note) :is(h1,h2,h3,h4,strong,span,small,label,p,li,em,div){color:#F8EFEA!important;-webkit-text-fill-color:#F8EFEA!important}
html.md-dark body :is(.model3d-step-no,.model3d-stage-number,.model3d-count){background:#5B3541!important;color:#FFE4E7!important;-webkit-text-fill-color:#FFE4E7!important}
html.md-dark body :is(.model3d-empty,.model3d-next-step,.model3d-cost-card,.model3d-price-highlight,.model3d-cost-price){background:#392A2E!important;border-color:#76545D!important;color:#F8EFEA!important}
html.md-dark body :is(.model3d-empty,.model3d-next-step,.model3d-cost-card,.model3d-price-highlight,.model3d-cost-price) :is(p,small,strong,h2,h3,span){color:#F8EFEA!important;-webkit-text-fill-color:#F8EFEA!important}
html.md-dark body .model3d-page :is(.warn,.warning,.model3d-warning){background:#60482F!important;color:#FFF0D6!important;border-color:#947351!important}
html.md-dark body .model3d-page :is(.warn,.warning,.model3d-warning) *{color:#FFF0D6!important;-webkit-text-fill-color:#FFF0D6!important}
html.md-dark body :is(.btn,.btn-dark,.btn-lime,.package-btn):not(.btn-outline){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html.md-dark body :is(.model3d-hero,.currencies-page,.price-grid,.section.alt) :is(.kicker,.eyebrow){color:#EE8EA5!important;-webkit-text-fill-color:#EE8EA5!important}
html.md-dark body .model3d-page :is(.model3d-cost-card,.panel,.model3d-sidebar) :is(.muted,.small-text){color:#DCC2C4!important;-webkit-text-fill-color:#DCC2C4!important}


/* =========================================================
   MODYNOA — reforço final do modo escuro
   Padroniza cartões, hero, rodapé e áreas ainda ilegíveis.
   ========================================================= */
html.md-dark{
  --md-dark-bg:#211A1C;
  --md-dark-bg-2:#261E21;
  --md-dark-card:#302529;
  --md-dark-card-2:#3A2D31;
  --md-dark-stroke:#6B5058;
  --md-dark-stroke-soft:#7A5C64;
  --md-dark-ink:#F8EFEA;
  --md-dark-muted:#D9C4BC;
  --md-dark-kicker:#F0E1D3;
  --md-dark-yellow:#EFD98E;
  --md-dark-yellow-ink:#533D20;
}

/* Hero da home: remover fundo claro no modo escuro */
html.md-dark body .modynoa-editorial-hero,
html.md-dark body .hero.new-hero,
html.md-dark body .hero.new-hero.modynoa-editorial-hero{
  background:linear-gradient(180deg,#211A1C 0%, #281F22 100%)!important;
}
html.md-dark body .modynoa-editorial-hero .editorial-hero-copy h1,
html.md-dark body .modynoa-editorial-hero .editorial-hero-copy h1 em{
  color:var(--md-dark-ink)!important;
  -webkit-text-fill-color:var(--md-dark-ink)!important;
}
html.md-dark body .modynoa-editorial-hero .editorial-hero-copy>p,
html.md-dark body .modynoa-editorial-hero .editorial-hero-copy .eyebrow,
html.md-dark body .hero p{
  color:var(--md-dark-muted)!important;
  -webkit-text-fill-color:var(--md-dark-muted)!important;
}
html.md-dark body .modynoa-editorial-hero .hero-stage-shape-a{background:#443338!important;opacity:.78!important}
html.md-dark body .modynoa-editorial-hero .hero-stage-shape-b{background:#3A2B30!important;opacity:.72!important}

/* Kicker / eyebrow creme para não sumir */
html.md-dark body :is(.kicker,.eyebrow,.section .kicker,.offer-head-intro .kicker,.home-final .kicker,.model3d-hero .kicker,.currencies-page .kicker,.app-head .kicker,.premium-card .kicker,.premium-perfume-card .kicker){
  color:var(--md-dark-kicker)!important;
  -webkit-text-fill-color:var(--md-dark-kicker)!important;
}

/* Cartões padrão do modo escuro */
html.md-dark body :is(
  .panel,.card,.price-card,.premium-card,.premium-perfume-card,.mode-card,.fit-choice,.check,
  .how-step,.currencies-how,.currencies-explainer>div,.balance,.note,.metric,.look,
  .premium-note,.wardrobe-mini-hint,.size-choice,.size-recommendation,.fit-status,.fit-result,
  .fit-result-card,.fit-recommendation,.saved-chart,.size-chart-card,.model3d-cost-card,
  .model3d-main,.model3d-sidebar,.model3d-step,.model3d-project-card,.model3d-token-offer,
  .model3d-package,.premium-banner,.home-token-banner,.looks-empty-state,.fit-brief,
  .saved-mini-item,.model3d-saved-item,.kirvano-email-note,.account-card,.wardrobe-group,
  .wardrobe-slot,.price-grid .price-card,.credit-showcase,.gallery .look,.app-panel-main,
  .model3d-look-teaser
){
  background:var(--md-dark-card)!important;
  border-color:var(--md-dark-stroke)!important;
  color:var(--md-dark-ink)!important;
  box-shadow:none!important;
}

html.md-dark body :is(.how-step,.card,.price-card,.premium-card,.premium-perfume-card,.mode-card,.fit-choice,.wardrobe-group,.wardrobe-slot,.panel,.app-panel-main){
  background:linear-gradient(180deg,var(--md-dark-card),var(--md-dark-card-2))!important;
}

html.md-dark body :is(h1,h2,h3,h4,strong,.package-title,.section h2,.card h3,.how-step h3,.account-card h1,.look-info strong){
  color:var(--md-dark-ink)!important;
  -webkit-text-fill-color:var(--md-dark-ink)!important;
}
html.md-dark body :is(p,span,small,label,.lead,.muted,.small-text,.panel-intro,.check,.photo-label,.wardrobe-tip,.wardrobe-mini-hint p,.look-info p,.step p){
  color:var(--md-dark-muted)!important;
  -webkit-text-fill-color:var(--md-dark-muted)!important;
}

/* Inputs, áreas de upload e select boxes */
html.md-dark body :is(
  .input,input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select,
  .photo-field,.board-preview-holder,.how-photo,.how-duo,.prompt-explain,
  .logged-user-email,.model3d-selected,.model3d-selected-image,.model3d-saved-empty,
  .fit-panel .input,.fit-panel input,.fit-panel select
){
  background:#392A2E!important;
  border-color:var(--md-dark-stroke-soft)!important;
  color:var(--md-dark-ink)!important;
}
html.md-dark body select option{background:#392A2E!important;color:var(--md-dark-ink)!important}
html.md-dark body :is(input,textarea,select)::placeholder{color:#CDB6AE!important;opacity:1!important}

/* Media containers internos podem ser um pouco mais claros, mas nunca brancos puros */
html.md-dark body :is(.how-photo,.how-duo,.prompt-explain,.photo-field,.board-preview-holder){
  background:#F1E7DE!important;
  color:#4C3933!important;
  -webkit-text-fill-color:#4C3933!important;
}
html.md-dark body :is(.how-photo,.how-duo,.prompt-explain,.photo-field,.board-preview-holder) :is(p,span,small,strong,label){
  color:#4C3933!important;
  -webkit-text-fill-color:#4C3933!important;
}

/* Seleções e badges */
html.md-dark body :is(.badge,.premium-mini-badge,.status,.model3d-count,.model3d-step-no,.model3d-stage-number){
  background:#5B3541!important;
  border-color:#8E6671!important;
  color:#FFF1EE!important;
  -webkit-text-fill-color:#FFF1EE!important;
}
html.md-dark body :is(.mode-card.selected,.fit-choice.selected,.size-choice.primary,[data-input-choice].selected){
  background:linear-gradient(180deg,#4A363B,#533D42)!important;
  border-color:#CF4768!important;
}
html.md-dark body :is(.mode-card.selected,.fit-choice.selected,[data-input-choice].selected) :is(strong,p,span,small,label){
  color:#FFF6F4!important;
  -webkit-text-fill-color:#FFF6F4!important;
}

/* Checkboxes / chips */
html.md-dark body .check{background:#392A2E!important;border-color:var(--md-dark-stroke-soft)!important}
html.md-dark body .check input{accent-color:#C21840!important}

/* Botões */
html.md-dark body :is(.btn-lime,.btn-dark,.premium-package,.perfume-cta,.model3d-empty .btn,.fit-panel .btn-dark){
  background:#C21840!important;
  border-color:#C21840!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}
html.md-dark body :is(.btn-outline,.package-btn:not(.premium-package)){
  background:#3B2D31!important;
  border-color:var(--md-dark-stroke-soft)!important;
  color:var(--md-dark-ink)!important;
  -webkit-text-fill-color:var(--md-dark-ink)!important;
}

/* Faixas e avisos amarelos: texto escuro legível */
html.md-dark body :is(.alert-pastel-yellow,.warn,.warning,.model3d-warning,.kirvano-email-note){
  background:var(--md-dark-yellow)!important;
  border-color:#D1B25A!important;
  color:var(--md-dark-yellow-ink)!important;
}
html.md-dark body :is(.alert-pastel-yellow,.warn,.warning,.model3d-warning,.kirvano-email-note) :is(strong,p,span,small,div,label){
  color:var(--md-dark-yellow-ink)!important;
  -webkit-text-fill-color:var(--md-dark-yellow-ink)!important;
}
html.md-dark body .kirvano-note-icon{background:#E0B93F!important;color:#543A11!important}

/* Área de créditos no app */
html.md-dark body .balance strong,
html.md-dark body [data-credit-balance]{
  color:var(--md-dark-ink)!important;
  -webkit-text-fill-color:var(--md-dark-ink)!important;
}

/* Tabela / box branco de fit e conta */
html.md-dark body :is(.saved-chart,.fit-import-card,.saved-chart option,.account-card .note,.fit-mini-panel,.fit-output,.fit-panel .fit-status){
  background:var(--md-dark-card)!important;
  border-color:var(--md-dark-stroke)!important;
}

/* Rodapé */
html.md-dark body .footer{
  border-color:var(--md-dark-stroke)!important;
  color:var(--md-dark-muted)!important;
}
html.md-dark body .footer :is(p,a,span){
  color:var(--md-dark-muted)!important;
  -webkit-text-fill-color:var(--md-dark-muted)!important;
}
html.md-dark body .footer a:hover{color:var(--md-dark-ink)!important;-webkit-text-fill-color:var(--md-dark-ink)!important}

/* Logo: sem caixa clara; usa versão creme transparente */
html.md-dark body .logo-wordmark{filter:none!important}
html.md-dark body .logo-wordmark-link,
html.md-dark body .footer-logo{background:transparent!important}

/* Seções alt */
html.md-dark body .section.alt,
html.md-dark body #oferta,
html.md-dark body #como,
html.md-dark body .home-final,
html.md-dark body .app-page,
html.md-dark body .currencies-page,
html.md-dark body .model3d-page{
  background:transparent!important;
}

/* Aviso de teste privado - somente nesta compilação */
.private-sale-test-banner{padding:9px 15px;text-align:center;background:#F3E2B8;color:#523425;font:700 .78rem system-ui,sans-serif;letter-spacing:.025em;border-bottom:1px solid #D9BC83}html.md-dark .private-sale-test-banner{background:#49352D;color:#F9EAD6;border-color:#806456}button[disabled]{cursor:not-allowed;opacity:.58}button[disabled]:hover{transform:none}