@font-face {
            font-family: "CanvasRegular";
            src: url(CanvaSans-Regular.otf);
        }

        /* Cores e Estilos Base */
        body, html {
            margin: 0;
            padding: 0;
            font-family: 'CanvasRegular', sans-serif; /* Mantido 'Inter' para compatibilidade */
            /* GRADIENTE RADIAL AGORA NO CORPO, COBRINDO TUDO */
            background: radial-gradient(circle at center, rgba(255, 51, 51, 0.15) 0%, rgba(255, 51, 51, 0.05) 30%, #0d0d0d 70%);
            background-color: #0d0d0d; /* Fundo padrão: Black */
            background-attachment: fixed; /* Garante que o gradiente fique fixo ao fundo */
            color: #dfe0e3; /* Texto Secundário: Gray-400 */
            padding: 12px;

        }

        .termos-main {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
            text-justify: justify;
            
            
            
            /* O gradiente foi movido para 'body, html' */
        }

        .titles {
          display: flex;
          justify-content: center;
          text-align: center;
        }

        /* * 1. Header (Cabeçalho) */
        .thankyou-header {
            padding: 2rem 1rem 0rem 0rem;
            display: flex;
            justify-content: center;
        }

  

        .logo {
            width: 150px;

        }
        
        .thankyou-logo-text {
            color: #FF3333; 
            font-size: 1rem; 
            font-weight: 700;
        }


        /* --- Estilos do Footer Integrado --- */
/* * 1. Estrutura do Footer */
.footer-section-container {
  border-top: 1px solid rgba(248, 113, 113, 0.2); /* border-t border-red-400/20 */
  padding: 3rem 1rem; /* py-12 px-4 */
  /* REMOVIDO: background-color: #0d0d0d; para que o gradiente do body seja visível */
}

.footer-section-content-wrapper {
  max-width: 72rem; /* max-w-6xl */
  margin-left: auto;
  margin-right: auto;
}

.footer-section-content {
  text-align: center;
  /* space-y-6 */
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* * 2. Logo e Títulos */
.footer-section-logo-wrapper {
  display: flex;
  justify-content: center;
}

.footer-section-logo {
  width: 9.375rem; /* width={150} */
  height: 3.125rem; /* height={50} */
  opacity: 0.9; /* opacity-90 */
  object-fit: contain;
}

.footer-section-title-group {
  /* space-y-2 */
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.footer-section-title {
    /* Corrigindo a fonte para ser consistente com o restante da página */
    font-size: 1.5rem; /* text-2xl */
    font-weight: 600; /* font-semibold */
    color: #ffffffbb; /* text-white */
}

.footer-section-subtitle {
  color: #9ca3af; /* text-gray-400 */
}

/* * 3. Links de Contato */
.footer-section-contact-links {
  display: flex;
  flex-direction: column; /* flex-col */
  align-items: center;
  justify-content: center;
  gap: 1rem; /* gap-4 */
  font-size: 0.875rem; /* text-sm */
  color: #af9c9c; /* text-gray-400 */
}
@media (min-width: 768px) {
  .footer-section-contact-links {
      flex-direction: row; /* md:flex-row */
  }
}

.footer-section-link {
  color: #9ca3af;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-section-link:hover {
  color: #ff0000; /* hover:text-red-400 */
}

.footer-section-separator-md {
  display: none; /* hidden */
}
@media (min-width: 768px) {
  .footer-section-separator-md {
      display: inline; /* md:inline */
  }
}

/* * 4. Rodapé Inferior e Direitos Autorais */
.footer-section-bottom-bar {
  padding-top: 1.5rem; /* pt-6 */
  border-top: 1px solid rgba(248, 113, 113, 0.1); /* border-t border-red-400/10 */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.footer-section-copyright-group {
  display: flex;
  flex-direction: column; /* flex-col */
  align-items: center;
  justify-content: center;
  gap: 12px; /* gap-4 */
  font-size: 0.75rem; /* text-xs */
  color: #9ca3af; /* text-gray-400 */
}
@media (min-width: 768px) {
  .footer-section-copyright-group {
      flex-direction: row; /* md:flex-row */
  }
}

.footer-section-privacy-links {
  display: flex;
  gap: 1rem; /* gap-4 */
}

.footer-section-link-small {
  font-size: 0.75rem;
}

/* Informação de Segurança Hotmart */
.footer-section-security-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem; /* gap-2 */
  margin-top: 1rem; /* mt-4 */
  font-size: 0.75rem; /* text-xs */
  color: #ff0000; /* text-red-400 */
}

.footer-section-icon-shield {
  width: 0.75rem; /* h-3 w-3 */
  height: 0.75rem;