/* ==========================================================================
   FOLHA DE ESTILOS PERSONALIZADA - ESPAÇO NATÁLIA MORAES
   Desenvolvido por: Rafael Alves
   ========================================================================== */

/* 1. Definições de Tipografia e Comportamento Base */
body {
  font-family: 'Mulish', sans-serif;
  color: #1F2937;
  background-color: #FFFFFF;
  overflow-x: hidden;
}

h1, h2, h3, h4, .font-title {
  font-family: 'Poppins', sans-serif;
  letter-spacing: -0.02em;
}

/* 2. Animação de Pulsação para o Botão Flutuante de WhatsApp */
@keyframes pulse-ring {
  0% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.3;
  }
  100% {
    transform: scale(0.95);
    opacity: 0.8;
  }
}

.pulse-effect::before {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 9999px;
  background-color: #25D366;
  opacity: 0.5;
  animation: pulse-ring 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  z-index: -1;
}

/* 3. Utilitário para Limitação de Linhas de Texto com Reticências */
.clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 4. Transição Suave para o Modal Lightbox */
@keyframes modalFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.modal-animate {
  animation: modalFadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}