/* MODYNOA • Unificação final de identidade (25/10/2026)
   Apenas apresentação: sem substituição de lógica, dados, campos ou integrações.
   Padroniza as áreas que ainda tinham o visual antigo. */
:root {
 --md-bg: #F8F1EB;
 --md-paper:#FFFAF6;
 --md-paper-alt:#FBF1E8;
 --md-border:#E5D2C6;
 --md-ink:#292522;
 --md-body:#554A43;
 --md-soft:#7A655B;
 --md-brand:#90051F;
 --md-hover:#75051B;
 --md-yellow:#FFF0B8;
 --md-blue:#DCEEF7;
 --md-radius:18px;
 --md-shadow:0 14px 44px rgba(91,62,47,.055);
}
html,body{background:var(--md-bg)!important;color:var(--md-ink)!important}
body,.app-page,.perfume-main,.perfume-page,.model3d-page,.currencies-page{color:var(--md-ink)!important}
.section.alt{background:#F2E7DE!important}
.section:not(.alt){background:var(--md-bg)!important}
.topbar{background:rgba(255,250,247,.98)!important}
/* Cabeçalhos iguais nas páginas de créditos, tokens, Fit ID, perfumaria e 3D. */
.currencies-page h1,.app-head h1,.model3d-hero h1,.perfume-page-header h1,
.fit-import-grid h2,.price-card h2,.price-card h3,.app-head h2,
.model3d-section-title h2{color:var(--md-ink)!important;-webkit-text-fill-color:var(--md-ink)!important}
.currencies-page .kicker,.app-page .kicker,.perfume-page .kicker,.model3d-page .kicker,
#como .kicker,#oferta .kicker{color:var(--md-brand)!important}
.currencies-page p,.app-head p,.model3d-hero p,.model3d-section-title p,.model3d-next-step p,
.model3d-roadmap small,.fit-import-grid p,.perfume-page-header p{
 color:var(--md-body)!important;
}
/* Superfícies: mesmo tom de papel, borda delicada e arredondamento. */
.app-page .panel,.model3d-page .panel,.currencies-page .price-card,
#como .how-step,#oferta .price-card,.perfume-page .perfume-card,
.currencies-page .currencies-how,.currencies-explainer>div,
.model3d-page .model3d-selected,.model3d-page .model3d-next-step,
.model3d-page .model3d-saved-item,.app-page .fit-panel,
.app-page .premium-card,.app-page .wardrobe-group{
 background:var(--md-paper)!important;
 color:var(--md-ink)!important;
 border:1px solid var(--md-border)!important;
 border-radius:var(--md-radius)!important;
 box-shadow:var(--md-shadow)!important;
}
/* As duas áreas de ofertas passam a usar o mesmo cartão do exemplo claro. */
#oferta .price-card,.currencies-page .price-card{padding:clamp(20px,2.3vw,29px)!important}
#oferta .price-card .ribbon,.currencies-page .price-card .ribbon{
 background:#F5E3DB!important;border:1px solid #E9C9C0!important;
 border-radius:7px!important;color:var(--md-brand)!important;
 font-size:.75rem!important;font-weight:800!important;letter-spacing:.055em!important;
}
#oferta .price-card .price,.currencies-page .price-card .price{
 color:var(--md-brand)!important;font-weight:850!important;
}
#oferta .price-card li,.currencies-page .price-card p{color:#4D413B!important}
#oferta .price-card.featured,.currencies-page .price-card.featured{border:2px solid var(--md-brand)!important}
/* Moedas permanecem disponíveis no saldo, mas sem estampas decorativas gigantes nos títulos. */
.currencies-page .currency-page-coin,.currencies-page .currency-coin{display:none!important}
/* Cards do Meu modelo 3D harmonizados com o restante do app. */
.model3d-page .model3d-look,.model3d-page .model3d-mode,
.model3d-page .model3d-project-status,.model3d-page .model3d-photo-board,
.model3d-page .model3d-usage-guide,.model3d-page .model3d-token-offer{
 background:var(--md-paper-alt)!important;border-color:var(--md-border)!important;
 color:var(--md-ink)!important;
}
.model3d-page .model3d-mode.selected,.model3d-page .model3d-look.selected{
 background:#FCEDEC!important;border-color:var(--md-brand)!important;
}
.model3d-page .model3d-mode strong,.model3d-page .model3d-selected-text h3,
.model3d-page .model3d-next-step h3,.model3d-page .model3d-roadmap h3,
.model3d-page .model3d-roadmap strong,.model3d-page .model3d-saved-item strong{
 color:var(--md-ink)!important;
}
.model3d-page .model3d-mode small,.model3d-page .model3d-selected-text p,
.model3d-page .model3d-roadmap p,.model3d-page .model3d-look small{
 color:var(--md-body)!important;
}
.model3d-page .model3d-photo-upload{
 background:#F9E9DD!important;border:2px dashed #D7A999!important;
 color:#3C2E2A!important;border-radius:18px!important;
}
.model3d-page .model3d-photo-upload strong{color:#392A28!important}
.model3d-page .model3d-photo-upload small{color:#655248!important}
/* O ajuste da peça no Meus Looks também usa o mesmo padrão. */
.app-page .wardrobe-builder .wardrobe-group,
.app-page .wardrobe-builder .wardrobe-slot,.app-page .fit-choice-grid .fit-choice{
 background:#FFFAF6!important;border:1px solid var(--md-border)!important;
 color:var(--md-ink)!important;
}
.app-page .wardrobe-builder .wardrobe-slot .photo-field{
 background:#FBEEE6!important;border:1.5px dashed #D2AE9B!important;
}
.app-page .wardrobe-builder .wardrobe-slot label,
.app-page .fit-choice-grid .fit-choice span,
.app-page .wardrobe-builder .wardrobe-slot p{color:var(--md-body)!important}
.app-page .fit-choice-grid .fit-choice.selected{
 background:#FCEDEC!important;border-color:var(--md-brand)!important;
}
/* Avisos devem ser amarelo-manteiga, confirmação azul-pastel. */
.alert-pastel-yellow,.warn,.model3d-feature-lock,.kirvano-email-note{
 background:var(--md-yellow)!important;border-color:#DCC475!important;color:#493521!important;
}
.success,.model3d-project-status{color:#24506A!important}
/* Botões de compra e ações — vinho. */
.btn-lime,.btn[data-buy],.currencies-page .btn:not(.btn-outline):not(.btn-dark),
.model3d-page .btn-lime{
 background:var(--md-brand)!important;border:1px solid var(--md-brand)!important;
 color:#FFF!important;
}
.btn-lime:hover,.btn[data-buy]:hover{background:var(--md-hover)!important}
/* Contraste nos perfumes — mantém a coleção e o resultado escuros, com texto CLARO. */
.perfume-page .perfume-header-stat,.perfume-main .perfume-winner,
.perfume-main .perfume-recommendation,.perfume-main .premium-perfume-card{
 background:linear-gradient(135deg,#31503C,#203B2D)!important;
 color:#FFF!important;border-color:#55735E!important;
}
.perfume-page .perfume-header-stat span,.perfume-page .perfume-header-stat small,
.perfume-main .perfume-winner :is(p,small,span,strong,h1,h2,h3),
.perfume-main .perfume-recommendation :is(p,small,span,strong,h1,h2,h3),
.perfume-main .premium-perfume-card :is(p,small,span,strong,h1,h2,h3){
 color:#F8FCF7!important;-webkit-text-fill-color:#F8FCF7!important;
}
.perfume-main .perfume-occasion,.perfume-main .perfume-occasion :is(span,strong,label){
 color:#FFF!important;
}
/* Não sacrificar acessibilidade nem altura dos campos. */
input:not([type=checkbox]):not([type=radio]):not([type=file]),
select,textarea{font-size:16px}
:where(button,a,input,select,textarea):focus-visible{
 outline:3px solid rgba(144,5,31,.46)!important;outline-offset:3px!important;
}
/* HERO: imagem completa, sem crop automático nem adesivo sobre as fotos. */
.modynoa-editorial-hero{background:linear-gradient(120deg,#F8F1EB,#F3E7DD)!important}
.modynoa-editorial-hero .editorial-hero-inner{
 grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
 gap:clamp(22px,3vw,42px)!important;
 align-items:center!important;
}
.modynoa-editorial-hero .editorial-hero-art{
 width:100%;height:auto!important;aspect-ratio:850 / 675;
 max-width:none!important;min-width:0;
 border-radius:22px!important;
 background:#F3E7DD!important;
 box-shadow:0 14px 42px rgba(80,45,30,.09)!important;
 overflow:hidden!important;
}
.modynoa-editorial-hero .editorial-hero-art img{
 position:absolute;inset:0;width:100%!important;height:100%!important;
 object-fit:contain!important;object-position:center center!important;
}
.modynoa-editorial-hero .editorial-hero-copy{min-width:0!important}
.modynoa-editorial-hero .editorial-label{display:none!important}
@media(max-width:850px){
 .modynoa-editorial-hero .editorial-hero-inner{grid-template-columns:1fr!important;gap:10px!important}
 .modynoa-editorial-hero .editorial-hero-art{max-width:680px!important;margin-inline:auto}
}
@media(max-width:600px){
 .modynoa-editorial-hero .editorial-hero-copy{padding:20px 0!important}
 .modynoa-editorial-hero .editorial-hero-art{border-radius:18px!important}
 .model3d-page .model3d-input-grid{grid-template-columns:1fr!important}
}


/* ===== Entrega final: hero + card palette + perfumes readable ===== */
:root{
  --mody-cream:#FCF7F1;
  --mody-cream-2:#F6EDE4;
  --mody-surface:#FFFBF7;
  --mody-line:#E8D8CC;
  --mody-text:#2F2723;
  --mody-muted:#6D5A52;
  --mody-wine:#A6062D;
  --mody-wine-deep:#870523;
  --mody-green:#355742;
  --mody-green-deep:#254030;
  --mody-green-soft:#EAF0E7;
}
body{background:var(--mody-cream)!important;color:var(--mody-text)!important}

/* Hero */
.modynoa-editorial-hero{background:linear-gradient(180deg,var(--mody-cream) 0%,#F6ECE3 100%)!important;padding:18px 0 34px!important}
.modynoa-editorial-hero .editorial-hero-shell{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(500px,1.2fr);gap:34px;align-items:center;min-height:620px}
.modynoa-editorial-hero .editorial-hero-copy{padding:18px 0 18px 6px;min-width:0!important}
.modynoa-editorial-hero .editorial-hero-copy .eyebrow{font-size:1.04rem;letter-spacing:.16em;color:#9A765F;font-weight:700;margin-bottom:18px}
.modynoa-editorial-hero .editorial-hero-copy h1{font-size:clamp(3.1rem,5.8vw,5.55rem);line-height:.94;letter-spacing:-.06em;color:#2B221D;margin:0 0 20px}
.modynoa-editorial-hero .editorial-hero-copy p{max-width:520px;color:var(--mody-muted)!important;font-size:1.14rem;line-height:1.58;margin:0 0 30px}
.modynoa-editorial-hero .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:0}
.modynoa-editorial-hero .hero-cta .btn{border-radius:999px;padding:15px 28px;font-size:1.02rem;box-shadow:none!important}
.modynoa-editorial-hero .hero-cta .btn.btn-lime{background:linear-gradient(135deg,var(--mody-wine),#C20C3A)!important;border:1px solid var(--mody-wine-deep)!important;color:#fff!important}
.modynoa-editorial-hero .hero-cta .btn.btn-lime:hover{filter:brightness(.98)}
.modynoa-editorial-hero .editorial-hero-stage{position:relative;min-height:620px;overflow:hidden;border-radius:0;background:transparent!important;box-shadow:none!important}
.modynoa-editorial-hero .hero-stage-shape{position:absolute;border-radius:999px;background:rgba(229,205,188,.55);filter:blur(.1px)}
.modynoa-editorial-hero .hero-stage-shape-a{width:74%;height:92%;right:-15%;top:4%}
.modynoa-editorial-hero .hero-stage-shape-b{width:56%;height:52%;left:16%;bottom:-10%;background:rgba(238,218,202,.9)}
.modynoa-editorial-hero .hero-stage-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center right;display:block}
.modynoa-editorial-hero .editorial-label,.modynoa-editorial-hero .editorial-hero-trust{display:none!important}
@media(max-width:1080px){.modynoa-editorial-hero .editorial-hero-shell{grid-template-columns:1fr;gap:10px;min-height:auto}.modynoa-editorial-hero .editorial-hero-copy{padding-top:10px}.modynoa-editorial-hero .editorial-hero-stage{min-height:480px}}
@media(max-width:640px){.modynoa-editorial-hero{padding:10px 0 22px!important}.modynoa-editorial-hero .editorial-hero-copy h1{font-size:clamp(2.5rem,12vw,3.8rem)}.modynoa-editorial-hero .editorial-hero-copy p{font-size:1rem}.modynoa-editorial-hero .editorial-hero-stage{min-height:330px}}

/* App right rail standardized to perfume page palette */
.app-page .premium-rail .balance,
.app-page .premium-rail .premium-card,
.app-page .premium-rail .model3d-look-teaser,
.app-page .premium-rail .premium-perfume-card{background:var(--mody-surface)!important;border:1px solid var(--mody-line)!important;box-shadow:0 14px 34px rgba(88,59,44,.06)!important;color:var(--mody-text)!important}
.app-page .premium-rail .balance strong,.app-page .premium-rail h2,.app-page .premium-rail h3{color:var(--mody-text)!important}
.app-page .premium-rail .small-text,.app-page .premium-rail p,.app-page .premium-rail .muted{color:var(--mody-muted)!important}
.app-page .premium-rail .kicker{color:var(--mody-wine)!important}
.app-page .premium-rail .package-title{margin-bottom:6px}
.app-page .premium-rail .package-buttons .btn{width:100%;margin-top:0;background:linear-gradient(135deg,var(--mody-wine),#C00A39)!important;border:1px solid var(--mody-wine-deep)!important;color:#fff!important;box-shadow:none!important}
.app-page .premium-rail .btn.btn-outline,.app-page .premium-rail .btn.btn-dark{background:#F4EAE0!important;border:1px solid #D8C2B1!important;color:#6A4A3B!important;box-shadow:none!important}
.app-page .premium-rail .btn.btn-outline:hover,.app-page .premium-rail .btn.btn-dark:hover{background:#EFE2D5!important}
.app-page .premium-rail .premium-perfume-card .perfume-cta,.app-page .premium-rail .premium-perfume-card .btn{background:linear-gradient(135deg,var(--mody-wine),#C00A39)!important;border:1px solid var(--mody-wine-deep)!important;color:#fff!important;border-radius:14px!important}
.app-page .premium-rail .premium-perfume-card p{line-height:1.65}

/* Perfume page */
.perfume-page{padding-top:28px!important}
.perfume-page .panel,.perfume-page .perfume-list-item{background:var(--mody-surface)!important;border:1px solid var(--mody-line)!important;color:var(--mody-text)!important;box-shadow:0 14px 34px rgba(88,59,44,.06)!important}
.perfume-page .kicker,.perfume-page .perfume-list-header .kicker{color:var(--mody-wine)!important}
.perfume-page .perfume-page-header h1,.perfume-page h2,.perfume-page h3{color:var(--mody-text)!important;-webkit-text-fill-color:var(--mody-text)!important}
.perfume-page .perfume-page-header p,.perfume-page .small-text,.perfume-page .muted,.perfume-page .perfume-disclaimer{color:var(--mody-muted)!important}
.perfume-page .perfume-header-stat{background:linear-gradient(135deg,var(--mody-green),var(--mody-green-deep))!important;border:1px solid #4B6E58!important;box-shadow:none!important}
.perfume-page .perfume-header-stat span,.perfume-page .perfume-header-stat small{color:#F2FBEE!important}
.perfume-page .perfume-header-stat strong{color:#D7ECFF!important}
.perfume-page .perfume-recommendation{background:linear-gradient(135deg,#315640,#234031)!important;border:1px solid #4E705A!important;box-shadow:none!important}
.perfume-page .perfume-recommendation .kicker,.perfume-page .perfume-recommendation h2,.perfume-page .perfume-recommendation label,.perfume-page .perfume-recommendation p,.perfume-page .perfume-recommendation span,.perfume-page .perfume-recommendation small{color:#F8FDF6!important;-webkit-text-fill-color:unset!important}
.perfume-page .perfume-recommendation .input{background:#FFFDFB!important;border:1px solid #D9E5D6!important;color:#2E2B28!important}
.perfume-page .perfume-recommendation .input::placeholder{color:#8E8B87!important}
.perfume-page .perfume-context-note{background:var(--mody-green-soft)!important;border:1px solid #D2DFCE!important;color:#33443A!important;border-radius:14px;padding:14px 16px!important}
.perfume-page .perfume-context-note strong{color:#23382A!important}
.perfume-page .perfume-winner{background:rgba(255,255,255,.06)!important;border:1px solid rgba(224,236,219,.26)!important;border-radius:20px!important}
.perfume-page .perfume-winner :is(.perfume-winner-mark,.perfume-winner-name,.perfume-winner-brand,p,small){color:#FFFFFF!important}
.perfume-page .perfume-winner-tags span{background:rgba(255,255,255,.10)!important;border:1px solid rgba(238,245,234,.34)!important;color:#F5FFE9!important}
.perfume-page .perfume-form-panel p,.perfume-page .perfume-form-panel label,.perfume-page .perfume-list-item p,.perfume-page .perfume-list-item small{color:var(--mody-muted)!important}
.perfume-page .perfume-form-panel .input{background:#FFFCF9!important;border:1px solid #DCCABD!important;color:var(--mody-text)!important}
.perfume-page .perfume-form-panel .input::placeholder{color:#A5968C!important}
.perfume-page .perfume-occations{gap:10px!important}
.perfume-page .perfume-occasion{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#2F5340!important;border:1px solid #446A55!important;color:#FFFFFF!important;font-weight:600}
.perfume-page .perfume-occasion span{color:#FFFFFF!important}
.perfume-page .perfume-occasion input{accent-color:#E7F1E2}
.perfume-page .perfume-score{background:#F8EFE6!important;border:1px solid #E0CFC2!important;border-radius:14px;padding:12px 15px}
.perfume-page .perfume-score strong{color:var(--mody-wine)!important}
.perfume-page .perfume-form-actions .btn.btn-lime{background:linear-gradient(135deg,var(--mody-wine),#C00A39)!important;border:1px solid var(--mody-wine-deep)!important;color:#fff!important}
.perfume-page .perfume-form-actions .btn.btn-dark{background:#F4EAE0!important;border:1px solid #D8C2B1!important;color:#6A4A3B!important}
.perfume-page .perfume-list-actions button{color:var(--mody-wine)!important}