/* =====================================================
   Starlog — tema 2026-09-29 (carregado por último)
   - Manrope auto-hospedada nos títulos (sai o Google Fonts)
   - rótulos sem caixa-alta espaçada
   - faixa de marcas com peso visual igual
   - arte "O tempo da sua clínica" some no celular
===================================================== */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(fonts/manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root { --f-titulo: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
h1, h2, h3, h4 { font-family: var(--f-titulo); letter-spacing: -0.015em; }
h1 { font-weight: 800; }

/* rótulos acima dos títulos: frase normal, sem caixa-alta espaçada */
.eye, .eye2, .cat, .brands-t, .sec-h .eye, .atende-txt .eye2, .u-txt .eye2, .article .cat, .bcard .cat, .marca-titulo, .spec b {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 15px;
  font-weight: 600;
}
.empresa dt { text-transform: none; letter-spacing: 0; font-size: 13.5px; }

/* faixa de marcas: símbolos compactos (EVO, AIR, Dermadream) com a mesma presença dos nomes */
.brand { height: 52px; }
.brand img[alt="AIR Aesthetics"], .brand img[alt="Dermadream"] { max-height: 46px; }
@media (max-width: 760px) {
  .brand { height: 40px; }
  .brand img[alt="AIR Aesthetics"], .brand img[alt="Dermadream"] { max-height: 34px; }
}

/* G. arte com texto embutido: só no computador */
@media (max-width: 760px) {
  .dif-art { display: none; }
}
:focus-visible { outline: 3px solid #2563A8; outline-offset: 2px; }

/* páginas de marca: dois estilos de .selo brigavam (título e texto lado a lado, texto em negrito) */
.selo:has(> h3) { display: block; font-weight: 400; }
.selo:has(> h3) p { font-weight: 400; }

/* =====================================================
   2026-10-28 — acessibilidade e páginas de marca
===================================================== */
.skip { position: absolute; left: -9999px; top: 8px; z-index: 2000; background: #fff; color: #0F2A44; padding: 10px 16px; border-radius: 6px; font-weight: 600; }
.skip:focus { left: 8px; }
#conteudo { scroll-margin-top: 72px; }
a:focus-visible, button:focus-visible { outline: 3px solid #7FB2E5; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* páginas de marca: como comprar, categorias e FAQ */
.mx { margin-top: 40px; max-width: 820px; }
.mx h2 { font-size: 22px; font-weight: 700; color: #0F2A44; margin: 30px 0 10px; line-height: 1.25; }
.mx p, .mx li, .mx dd { font-size: 16px; color: #3E4C5A; }
.mx a { color: #2563A8; text-decoration: underline; }
.mx-passos { padding-left: 22px; display: grid; gap: 8px; }
.mx-passos b { color: #0F2A44; }
.mx .faq-bloco dt { font-family: var(--f-titulo); font-weight: 600; color: #0F2A44; font-size: 16.5px; margin-top: 18px; }
.mx .faq-bloco dd { margin: 6px 0 0; }

/* 2026-10-28: destino do "Pular para o conteúdo" recebe foco sem contorno */
#conteudo:focus { outline: none; }