/* =====================================================================
   Detalhes no estilo das artes do Espaço Hair:
   titulos grossos em maiusculas com brilho, assinatura cursiva,
   aneis neon rosa (como os destaques do Instagram) e figurinhas da Nathy.
   ===================================================================== */

/* titulos: Montserrat grossa, maiuscula, com brilho rosa suave */
body.client .section-head h2 {
  font-family: "Montserrat", sans-serif; font-weight: 800; text-transform: uppercase;
  font-size: 1.12rem; letter-spacing: .04em;
  text-shadow: 0 0 18px rgba(255, 79, 224, .35);
}
body.client .section-head h2 small {
  font-family: "Montserrat", sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .14em;
  font-size: .68rem; color: var(--gold-light); margin-bottom: 4px; text-shadow: 0 0 10px rgba(255, 79, 224, .45);
}
body.client .hero h2 {
  font-family: "Montserrat", sans-serif; font-weight: 900; text-transform: uppercase;
  font-size: 1.55rem; line-height: 1.12; letter-spacing: .01em;
  text-shadow: 0 0 22px rgba(255, 79, 224, .45), 0 2px 14px rgba(0, 0, 0, .5);
}
body.client .hero h2 em { font-style: normal; color: #fff; -webkit-text-stroke: 0; background: linear-gradient(90deg, #ffb8f0, #ff4fe0); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
body.client :is(.svc-hero .t h2, .ticket .top h2) { font-family: "Montserrat", sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .02em; }
body.client .svc-hero .t h2 { font-size: 1.45rem; text-shadow: 0 0 20px rgba(255, 79, 224, .45); }
body.client .feature .info b { font-family: "Montserrat", sans-serif; font-weight: 800; text-transform: uppercase; font-size: 1.1rem; }
body.client .appbar h1, body.client .card h3 { font-family: "Montserrat", sans-serif; font-weight: 700; }
body.client h2.serif { font-family: "Montserrat", sans-serif !important; font-weight: 800 !important; text-transform: uppercase; font-size: 1.35rem !important; text-shadow: 0 0 18px rgba(255, 79, 224, .35); }

/* ---------- anel neon (igual aos destaques do Instagram) ---------- */
.neon-cats { display: flex; gap: 16px; overflow-x: auto; padding: 8px 16px 6px; margin: 0 -16px; scrollbar-width: none; }
.neon-cats::-webkit-scrollbar { display: none; }
.neon-cat { flex: 0 0 auto; width: 84px; display: flex; flex-direction: column; align-items: center; gap: 8px; background: none; border: 0; padding: 0; cursor: pointer; color: var(--text); }
.neon-ring {
  width: 76px; height: 76px; border-radius: 50%; padding: 4px; position: relative;
  background: radial-gradient(circle at 50% 50%, #5a15b8 55%, #2a0870 100%);
  border: 3px solid #ff7be9;
  box-shadow: 0 0 6px #ff4fe0, 0 0 18px rgba(255, 79, 224, .75), 0 0 34px rgba(214, 51, 255, .45), inset 0 0 10px rgba(255, 79, 224, .7);
  transition: transform .2s, box-shadow .2s;
}
.neon-ring img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.neon-cat:hover .neon-ring, .neon-cat:active .neon-ring { transform: scale(1.05); box-shadow: 0 0 8px #ff4fe0, 0 0 26px rgba(255, 79, 224, .9), 0 0 44px rgba(214, 51, 255, .6), inset 0 0 12px rgba(255, 79, 224, .8); }
.neon-cat b { font-family: "Montserrat", sans-serif; font-weight: 800; font-size: .7rem; text-transform: uppercase; letter-spacing: .04em; text-align: center; line-height: 1.15; text-shadow: 0 0 10px rgba(255, 79, 224, .6); }
@media (prefers-reduced-motion: no-preference) {
  .neon-ring { animation: neonPulse 3.2s ease-in-out infinite; }
  @keyframes neonPulse { 50% { box-shadow: 0 0 8px #ff4fe0, 0 0 24px rgba(255, 79, 224, .9), 0 0 40px rgba(214, 51, 255, .55), inset 0 0 12px rgba(255, 79, 224, .8); } }
}

/* foto da Nathaly com anel neon */
body.client .pro-card img { border: 3px solid #ff7be9; box-shadow: 0 0 6px #ff4fe0, 0 0 18px rgba(255, 79, 224, .7); }

/* chips e cards de vidro lilas (como os paineis das artes) */
body.client .hl-row .chip-glass svg { color: #ffb8f0; }

/* ---------- depoimentos (clientes satisfeitas) ---------- */
.testi {
  width: 82%; max-width: 320px; margin: 0; padding: 18px 16px 14px; border-radius: 22px; position: relative; display: flex; flex-direction: column;
  background: var(--glass); border: 1px solid var(--glass-border); box-shadow: var(--glass-hi), var(--shadow-sm);
  -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); color: var(--text);
}
.testi .q { position: absolute; top: -6px; right: 14px; font-family: Georgia, serif; font-size: 4.2rem; line-height: 1; color: #ff7be9; text-shadow: 0 0 16px rgba(255, 79, 224, .7); }
.testi blockquote { margin: 6px 0 14px; font-size: .92rem; line-height: 1.5; flex: 1; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; }
.testi figcaption { display: flex; align-items: center; gap: 10px; }
.testi figcaption img, .testi .ini { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 2px solid #ff7be9; box-shadow: 0 0 6px #ff4fe0, 0 0 14px rgba(255, 79, 224, .6); flex: 0 0 auto; }
.testi .ini { display: grid; place-items: center; font-family: "Montserrat", sans-serif; font-weight: 800; background: var(--grad); }
.testi figcaption b { display: block; font-size: .92rem; }
.testi figcaption small { display: block; color: var(--gold-light); font-size: .78rem; }

/* "a partir de" antes do preco */
small.from { font-size: .68em; font-weight: 500; opacity: .85; margin-right: 1px; white-space: nowrap; }
.feature .price small.from { display: block; font-size: .7rem; color: rgba(255, 255, 255, .85); }

/* figurinha da Nathy nas telas de status */
.sticker { display: block; width: 132px; height: auto; margin: -6px auto 4px; filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .35)); animation: stickerIn .6s cubic-bezier(.2, 1.4, .4, 1) both; }
@keyframes stickerIn { from { opacity: 0; transform: scale(.6) rotate(-8deg); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .sticker, .neon-ring { animation: none; } }
body.client .ticket .top .sticker + h2 { margin-top: 2px; }