@import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap');

body {
  background-image: linear-gradient(to right, #434343 0%, black 100%);
}

p {
  font-family: 'PT Mono', 'Courier New', monospace;
  color: white;
  font-weight: 300;
  font-size: 1.5rem;
  text-decoration: dashed;
  text-shadow: #fff;
}

h1 {
  font-family: 'PT Mono', 'Courier New', monospace;

  font-weight: bolder;
  color: #ff0000; /* Cor inicial da animação */
  font-size: 3.5rem;
}

h4 {
  font-family: 'PT Mono', 'Courier New', monospace;
  font-weight: bolder;
  color: #c40001;
}

ul {
  font-family: 'PT Mono', 'Courier New', monospace;
  font-weight: 500;
  color: #fff;
  text-shadow: 0 0 2px #fff, 0 0 100px #ac403e;
}

li {
  font-family: 'PT Mono', 'Courier New', monospace;
  font-weight: 500;
  color: #fff;
  text-shadow: 0 0 2px #fff, 0 0 100px #ac403e;
}

/* Cor inicial da animação sessão principal-hero */

.content-section {
  background-image: url('mecanico.webp');
  background-size: cover;
  background-position: center;
  padding: 100px 0;
}

@media (max-width: 768px) {
  .content-section {
    background-image: url('hero-mobile.webp');
    padding-top: 500px;
    background-size: cover;
    background-position: center top;
  }
}
.hero-2 {
  background-image: url('hero1.png');
  background-size: cover;
  background-position: center;
  padding: 10px 0;
}

.custom-button {
  background-color: #000214;
  color: #fff;
  border-radius: 50px;
  border: 1px solid #fff;
  padding: 10px 20px;
  font-size: 1.25rem;
  font-weight: 300;
  margin-top: 20px;
}

.custom-button:hover {
  background-color: #fff;
  color: #000214;
  border: 1px solid #000214;
}

@media (max-width: 768px) {
  p {
    font-size: 1.05rem;
  }

  h1 {
    font-size: 2rem;
  }
}

@keyframes brilho {
  0% {
    color: wheat; /* Originalmente laranja, mantido */
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ac403e,
      0 0 40px #ac403e, 0 0 20px #ac403e, 0 0 60px #ac403e, 0 0 70px #ac403e;
  }
  50% {
    color: white;
    text-shadow: 0 0 10px #fff, 0 0 30px #ac403e, 0 0 40px #ac403e,
      0 0 50px #ac403e, 0 0 60px #ac403e, 0 0 70px #ac403e, 0 0 80px #ac403e;
  }
  100% {
    color: white; /* Mantido branco */
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ac403e,
      0 0 20px #ac403e, 0 0 20px #ac403e, 0 0 20px #ac403e, 0 0 10px #ac403e;
  }
}

.titulo-brilhante {
  animation: brilho 5s linear infinite;
}
@media (max-width: 768px) {
  .titulo-brilhante {
    animation: none;
    color: whitesmoke; /* Volta à cor estática inicial para manter a consistência visual */
    text-shadow: none; /* Remove qualquer sombra de texto que possa estar ativa devido à animação */
  }
}

@media (max-width: 768px) {
  br {
    display: none;
  }
}

.destaque {
  color: #fff; /* Cor ajustada */
  text-shadow: 0 0 2px #fff, 0 0 100px #ac403e; /* Efeito de sombra sutil */
}

.custom-img-size {
  height: 550px; /* Altura fixa */
  width: 100%; /* Largura será 100% do elemento pai */
  object-fit: cover; /* Mantém as proporções da imagem */
  border-radius: 15px; /* Borda arredondada */
  box-shadow: 0 4px 8px rgba(255, 0, 0, 0.6); /* Sombra vermelha com um leve blur */
}
.custom-img-size2 {
  height: 650px; /* Altura fixa */
  width: 100%; /* Largura será 100% do elemento pai */
  object-fit: cover; /* Mantém as proporções da imagem */
  border-radius: 15px; /* Borda arredondada */
  box-shadow: 0 4px 8px rgba(255, 0, 0, 0.6); /* Sombra vermelha com um leve blur */
}

.icon-size {
  font-size: 4rem;
  color: #f56362;
  display: inline-block;
  margin: 0 10px 0 0;
}
@media (max-width: 768px) {
  .icon-size {
    font-size: 3rem;
  }
}

.card {
  border-radius: 15px; /* Borda arredondada */
  box-shadow: 0 4px 8px rgba(255, 0, 0, 0.6); /* Sombra vermelha com blur */
}

.modulos-curso .accordion-item {
  background-color: transparent; /* Cor de fundo para cada item do acordeão */
  border: none;
}

.modulos-curso .accordion-header .accordion-button {
  background-color: transparent; /* Botões transparentes */
  color: #fff; /* Texto branco */
  border: none;
  padding: 1rem 0; /* Espaçamento interno */
  font-size: 2rem;
  text-align: left;
  transition: color 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .modulos-curso .accordion-header .accordion-button {
    font-size: 1.25rem; /* Tamanho da fonte reduzido para telas menores */
  }
}

.modulos-curso .accordion-button:not(.collapsed) {
  color: #fff;
  text-shadow: 0 0 2px #fff, 0 0 100px #ac403e;
  background-color: transparent; /* Fundo mais escuro quando não colapsado */
  border: none;
  padding: 1rem 0;
}

.modulos-curso .accordion-body {
  color: #fff; /* Cor do texto para o corpo */
  background-color: transparent; /* Cor de fundo para o corpo */
  padding: 1rem 0; /* Espaçamento interno */
  border: none;
  font-size: 1.5rem;
  text-align: left;
  transition: color 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .modulos-curso .accordion-body {
    font-size: 1rem;
  }
}
/* Corrige o ícone do botão do acordeão para garantir visibilidade */
.modulos-curso .accordion-button::after {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%)
    contrast(103%);
}

.divisoria {
  height: 80px;
  box-shadow: 0 4px 8px rgba(255, 0, 0, 0.6); /* Aplica a sombra vermelha com blur */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 2px;
}

.promocao-especial {
  background-image: linear-gradient(
    to bottom,

    #b8235a 59%,
    #801357 71%,
    #3d1635 84%,
    #1c1a27 100%
  );
  color: #ffffff; /* Cor do texto */
  font-family: 'Arial', sans-serif; /* Fonte do texto */
}

.promocao-especial .texto-promocao h2 {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}

.promocao-especial .tempo-escassez {
  font-weight: bold;
}

.promocao-especial .detalhes-preco {
  background-color: #7a2a2d; /* Ajustado para um tom de vermelho complementar */
  padding: 2rem;
  border-radius: 8px;
}

.promocao-especial .preco-original span {
  text-decoration: line-through; /* Riscado no preço original */
  color: #ffc107; /* Cor amarela para chamar atenção */
}

.promocao-especial .preco-promocional span {
  font-size: 2rem; /* Tamanho do novo preço */
  color: #ffffff; /* Cor branca para destaque */
}

/* Removendo o text-decoration da classe .preco-a-vista span */
.promocao-especial .preco-a-vista span {
  font-size: 2rem; /* Mantendo o tamanho do novo preço */
  color: #ffffff; /* Cor branca para destaque */
}

.promocao-especial .btn-inscreva-se {
  background-color: #ffa000;
  color: #000000;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 4px;
  font-weight: bold;
  margin-top: 1.5rem;
  cursor: pointer;
  font-size: 1.25rem;
}

.promocao-especial .btn-inscreva-se:hover {
  background-color: #ffcc80; /* Altere conforme necessário para o efeito hover */
  color: #000000; /* Mantém o texto preto no hover */
}

.promocao-especial .acesso-informacao {
  font-size: 0.85rem;
  margin-top: 0.75rem;
}

.depoimentos .card {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); /* Sombra suave para os cards */
}

.depoimentos img.rounded-circle {
  max-width: 50px; /* Limita o tamanho da imagem do cliente */
  border: 3px solid #fff; /* Borda branca para destacar a imagem do fundo */
}

.depoimentos .rating i {
  color: #ffd700; /* Cor das estrelas de avaliação */
}

.youtube-subscribers {
  color: #fff; /* Cor do texto */
}

.youtube-subscribers i {
  font-size: 2rem; /* Tamanho do ícone do YouTube */
  margin-right: 0.5rem;
}

.youtube-subscribers .subscribers-count {
  font-size: 1.5rem; /* Tamanho do texto do contador */
  font-weight: bold; /* Negrito para o contador */
}

.youtube-subscribers .subscribers-text {
  font-size: 1rem; /* Tamanho do texto adicional */
}

.youtube-subscribers .youtube-link {
  color: #fff; /* Ou a cor do texto que você preferir */
  text-decoration: none; /* Remove o sublinhado do hyperlink */
}

.youtube-subscribers .youtube-link:hover,
.youtube-subscribers .youtube-link:focus {
  text-decoration: none; /* Mantém o link sem sublinhado no hover/focus */
  color: red; /* Cor do texto no hover/focus, ajuste conforme necessário */
}

.avaliacoes-clientes {
  background-color: #f8f9fa; /* Fundo claro para a seção */
}

.avaliacoes-clientes .card {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Sombra para os cards */
}

.avaliacoes-clientes .card-body {
  display: flex;
  flex-direction: column;
}

.avaliacoes-clientes .card-text {
  flex-grow: 1; /* Permite que o texto ocupe o espaço disponível */
}

.avaliacoes-clientes .btn {
  background-color: #007bff; /* Botão com a cor primária */
  color: #ffffff; /* Texto do botão branco */
}
.social-icon {
  margin: 0 20px; /* Ajuste o espaçamento lateral conforme necessário */
  display: inline-flex; /* Mantém o alinhamento vertical e permite o espaçamento */
}