/* =========================================================
   seo.css — complementos do plano SEO/GEO/AEO (set/2026)
   Carregar DEPOIS do style.css
   ========================================================= */

/* ---------- Títulos que deixaram de ser H1 (agora H3) ---------- */
.card-areas2 h3 {
  font-size: 1.1em !important;
  font-weight: 800;
  text-align: left !important;
  color: var(--cor-azul);
  line-height: 24px;
}
.bs-card-areas2 h3 {
  text-transform: uppercase;
  margin: 0 !important;
}
.card-principios h3 {
  font-size: 1.5em !important;
  font-weight: 800;
  text-align: right;
  color: var(--cor-dourado);
}
.bs-card h3 { margin: 0 !important; }

@media (max-width: 767px) {
  .card-principios h3 { text-align: left !important; }
}

/* Cards do blog na home: H3 + "Por Santos & Urel" como parágrafo */
.blog .blog-item-inner .blog-info h3.blog-title { margin: 0 0 15px; }
.blog .blog-item-inner .blog-info p.blog-title-h4 { font-family: "Raleway", sans-serif; }

/* ---------- H1 da home (mantém o visual do antigo H2 dourado) ---------- */
header .item .cover .header-content h1.hero-titulo {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  font-family: "Luxia", "Raleway", sans-serif;
  letter-spacing: 1px;
  margin-bottom: 5px;
  background: linear-gradient(to right, #e7a650, #ceb278);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 767px) {
  header .item .cover .header-content h1.hero-titulo {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
}

/* ---------- Perguntas frequentes ---------- */
.faq-area { background: #fff; }
.faq-area + .faq-area { padding-top: 0 !important; }

.faq-intro {
  max-width: 760px;
  color: #52525b;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 30px;
}
.faq-intro-grande { font-size: 16px; margin: 0 0 20px; }

.faq-list {
  max-width: 900px;
  border-top: 1px solid rgba(199, 148, 18, 0.35);
}

.faq-item { border-bottom: 1px solid rgba(199, 148, 18, 0.35); }

.faq-item summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 4px;
}
.faq-item summary::-webkit-details-marker { display: none; }

.faq-item summary::after {
  content: "+";
  flex: 0 0 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--cor-principal);
  color: var(--cor-dourado);
  font-size: 20px;
  line-height: 29px;
  text-align: center;
  transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease;
}
.faq-item[open] summary::after {
  content: "−";
  background-color: var(--cor-principal);
  color: #fff;
}
.faq-item summary:hover .faq-q,
.faq-item summary:focus-visible .faq-q { color: var(--cor-dourado); }
.faq-item summary:focus-visible { outline: 2px solid var(--cor-principal); outline-offset: 2px; }

.faq-q {
  font-family: "Raleway", sans-serif;
  font-size: 17px;
  line-height: 1.45;
  font-weight: 700;
  color: #302e4d;
  margin: 0;
  transition: color 0.2s ease;
}

.faq-a { padding: 0 52px 20px 4px; }
.faq-a p {
  font-size: 15px;
  line-height: 1.75;
  color: #444;
  margin: 0;
  text-align: left;
}

.faq-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 28px;
  margin-top: 34px;
}
.faq-cta .detalhes-btn3 { margin: 0; }
.faq-link {
  font-weight: 700;
  color: var(--cor-dourado);
  text-decoration: none;
}
.faq-link:hover { color: var(--cor-principal); text-decoration: underline; }

/* Página /perguntas-frequentes.html */
.faq-topo { padding-top: 60px; }
.faq-nav { display: flex; flex-wrap: wrap; gap: 10px; }
.faq-chip {
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid var(--cor-principal);
  border-radius: 999px;
  color: #302e4d;
  font-weight: 600;
  font-size: 14px;
}
.faq-chip:hover { background: var(--cor-principal); color: #fff; }
.faq-rodape { padding: 10px 12px 80px; }
.faq-rodape p { font-size: 15px; }
.faq-rodape a { font-weight: 700; }
[id^="faq-"] { scroll-margin-top: 90px; }

@media (max-width: 767px) {
  .faq-a { padding-right: 4px; }
  .faq-q { font-size: 16px; }
  .faq-area .section-headline h2 { font-size: 1.4em !important; }
  .faq-cta { justify-content: center; }
}

/* ---------- Rodapé e contato ---------- */
.footer-address,
.contact-icon address {
  font-style: normal;
  margin: 0;
}
#footer .footer-contact a { color: inherit; }
#footer .footer-contact a:hover { color: var(--cor-principal); }
.contact-icon .single-icon a { color: inherit; }
.contact-icon .single-icon a:hover { color: var(--cor-principal); }
.single-icon address {
  font-size: 16px;
  line-height: 30px;
  color: #444;
}
@media (max-width: 767px) {
  .single-icon address { font-size: 1.3em; }
}
@media (max-width: 767px) {
  .faq-area .container { padding-left: 16px; padding-right: 16px; }
  .faq-area .section-headline.services-head > h2 { margin-bottom: 28px !important; }
}

/* areas.html: títulos dos cards (antes H1, agora H3 com link) */
.card-areas h3 {
  font-size: 1.5em !important;
  font-weight: 800;
  text-align: left;
  color: var(--cor-azul);
}
.bs-card-areas h3 {
  text-transform: uppercase;
  margin: 0 !important;
}
.card-areas h3 a { color: inherit; }
.card-areas h3 a:hover { color: var(--cor-dourado); }
@media (max-width: 767px) {
  .bs-card-areas h3 { text-align: center !important; }
}

/* Clones do carrossel do banner (H1 vira DIV via tracking.js) */
header .item .cover .header-content .h1-clone {
  font-family: "Raleway", sans-serif;
  font-size: 50px;
  line-height: 50px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 15px;
}
header .item .cover .header-content .h1-clone.hero-titulo {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  font-family: "Luxia", "Raleway", sans-serif;
  letter-spacing: 1px;
  margin-bottom: 5px;
  background: linear-gradient(to right, #e7a650, #ceb278);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 767px) {
  header .item .cover .header-content .h1-clone { font-size: 35px; line-height: 42px; }
  header .item .cover .header-content .h1-clone.hero-titulo { font-size: 13px !important; line-height: 1.4 !important; }
}