/* Página do Klugwerk Salon no site (produto em desenvolvimento). */
:root { --salon: #b4467f; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --salon: #e58ab8; } }
:root[data-theme="dark"] { --salon: #e58ab8; }
.selo-breve { display: inline-block; margin-left: 0.5rem; padding: 0.15rem 0.6rem; border-radius: 999px; background: var(--salon); color: #fff; font-size: 0.78rem; font-weight: 700; vertical-align: middle; letter-spacing: 0.02em; }
.servico .selo-breve { margin: 0 0 0 0.35rem; font-size: 0.72rem; }
.salon-breve { border: 0; border-radius: 14px; padding: 0; max-width: min(30rem, calc(100vw - 2rem)); background: var(--superficie); color: var(--tinta); box-shadow: 0 20px 60px rgba(0,0,0,.3); }
.salon-breve::backdrop { background: rgba(10, 16, 28, 0.55); }
.salon-breve form { padding: 1.5rem; display: grid; gap: 0.8rem; position: relative; }
.salon-breve h2 { margin: 0; font-family: var(--f-display); font-size: 1.5rem; }
.salon-breve p { margin: 0; line-height: 1.5; }
.salon-breve .acoes { display: flex; gap: 0.6rem; flex-wrap: wrap; margin-top: 0.4rem; }
.salon-breve-fechar { position: absolute; top: 0.6rem; right: 0.6rem; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--papel); color: var(--tinta); font-size: 1.6rem; cursor: pointer; line-height: 1; }
.faixa-servicos svg.kw-k, .servico-link h3 svg.kw-k, .sobretitulo svg.kw-k { stroke: none; width: 1.3em; height: 1.3em; }
.servico-link h3 .kw-produto { gap: 0.45rem; }
.kw-produto.salon em { color: var(--salon); }
.combo-salon { margin: 0.2rem 0 0; color: var(--aco); }
.combo-salon b { color: var(--tinta); }
.combo-salon em, .modulo-preco em { font-family: "Instrument Serif", Georgia, serif; font-style: italic; }