/*
Theme Name: PIBELT Theme
Description: Tema customizado para PIBELT desenvolvido para alta performance com Tailwind CSS.
Version: 1.0.0
Author: Agilstore
*/

html,
body {
  max-width: 100vw;
  overflow-x: hidden !important;
  position: relative;
  scroll-behavior: smooth;
  scroll-padding-top: 60px;
}

.icon {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 1.375rem;
  /* ~22px */
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}

/* Custom Rich Text (prose) Styles */
.prose {
  color: #4b5563;
  line-height: 1.7;
}
.prose p {
  margin-top: 0;
  margin-bottom: 1.25rem;
}
.prose strong, .prose b {
  color: #111827;
  font-weight: 700;
}
.prose ul {
  list-style-type: disc !important;
  margin-top: 0;
  margin-bottom: 1.25rem;
  padding-left: 1.625rem;
}
.prose ul li {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  list-style-type: disc !important;
}
.prose ul li::marker {
  color: #FF6900;
}
.prose ol {
  list-style-type: decimal !important;
  margin-top: 0;
  margin-bottom: 1.25rem;
  padding-left: 1.625rem;
}
.prose ol li {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  list-style-type: decimal !important;
}
.prose ol li::marker {
  color: #FF6900;
  font-weight: 600;
}
.prose h1, .prose h2, .prose h3, .prose h4 {
  font-family: 'Space Grotesk', sans-serif;
  color: #111827;
  font-weight: 700;
  margin-top: 1.75rem;
  margin-bottom: 0.75rem;
  line-height: 1.3;
}
.prose h1 { font-size: 1.875rem; }
.prose h2 { font-size: 1.5rem; }
.prose h3 { font-size: 1.25rem; }
.prose a {
  color: #FF6900;
  text-decoration: underline;
  font-weight: 600;
}
.prose a:hover {
  color: #e05300;
}

/* Travar scroll quando modal estiver aberto */
html.modal-open,
body.modal-open {
  overflow: hidden !important;
  height: 100vh !important;
  position: relative !important;
}

/* Esconder barra de rolagem */
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* --- CLASSES DE ANIMACAO E ESTILO PIBELT (SEM ESTILOS INLINE) --- */

/* Scroll Reveal (Revelação ao Rolar) */
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.reveal-on-scroll.active {
  opacity: 1;
  transform: translateY(0);
}

/* Atrasos (Delays) Escalonados para a Animação */
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }
.delay-400 { transition-delay: 400ms; }
.delay-500 { transition-delay: 500ms; }