/* Estilos complementares Previne Odonto */
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }
h1,h2,h3,h4,.font-serif { font-family: 'Playfair Display', Georgia, serif; }

/* Before/After slider */
.ba-wrap { position: relative; overflow: hidden; user-select: none; aspect-ratio: 4/5; }
.ba-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.ba-img-after { z-index: 1; }
.ba-img-before { z-index: 2; clip-path: inset(0 0 0 50%); -webkit-clip-path: inset(0 0 0 50%); }
.ba-handle {
  position: absolute; top: 0; bottom: 0; left: 50%; width: 2px;
  z-index: 3; background: #FBF8F2; transform: translateX(-1px); cursor: ew-resize;
}
.ba-handle::after {
  content: ''; position: absolute; top: 50%; left: 50%;
  width: 44px; height: 44px; border-radius: 9999px;
  background: #B89968; transform: translate(-50%,-50%);
  box-shadow: 0 4px 20px rgba(0,0,0,.25);
}
.ba-wrap span { z-index: 4; }

/* Tag/eyebrow */
.eyebrow { letter-spacing: .3em; text-transform: uppercase; font-size: 11px; color: #B89968; }

/* Container */
.container-x { max-width: 80rem; margin: 0 auto; padding: 0 1.25rem; }
@media (min-width: 1024px) { .container-x { padding: 0 2rem; } }