/*
 * Skills: SK_design_v2, SK_design_system, conexoes
 * Arquivo: claveyoga_v2.css
 * Descrição: CSS V2 COMPARTILHADA de páginas internas — hero, seções,
 *   contraste automático, album, FAQ, depoimentos, reserve, aulas.
 *   TODAS as páginas v2 usam este arquivo. Substitui sobre_v2.css.
 *   Seções padronizadas: .s-hero, .s-aulas, .s-depoimentos, .s-faq, .s-reserve
 * Implementado em: 2026-10-13 | Renomeado: 2026-10-15
 */

/* ================================================================
 * REGRAS GLOBAIS V2 — RESET + LINKS E CORES DE TEXTO
 * §0 SK_design_v2 — 2026-10-15
 * Sobrescreve COMPLETAMENTE o CSS antigo (yoga01/style.css).
 * Links: fundo escuro → amarelo; fundo claro → azul.
 * Texto fundo branco: cinza-escuro (não preto, não azul).
 * ================================================================ */

/* Reset v2 — sobrescrever estilos herdados do yoga01 */
p, h1, h2, h3, h4, h5, h6, li, ul, ol, span, a, div, td, th, blockquote, small, strong, em, b, i, u {
  border: none;
  box-shadow: none;
}
p {
  color: #3A3A3A;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
  margin: 0 0 15px;
}
p:last-child {
  margin-bottom: 0;
}
a {
  text-decoration: none;
  transition: all 0.3s ease;
}
a:hover {
  text-decoration: none;
}
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
blockquote {
  border: none;
  padding: 0;
  margin: 0;
}

/* Links em fundo escuro (gradiente azul) → amarelo SEM underline */
.sc-claro a:not(.btn):not(.alazea-btn):not(.nav-brand):not(.top-login-link),
.s-aulas a:not(.btn):not(.alazea-btn),
.s-depoimentos a:not(.btn):not(.alazea-btn),
.s-faq a:not(.btn):not(.alazea-btn),
.sc-claro .faq-resposta a,
.s-faq .faq-resposta a {
  color: #FFC900 !important;
  text-decoration: none !important;
}
.sc-claro a:not(.btn):not(.alazea-btn):not(.nav-brand):not(.top-login-link):hover,
.s-aulas a:not(.btn):not(.alazea-btn):hover,
.s-depoimentos a:not(.btn):not(.alazea-btn):hover,
.s-faq a:not(.btn):not(.alazea-btn):hover {
  color: #FFFFFF !important;
  text-decoration: none !important;
}

/* Links em fundo claro (branco/cinza) → azul SEM underline */
.sc-escuro a:not(.btn):not(.alazea-btn):not(.nav-brand):not(.top-login-link),
.s-reserve a:not(.btn):not(.alazea-btn):not(.nav-brand) {
  color: #075FC3 !important;
  text-decoration: none !important;
}
.sc-escuro a:not(.btn):not(.alazea-btn):not(.nav-brand):not(.top-login-link):hover,
.s-reserve a:not(.btn):not(.alazea-btn):hover {
  color: #003B96 !important;
  text-decoration: none !important;
}

/* Botões vdesign — sobrescrever teal antigo (#36A6BF) pelo azul v2 */
.vdesign-btn-lua-p:hover, .vdesign-btn-lua-p:focus {
  color: #075FC3 !important;
  background-color: #FFFFFF !important;
  border: 2px solid #075FC3 !important;
}
.vdesign-btn-sol-p:hover, .vdesign-btn-sol-p:focus {
  color: #FFC900 !important;
  background-color: #FFFFFF !important;
  border: 2px solid #FFC900 !important;
}
.vdesign-btn-medita-p:hover, .vdesign-btn-medita-p:focus {
  color: #EF3F7F !important;
  background-color: #FFFFFF !important;
  border: 2px solid #EF3F7F !important;
}

/* Texto cinza-escuro em fundo branco (não preto, não azul) */
.bg-gray p,
.bg-gray h2, .bg-gray h4, .bg-gray h5, .bg-gray h6,
.bg-gray li, .bg-gray span, .bg-gray td, .bg-gray th,
.s-reserve p, .s-reserve h5,
.sc-escuro .sobre-texto-col p {
  color: #3A3A3A !important;
}
.bg-gray .section-heading h2,
.s-reserve .section-heading h2 {
  color: #082F75 !important;
}

/* ================================================================
 * SEÇÕES PADRÃO V2 — PROPORÇÕES FIXAS, IGUAIS EM TODO O SITE
 * §9 SK_design_v2 — 2026-10-15
 * Usar estas classes em TODA página interna v2.
 * ================================================================ */

/* ---------- 9.1 Aulas Online (turmas + vídeo) ---------- */
.s-aulas {
  background: linear-gradient(135deg, #0d6fe0 0%, #075FC3 32%, #003B96 66%, #002E79 100%);
  padding: 100px 0 0;
}
.s-aulas .section-heading h2 {
  font-family: 'League Spartan', sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #FFFFFF;
  margin-bottom: 35px;
}
.s-aulas .service-icon {
  background: #FFFFFF;
  border-radius: 50%;
  padding: 8px;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex-shrink: 0;
}
.s-aulas .service-content p {
  color: #FFFFFF !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 1.6;
}
.s-aulas .titulo-turmas {
  font-family: 'League Spartan', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #FFFFFF;
  margin-bottom: 5px;
}

/* ---------- 9.2 Depoimentos ---------- */
.s-depoimentos {
  background: linear-gradient(135deg, #0d6fe0 0%, #075FC3 32%, #003B96 66%, #002E79 100%);
  padding: 50px 0 60px;
}
.s-depoimentos .container {
  padding-top: 50px;
}
.s-depoimentos .section-heading h2 {
  font-family: 'League Spartan', sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #FFFFFF;
  margin-bottom: 5px;
}
.s-depoimentos .section-heading p {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 0;
}
.s-depoimentos .single-testimonial-slide {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 30px;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.s-depoimentos .testimonial-thumb {
  width: 220px;
  height: 220px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #FFC900;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.s-depoimentos .testimonial-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
.s-depoimentos .testimonial-content p {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 1.7;
  color: #FFFFFF;
  font-style: italic;
}
.s-depoimentos .testimonial-author-info h6 {
  font-family: 'League Spartan', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #FFC900;
  margin-top: 10px;
}
.s-depoimentos .testimonial-author-info .vdesign-btn-lua-p {
  background: #FFC900;
  color: #082F75;
  border: none;
  border-radius: 25px;
  padding: 8px 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  transition: background 0.3s;
}
.s-depoimentos .testimonial-author-info .vdesign-btn-lua-p:hover {
  background: #FFFFFF;
  color: #075FC3;
}
.s-depoimentos .owl-dots .owl-dot span {
  background: rgba(255, 255, 255, 0.4);
}
.s-depoimentos .owl-dots .owl-dot.active span {
  background: #FFC900;
}

/* ---------- 9.3 Perguntas Frequentes (FAQ) ---------- */
.s-faq {
  background: linear-gradient(135deg, #0d6fe0 0%, #075FC3 32%, #003B96 66%, #002E79 100%);
  padding: 50px 0;
}
.s-faq .faq-list {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.s-faq .faq-item {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  overflow: hidden;
  backdrop-filter: blur(4px);
  border: none !important;
  box-shadow: none !important;
  transition: background 0.3s;
}
.s-faq .faq-item:hover {
  background: rgba(255, 255, 255, 0.18);
}
.s-faq .faq-pergunta {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 18px 24px;
  background: none;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #FFFFFF;
  line-height: 1.4;
}
.s-faq .faq-pergunta i {
  flex-shrink: 0;
  font-size: 18px;
  color: #FFC900;
  transition: transform 0.3s;
}
.s-faq .faq-item.ativo .faq-pergunta i {
  transform: rotate(45deg);
}
.s-faq .faq-resposta {
  display: none;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.s-faq .faq-item.ativo .faq-resposta {
  display: block;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
.s-faq .faq-resposta p {
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.s-faq .faq-resposta p:last-child {
  border: none !important;
  border-bottom: none !important;
  padding-bottom: 15px;
}
.s-faq .faq-item {
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
.s-faq .faq-pergunta {
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.s-faq .faq-resposta p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: #FFFFFF !important;
  margin: 0;
  padding: 15px 24px 15px;
  text-align: justify;
}
.s-faq.sc-escuro .faq-item {
  background: rgba(8, 47, 117, 0.06);
  border-color: rgba(8, 47, 117, 0.12);
}
.s-faq.sc-escuro .faq-item:hover {
  background: rgba(8, 47, 117, 0.1);
}
.s-faq.sc-escuro .faq-pergunta {
  color: #082F75;
}
.s-faq.sc-escuro .faq-pergunta i {
  color: #075FC3;
}
.s-faq.sc-escuro .faq-resposta p {
  color: #082F75 !important;
}

/* ---------- 9.4 Reserve sua Aula (agenda) ---------- */
.s-reserve {
  background: #f2f4f5;
  padding: 100px 0 0;
}
.s-reserve .section-heading h2 {
  font-family: 'League Spartan', sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #082F75;
  margin-bottom: 10px;
}
.s-reserve .section-heading p {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #082F75;
}
.s-reserve table {
  width: 100%;
  border-collapse: collapse;
}
.s-reserve th, .s-reserve td {
  text-align: center;
  padding: 12px 8px;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  color: #082F75;
  border-bottom: 1px solid rgba(8, 47, 117, 0.1);
}
.s-reserve th {
  font-family: 'League Spartan', sans-serif;
  font-weight: 700;
  font-size: 14px;
}
.s-reserve .alazea-btn {
  display: inline-block;
  padding: 12px 32px;
  background-color: #075FC3;
  border: 2px solid #075FC3;
  border-radius: 999px;
  color: #fff;
  font-family: 'League Spartan', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  text-decoration: none;
}
.s-reserve .alazea-btn:hover {
  background-color: #FFC900;
  border-color: #FFC900;
  color: #082F75;
}
.s-reserve .single-service-area {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.s-reserve .service-icon {
  margin-right: 15px;
  flex-shrink: 0;
}
.s-reserve .service-content h5 {
  font-family: 'League Spartan', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #082F75;
  margin-bottom: 5px;
}
.s-reserve .service-content p {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  color: #082F75;
  margin-bottom: 0;
}

/* ---------- 9.5 Hero de página interna ---------- */
.s-hero {
  position: relative;
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}
.s-hero-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 46, 121, 0.55);
}
.s-hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
}
.s-hero h1 {
  font-family: 'League Spartan', sans-serif;
  font-weight: 800;
  font-size: clamp(22px, 4.5vw, 48px);
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  animation: heroPulse 2.5s ease-in-out infinite;
}
@keyframes heroPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.85; }
}
@media (max-width: 767px) {
  .s-hero { height: 200px; }
}

/* ================================================================
 * FIM DAS SEÇÕES PADRÃO — ABAIXO: ESTILOS DE PÁGINAS ESPECÍFICAS
 * ================================================================ */

/* ---------- Hero "Sobre" — legado (manter compatibilidade) ---------- */
.sobre-hero {
  position: relative;
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}
.sobre-hero-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 46, 121, 0.55);
}
.sobre-hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
}
.sobre-hero h1 {
  font-family: 'League Spartan', sans-serif;
  font-weight: 800;
  font-size: clamp(22px, 4.5vw, 48px);
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  animation: heroPulse 2.5s ease-in-out infinite;
}
@media (max-width: 767px) {
  .sobre-hero { height: 200px; }
}

/* ---------- Seções de conteúdo (layout; fundo via PHP inline) ---------- */
.s-sobre,
.s-sobre2,
.s-sobre3,
.s-sobre4 {
  padding: 50px 0;
}

/* ---------- Contraste automático de texto ---------- */
.sc-claro .titulo-script-G,
.sc-claro .titulo-turmas,
.sc-claro .sobre-texto-col .titulo-turmas,
.sc-claro .sobre-texto-col p,
.sc-claro p,
.sc-claro h2,
.sc-claro h4,
.sc-claro h5,
.sc-claro li,
.sc-claro ul,
.sc-claro span {
  color: #FFFFFF !important;
}
.sc-escuro .titulo-script-G,
.sc-escuro .titulo-turmas,
.sc-escuro .sobre-texto-col .titulo-turmas,
.sc-escuro .sobre-texto-col p,
.sc-escuro p,
.sc-escuro h2,
.sc-escuro h4,
.sc-escuro h5,
.sc-escuro li,
.sc-escuro ul,
.sc-escuro span {
  color: #082F75 !important;
}

/* ---------- Título ornamento yogue ---------- */
.sobre-titulo {
  text-align: center;
  margin-bottom: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.sobre-titulo::before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background: url(yoga01/img/core-img/favicon.ico) no-repeat center / contain;
}
.sobre-titulo::after {
  content: '';
  width: 140px;
  height: 12px;
  flex-shrink: 0;
  background:
    radial-gradient(circle, currentColor 1.5px, transparent 1.5px) no-repeat center / 12px 12px,
    linear-gradient(to right, transparent 0%, currentColor 35%, transparent 45%, transparent 55%, currentColor 65%, transparent 100%) no-repeat center / 100% 1px;
  opacity: 0.35;
}
.sc-claro .sobre-titulo::before,
.sc-claro .sobre-titulo::after { color: #FFFFFF; }
.sc-escuro .sobre-titulo::before,
.sc-escuro .sobre-titulo::after { color: #082F75; }

/* ---------- Layout de imagem/texto ---------- */
.sobre-row {
  display: flex;
  align-items: center;
  gap: 40px;
}
.sobre-row-esquerda { flex-direction: row; }
.sobre-row-direita { flex-direction: row; }
.sobre-row-centro {
  display: block;
  gap: 30px;
}
.sobre-row-acima {
  display: block;
  gap: 30px;
}
.sobre-row-centro .sobre-texto-col,
.sobre-row-acima .sobre-texto-col {
  margin-bottom: 25px;
}
.sobre-row-centro .sobre-img-col,
.sobre-row-acima .sobre-img-col {
  display: block !important;
  flex: none !important;
  width: 100% !important;
  max-width: 800px !important;
  margin: 0 auto !important;
}
.sobre-img-col {
  flex: 0 0 40%;
  max-width: 40%;
}
.sobre-img-centro {
  flex: 0 0 auto;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.sobre-img-wrap {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.sobre-img-wrap img {
  width: 100%;
  height: auto;
  display: block;
}
.sobre-video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65px;
  height: 65px;
  background-color: #FFC900;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  opacity: 0.9;
}
.sobre-video-btn i {
  color: #082F75;
  font-size: 28px;
  margin-left: 4px;
}
.sobre-video-btn:hover {
  background-color: #EF3F7F;
  opacity: 1;
}
.sobre-video-btn:hover i {
  color: #FFFFFF;
}
.sobre-texto-col {
  flex: 1;
}
.sobre-texto-col .titulo-turmas {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 12px;
}
.sobre-texto-col p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.7;
  text-align: justify;
  margin: 0;
}

/* ---------- Album rotativo — 3:4 retrato ---------- */
.s-sobre-album {
  margin-top: 30px;
}
.s-sobre-album .hero-post-slides {
  border-radius: 12px;
  overflow: hidden;
}
.s-sobre-album .single-hero-post {
  width: 100%;
  aspect-ratio: 3 / 4;
  height: auto !important;
  min-height: 0;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.s-sobre-album .slide-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.s-sobre-album .hero-post-slides {
  max-width: 420px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .s-sobre-album .hero-post-slides {
    max-width: 280px;
  }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .sobre-row,
  .sobre-row-esquerda,
  .sobre-row-direita {
    flex-direction: column;
    gap: 25px;
  }
  .sobre-img-col {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  .s-sobre,
  .s-sobre2,
  .s-sobre3,
  .s-sobre4 { padding: 35px 0; }
  .s-faq .faq-pergunta {
    padding: 14px 16px;
    font-size: 14px;
  }
  .s-faq .faq-resposta p {
    padding: 15px 16px 15px;
  }
}

/* ---------- Depoimentos v2 (legado — manter compatibilidade) ---------- */
.testimonial-area {
  background: linear-gradient(135deg, #0d6fe0 0%, #075FC3 32%, #003B96 66%, #002E79 100%);
  padding: 50px 0 60px;
}
.testimonial-area .container {
  padding-top: 50px;
}
.testimonial-area .section-heading h2 {
  font-family: 'League Spartan', sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #FFFFFF;
  margin-bottom: 5px;
}
.testimonial-area .section-heading p {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 0;
}
.single-testimonial-slide {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 30px;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.single-testimonial-slide .testimonial-thumb {
  width: 220px;
  height: 220px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #FFC900;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.single-testimonial-slide .testimonial-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
.testimonial-content p {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 1.7;
  color: #FFFFFF;
  font-style: italic;
}
.testimonial-author-info h6 {
  font-family: 'League Spartan', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #FFC900;
  margin-top: 10px;
}
.testimonial-author-info .vdesign-btn-lua-p {
  background: #FFC900;
  color: #082F75;
  border: none;
  border-radius: 25px;
  padding: 8px 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  transition: background 0.3s;
}
.testimonial-author-info .vdesign-btn-lua-p:hover {
  background: #FFFFFF;
  color: #075FC3;
}
.testimonial-area .owl-dots .owl-dot.active span,
.testimonial-area .owl-dots .owl-dot span {
  background: rgba(255, 255, 255, 0.4);
}
.testimonial-area .owl-dots .owl-dot.active span {
  background: #FFC900;
}

/* ---------- FAQ legado (sem prefixo .s-faq — manter compatibilidade) ---------- */
.faq-list {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.faq-item {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  overflow: hidden;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: background 0.3s;
}
.faq-item:hover {
  background: rgba(255, 255, 255, 0.18);
}
.faq-pergunta {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 18px 24px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #FFFFFF;
  line-height: 1.4;
}
.faq-pergunta i {
  flex-shrink: 0;
  font-size: 18px;
  color: #FFC900;
  transition: transform 0.3s;
}
.faq-item.ativo .faq-pergunta i {
  transform: rotate(45deg);
}
.faq-resposta {
  display: none;
}
.faq-item.ativo .faq-resposta {
  display: block;
}
.faq-resposta p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: #FFFFFF !important;
  margin: 0;
  padding: 15px 24px 15px;
  text-align: justify;
}
.sc-escuro .faq-item {
  background: rgba(8, 47, 117, 0.06);
  border-color: rgba(8, 47, 117, 0.12);
}
.sc-escuro .faq-item:hover {
  background: rgba(8, 47, 117, 0.1);
}
.sc-escuro .faq-pergunta {
  color: #082F75;
}
.sc-escuro .faq-pergunta i {
  color: #075FC3;
}
.sc-escuro .faq-resposta p {
  color: #082F75 !important;
}
@media (max-width: 767px) {
  .faq-pergunta {
    padding: 14px 16px;
    font-size: 14px;
  }
  .faq-resposta p {
    padding: 15px 16px 15px;
  }
}