/* custom.css: apenas estilos que o Tailwind não cobre nativamente */

/* ======== Base Layer ======== */
@layer base {
  /* Smooth scrolling e compensação para a navbar fixa */
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 70px;
  }
  /* Justificar todos os parágrafos */
  p {
    @apply text-justify;
  }
}

/* ======== Components Layer ======== */
@layer components {
  /* Galeria com scroll‑snap horizontal */
  .gallery-scroll {
    @apply flex overflow-x-auto snap-x snap-mandatory gap-6 px-4;
  }
  .gallery-scroll > img {
    @apply snap-start flex-shrink-0;
  }
}

/* ======== Utilities Layer ======== */
@layer utilities {
  /* Foco personalizado para inputs e botões */
  .focus-ring {
    @apply outline-none ring-2 ring-verde ring-offset-2;
  }
  /* Texto justificado (classe utilitária, se necessário) */
  .text-justify {
    @apply text-justify;
  }
}

/* ======== Scrollbar Customizada (WebKit) ======== */
::-webkit-scrollbar {
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #17833d;
  border-radius: 4px;
}