/* OASIS · Capa global de identidad visual
   Toda la interfaz usa la paleta derivada de Configuración general.
   Los colores propios del contenido (fotos, diseños y muestras de esmaltes) no se alteran. */
:root{
  --theme-text:color-mix(in srgb,var(--brand) 18%,#172033);
  --theme-muted:color-mix(in srgb,var(--brand) 13%,#667085);
  --theme-surface:#fff;
  --theme-surface-soft:color-mix(in srgb,var(--brand) 4%,#fff);
  --theme-surface-mid:color-mix(in srgb,var(--brand) 8%,#fff);
  --theme-line:var(--border-brand);
  --theme-shadow:0 14px 40px rgba(var(--brand-rgb),.10);
}
html,body{background:var(--bg)!important;color:var(--theme-text)}
body,button,input,select,textarea{accent-color:var(--brand)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--brand-light)!important}

/* Sitio institucional */
.section:not(.section-dark),.faq-section{background:var(--bg)!important}
.services-section{background:var(--theme-surface-mid)!important}
.section-title>span,.eyebrow,.service-card span,.footer-brand span,.inline-wa,.stars{color:var(--brand-light)!important}
.section-title p,.info-card p,.testimonial footer,.faq-list p{color:var(--theme-muted)!important}
.info-card,.testimonial,.faq-list details{background:var(--theme-surface)!important;border-color:var(--theme-line)!important;box-shadow:var(--theme-shadow)!important}
.info-card .icon{border-color:var(--brand-light)!important;color:var(--brand)!important;background:var(--soft)}
.btn-gold{background:linear-gradient(135deg,var(--brand-light),var(--brand))!important;color:var(--brand2)!important;box-shadow:0 10px 30px rgba(var(--brand-rgb),.22)!important}
.btn-outline{border-color:color-mix(in srgb,var(--brand-light) 72%,transparent)!important;background:color-mix(in srgb,var(--brand2) 72%,transparent)!important;color:#fff!important}
.site-header{background:color-mix(in srgb,var(--sidebar) 92%,transparent)!important;border-bottom-color:color-mix(in srgb,var(--brand-light) 14%,transparent)!important}
.nav a:hover{color:var(--brand-light)!important}
.nav.open{background:var(--sidebar)!important;border-color:var(--border-brand)!important}
.hero{background-image:linear-gradient(90deg,color-mix(in srgb,var(--sidebar) 96%,transparent) 0%,color-mix(in srgb,var(--brand2) 82%,transparent) 48%,color-mix(in srgb,var(--brand) 58%,transparent) 100%),url('https://images.unsplash.com/photo-1540555700478-4be289fbecef?auto=format&fit=crop&w=1900&q=84')!important}
.hero:after{background:radial-gradient(ellipse at center,rgba(var(--brand-rgb),.30),transparent 68%)!important}
.hero-glow{border-color:rgba(var(--brand-rgb),.22)!important;box-shadow:inset 0 0 80px rgba(var(--brand-rgb),.10)!important}
.hero-copy>p,.lead-card>p,.promo p,.final-grid>div>p,.final-points{color:color-mix(in srgb,var(--brand) 12%,#eef7f6)!important}
.trust-row{color:color-mix(in srgb,var(--brand-light) 45%,#d9e7e6)!important}
.lead-card,.final-form{border-color:var(--border-brand)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 34%,#101828),color-mix(in srgb,var(--brand) 16%,#101828))!important}
.lead-form input,.lead-form select{border-color:color-mix(in srgb,var(--brand-light) 48%,transparent)!important;background:color-mix(in srgb,var(--brand) 30%,#101828)!important}
.lead-form input:focus,.lead-form select:focus{border-color:var(--brand-light)!important;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.15)!important}
.service-card:after{background:linear-gradient(180deg,transparent 35%,color-mix(in srgb,var(--brand) 18%,#101828) 100%)!important}
.promo{background-image:linear-gradient(90deg,color-mix(in srgb,var(--brand) 18%,#101828),color-mix(in srgb,var(--brand) 82%,transparent)),radial-gradient(circle at 25% 50%,rgba(var(--brand-rgb),.30),transparent 35%)!important}
.promo-badge{border-color:var(--brand-light)!important;color:var(--brand-light)!important}
.final-cta{background-image:linear-gradient(115deg,color-mix(in srgb,var(--brand) 16%,#101828),color-mix(in srgb,var(--brand) 76%,transparent)),url('https://images.unsplash.com/photo-1544161515-4ab6ce6db874?auto=format&fit=crop&w=1800&q=82')!important}
.footer{background:var(--sidebar)!important;border-top-color:color-mix(in srgb,var(--brand-light) 36%,transparent)!important}
.footer-links a:hover{color:var(--brand-light)!important}
.floating-wa{background:var(--brand)!important;color:var(--brand-contrast)!important;box-shadow:0 12px 30px rgba(var(--brand-rgb),.30)!important}

/* Simuladores: peluquería, barbería, pestañas, cejas y uñas */
.hair-page,.lash-page,.nail-page{background:var(--bg)!important;color:var(--theme-text)!important}
.hair-tools,.hair-stage-panel,.lash-tools,.lash-stage-panel,.nail-tools,.nail-stage-panel,.sim-sidecar{background:var(--theme-surface)!important;border-color:var(--theme-line)!important;box-shadow:var(--theme-shadow)!important}
.hair-card,.lash-card,.nail-card,.sim-thumbs-card,.sim-chat-card{background:linear-gradient(180deg,#fff,var(--theme-surface-soft))!important;border-color:var(--theme-line)!important}
.hair-kicker,.lash-kicker,.nail-kicker,.hair-stage-head span,.lash-stage-head span,.nail-stage-head span,.sim-card-head span,.sim-modal-head div span{color:var(--brand-light)!important}
.hair-tools h1,.hair-card h2,.hair-stage-head strong,.hair-empty h2,.hair-disabled h1,
.lash-tools h1,.lash-card h2,.lash-stage-head strong,.lash-empty h2,.lash-disabled h1,
.nail-tools h1,.nail-card h2,.nail-stage-head strong,.nail-empty h2,.nail-disabled h1,
.sim-card-head strong,.sim-modal-head div strong,.sim-modal-close,.sim-quote-result h3,.sim-quote-metric strong{color:var(--brand2)!important}
.hair-photo-actions button:first-child,.hair-color.is-active,.hair-apply,
.lash-photo-actions button:first-child,.lash-color.is-active,.lash-apply,
.nail-photo-actions button:first-child,.nail-color.is-active,.nail-apply,
.sim-chat-bubble.is-user,.sim-chat-form button,.sim-quote-actions .is-primary{background:var(--brand)!important;color:var(--brand-contrast)!important;border-color:var(--brand)!important}
.hair-request,.lash-request,.nail-request,.sim-quote-launch{background:var(--brand-light)!important;color:var(--brand2)!important;border-color:var(--brand-light)!important}
.hair-stage,.lash-stage,.nail-stage,.sim-modal-dialog,.sim-quote-dialog{background:radial-gradient(circle at 50% 35%,#fff 0,var(--theme-surface-mid) 62%,var(--soft) 100%)!important;border-color:var(--theme-line)!important}
.hair-stage video,.hair-stage img,.lash-stage video,.lash-stage img,.nail-stage video,.nail-stage img,.sim-thumb-frame,.sim-modal-image{background:var(--theme-surface-mid)!important}
.hair-loading,.lash-loading,.nail-loading,.sim-modal,.sim-quote-modal{background:color-mix(in srgb,var(--sidebar) 82%,transparent)!important}
.hair-loading span,.lash-loading span,.nail-loading span{border-top-color:var(--brand-light)!important}
.sim-chat-bubble.is-assistant,.sim-quote-metric{background:var(--soft)!important;color:var(--theme-text)!important}
.sim-thumb,.sim-chat-form textarea,.sim-quote-grid input,.sim-quote-grid select,.sim-quote-actions button,.sim-modal-head,.sim-modal-image>span,.sim-quote-result{border-color:var(--theme-line)!important}

/* Diseñador de uñas: sólo la interfaz; los colores elegidos para las uñas se preservan. */
:root{
  --n14-primary:var(--brand)!important;
  --n14-primary-dark:var(--brand2)!important;
  --n14-accent:var(--brand-light)!important;
  --n14-bg:var(--bg)!important;
  --n14-panel:#fff!important;
  --n14-text:var(--theme-text)!important;
  --n14-muted:var(--theme-muted)!important;
  --n14-border:var(--theme-line)!important;
  --n14-card:var(--theme-surface-soft)!important;
  --n14-card-2:#fff!important;
  --n14-shadow:var(--theme-shadow)!important;
}
body.n14-page,.n14-main{background:var(--bg)!important;color:var(--theme-text)!important}
.n14-editor{background:var(--theme-surface-mid)!important}
.n14-section{border-color:var(--theme-line)!important;background:linear-gradient(180deg,#fff,var(--theme-surface-soft))!important}
.n14-choice,.n14-scope,.n14-art-choice,.n14-colors,.n14-color-custom,.n14-free-art input,.n14-check{border-color:var(--theme-line)!important}
.n14-choice.is-active,.n14-scope.is-active,.n14-art-choice.is-active,.n14-step{background:var(--brand)!important;color:var(--brand-contrast)!important;border-color:var(--brand)!important}
.n14-selected{background:var(--soft)!important;color:var(--brand2)!important}
.n14-hand{border-color:var(--theme-line)!important;background:linear-gradient(180deg,#fff,var(--theme-surface-mid))!important}
.n14-hand-title,.n14-finger small{color:var(--theme-muted)!important}

/* Catálogo público de simuladores y componentes genéricos */
.simulator-card,.sim-card,.catalog-card,.public-card{border-color:var(--theme-line)!important;box-shadow:var(--theme-shadow)!important}