/* ==========================================================================
   Twdata — unified theme for index.php / suporte.php / contato.php
   (previously split across twdata-theme.css + twdata-v2-theme.css;
   twdata-theme.css itself is still used standalone by twdata.php (v1),
   so it remains on disk — this file just no longer depends on it)
   ========================================================================== */

/* --------------------------------------------------------------------
   Brand palette + component overrides (formerly twdata-theme.css)
   -------------------------------------------------------------------- */
:root {
  --bs-primary: #1A6CE7;
  --bs-primary-rgb: 26, 108, 231;
  --bs-link-color: #1A6CE7;
  --bs-link-color-rgb: 26, 108, 231;
  --bs-link-hover-color: #1456BA;
  --bs-link-hover-color-rgb: 20, 86, 186;
  --bs-dark: #181936;
  --bs-dark-rgb: 24, 25, 54;
  --bs-body-color: #000000;
  --bs-body-color-rgb: 0, 0, 0;
}

/* Dark-themed sections (hero, header, footer, CTA cards) get the brand's dark navy body bg
   instead of Bootstrap's default near-black — this also fixes the sticky header background,
   which reads var(--bs-body-bg), so the white logo stays visible once the header goes solid. */
[data-bs-theme=dark] {
  --bs-primary: #1A6CE7;
  --bs-primary-rgb: 26, 108, 231;
  --bs-link-color: #1A6CE7;
  --bs-link-color-rgb: 26, 108, 231;
  --bs-link-hover-color: #1456BA;
  --bs-link-hover-color-rgb: 20, 86, 186;
  --bs-dark: #181936;
  --bs-dark-rgb: 24, 25, 54;
  --bs-body-bg: #181936;
}

.btn-primary {
  --bs-btn-bg: #1A6CE7;
  --bs-btn-border-color: #1A6CE7;
  --bs-btn-hover-bg: #1E5AA6;
  --bs-btn-hover-border-color: #1E5AA6;
  --bs-btn-focus-shadow-rgb: 26, 108, 231;
  --bs-btn-active-bg: #1456BA;
  --bs-btn-active-border-color: #1456BA;
  --bs-btn-disabled-bg: #1A6CE7;
  --bs-btn-disabled-border-color: #1A6CE7;
}

.btn-outline-primary {
  --bs-btn-color: #1A6CE7;
  --bs-btn-border-color: #1A6CE7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1A6CE7;
  --bs-btn-hover-border-color: #1A6CE7;
  --bs-btn-focus-shadow-rgb: 26, 108, 231;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1A6CE7;
  --bs-btn-active-border-color: #1A6CE7;
  --bs-btn-disabled-color: #1A6CE7;
  --bs-btn-disabled-border-color: #1A6CE7;
}

.btn-dark {
  --bs-btn-bg: #181936;
  --bs-btn-border-color: #181936;
  --bs-btn-hover-bg: #22234a;
  --bs-btn-hover-border-color: #22234a;
  --bs-btn-focus-shadow-rgb: 24, 25, 54;
  --bs-btn-active-bg: #101126;
  --bs-btn-active-border-color: #101126;
  --bs-btn-disabled-bg: #181936;
  --bs-btn-disabled-border-color: #181936;
}

/* Menu CTA — white pill button with calendar icon ("Agendar Reunião") */
.btn-cta-menu {
  background-color: #fff;
  border-color: #fff;
  color: #181936;
  border-radius: 50rem;
}
.btn-cta-menu:hover,
.btn-cta-menu:focus {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #181936;
}

/* Yellow accent — footer "Agendar Horário" button */
.btn-yellow {
  background-color: #FFD653;
  border-color: #FFD653;
  color: #181936;
}
.btn-yellow:hover {
  background-color: #f5c93e;
  border-color: #f5c93e;
  color: #181936;
}

/* WhatsApp accent — mirrors twdata.com.br's convention of a distinct green for WhatsApp actions */
.btn-whatsapp {
  background-color: #40C351 !important;
  border-color: #40C351 !important;
  color: #fff !important;
}
.btn-whatsapp:hover {
  background-color: #35a844 !important;
  border-color: #35a844 !important;
  color: #fff !important;
}

/* Compact button — smaller font/padding, used for the WhatsApp/Agendar shortcuts in contato.php and the footer */
.btn-compact {
  font-size: 13px !important;
  padding: 4px 11px !important;
}

/* Sobre card — flat light gray, no border */
.card-sobre {
  background-color: #f8f8f8 !important;
  border: none !important;
}

/* Outline card — transparent bg, subtle blue border; for cards sitting on a colored/tinted section */
.card-outline-white {
  background-color: transparent !important;
  border: 1px solid rgb(26 108 231 / 17%) !important;
}

/* Accordion — light blue button background, matching the site's blue-tint sections */
.accordion.accordion-bg-light .accordion-button {
  background-color: #e8f0fd !important;
  color: var(--bs-gray-900) !important;
}

/* Horizontal rule — more breathing room below than Bootstrap's default */
hr {
  margin: 2rem 0 4.5rem;
}

/* Headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: 600;
}

.display-5 {
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .display-5 {
    font-size: 39px;
  }
}

/* Notebook screens and up */
@media (min-width: 992px) {
  h2, .h2 {
    font-size: 32px;
    margin-bottom: 15px !important;
  }
}

/* CTA section — dark navy, matching the rest of the page's dark sections */
#cta {
  background-color: #181936 !important;
}

/* Nav-link hover/active color — style.css hardcodes green here (both the light
   navbar default and the dark navbar variant), never picks up --bs-primary */
.navbar {
  --bs-navbar-hover-color: var(--bs-primary) !important;
  --bs-navbar-active-color: var(--bs-primary) !important;
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-hover-color: var(--bs-primary) !important;
  --bs-navbar-active-color: var(--bs-primary) !important;
}

/* --------------------------------------------------------------------
   Page-scoped layout/typography overrides (formerly twdata-v2-theme.css)
   These load after the block above, so they keep winning every tie
   exactly like they did when the two files were linked separately.
   -------------------------------------------------------------------- */
.display-5 {
  font-weight: 500;
  font-size: 38px !important;
}

h1, .h1 {
  font-size: 38px !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: 500;
}

h2, .h2 {
  font-size: 28px;
  margin-bottom: 15px !important;
}

h5, .h5 {
  font-size: 20px;
}

/* Hero top padding */
.hero-top-pad {
  padding-top: 7rem !important;
}

/* Hero lead paragraph */
#hero p {
  font-size: 20px;
  line-height: 1.4;
}

/* Metodologia cards — same shape as the Serviços cards, no border */
.card-no-border {
  border: none !important;
  background: #58585800;
}

/* Vertical rhythm between sections */
section {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}

/* Section background — light tint of the brand blue, replaces plain gray */
.bg-blue-soft {
  background-color: #f7faff !important;
}

/* FAQ accordion items in white, for when the section itself sits on a light-blue bg */
.accordion.accordion-bg-white .accordion-item {
  border: none;
  background-color: #fff;
}
.accordion.accordion-bg-white .accordion-button {
  background-color: #fff !important;
  color: var(--bs-gray-900) !important;
}
.accordion.accordion-bg-white .accordion-button:not(.collapsed) {
  box-shadow: none !important;
}

/* FAQ accordion items in the light-blue tint, for when the section itself is white */
.accordion.accordion-bg-blue-soft .accordion-item {
  border: none;
  background-color: #f7faff;
}
.accordion.accordion-bg-blue-soft .accordion-button {
  background-color: #f7faff !important;
  color: var(--bs-gray-900) !important;
}
.accordion.accordion-bg-blue-soft .accordion-button:not(.collapsed) {
  box-shadow: none !important;
}

/* Hero background — soft static blue gradient */
.hero-gradient {
  background: linear-gradient(120deg, #ffffff, #f3f7ff, #e5f0ff, #e6f0ff);
}

/* Buttons — smaller, tighter, nexforce-style.
   Note: no --bs-btn-color/--bs-btn-bg/--bs-btn-border-color here on purpose —
   those must come from .btn-primary/.btn-outline-primary/.btn-dark/etc, since
   .btn and .btn-xxx share the same specificity and this rule loads last. */
.btn {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-font-family: Inter, sans-serif;
  --bs-btn-font-size: 14px;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1.5;
  --bs-btn-border-width: 1px;
  --bs-btn-border-radius: 0.313rem;
  --bs-btn-box-shadow: none;
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  padding: 8px 12px;
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  border-radius: var(--bs-btn-border-radius);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* CTA (contato) section — kept white/clean, own class so the shared #cta rule (dark navy, used by v1) isn't touched */
.cta-clean {
  background-color: #ffffff !important;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

/* Tighter navbar-brand padding for the logo-tw-azul.png wordmark */
.navbar {
  --bs-navbar-brand-padding-y: 15px;
}

.fs-20 {
  font-size: 20px;
  line-height: 1.5;
}
.fs-18 {
  font-size: 18px;
  line-height: 1.5;
}

.pt-0 {
  padding-top: 0 !important;
}

.mw-450 {
  max-width: 450px;
}


.fs-32 {
  font-size: 32px;
  line-height: 1.2;
}