/* Karhana Quiropraxia & Estética - estilos globais
   O layout usa estilos inline no HTML; aqui ficam resets, fontes,
   estados de hover e as regras responsivas do menu. */

html { scroll-behavior: smooth; }
  body { margin: 0; background: #0A0A09; color: #EDEAE4; font-family: 'Jost', Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
  * { box-sizing: border-box; }
  a { color: #C6A15B; text-decoration: none; }
  a:hover { color: #E4CFA3; }
  section[id] { scroll-margin-top: 76px; }
  ::selection { background: #C6A15B; color: #000; }
  .karhana-scroller::-webkit-scrollbar { display: none; }

/* imagens que preenchem seus quadros */
.foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.avatar { width: 38px; height: 38px; flex-shrink: 0; border-radius: 50%; object-fit: cover; display: block; }

/* navegação */
.nav-desktop { display: none; align-items: center; gap: 30px; }
.btn-menu { display: flex; }
@media (min-width: 900px) {
  .nav-desktop { display: flex; }
  .btn-menu { display: none !important; }
}
#menu-mobile[hidden] { display: none; }

/* estados de hover */
.hv1:hover{color:#C6A15B !important}
.hv2:hover{color:#C6A15B !important}
.hv3:hover{color:#C6A15B !important}
.hv4:hover{color:#C6A15B !important}
.hv5:hover{color:#C6A15B !important}
.hv6:hover{background:#E4CFA3 !important}
.hv7:hover{background:#E4CFA3 !important}
.hv8:hover{background:#16110A !important;color:#E4CFA3 !important}
.hv9:hover{background:#16110A !important;color:#E4CFA3 !important}
.hv10:hover{background:#E4CFA3 !important}
.hv11:hover{background:#C6A15B !important;color:#000 !important}
.hv12:hover{background:#C6A15B !important;color:#000 !important}
.hv13:hover{background:#C6A15B !important;color:#000 !important}
.hv14:hover{background:#C6A15B !important;color:#000 !important}
.hv15:hover{background:#E4CFA3 !important}
.hv16:hover{background:#E4CFA3 !important}