/* ---- [extrasccss.css] - Versão Limpa e Focada APFH 2025 ---- */

/* Cores principais */
:root {
  --apfh-main: #008d98;
  --apfh-main-hover: #00ccdd;
  --apfh-dark: #005258;
  --apfh-muted: #456769;
}

/* Navegação superior */
.top-nav-collapse,
.navbar:not(.top-nav-collapse) {
  background-color: var(--apfh-main) !important;
}
@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background: var(--apfh-main) !important;
  }
}
.apfhColor { color: var(--apfh-main) !important; }
.fontApfh { color: #008b90 !important; }
.apfhBKcolor1 { background-color: #008b90 !important; }
.apfhcolorBK { background-color: var(--apfh-main) !important; }
.apfhcolorBK_2 { background-color: var(--apfh-dark) !important; }
.apfhcolorBK_3 { background-color: var(--apfh-muted) !important; }
.apfhcolorBK_w { background-color: #fff !important; }

/* Links gerais */
a, a:visited { color: var(--apfh-main) !important; }
a:hover, a:active { color: var(--apfh-main-hover) !important; }

.btTxt a, .btTxt a:visited { color: #fff !important; }
.btTxt a:hover, .btTxt a:active { color: #fff !important; }

.handCursor { cursor: pointer; }

/* Font-sizes utilitários */
.size9 { font-size:9px; }
.size10 { font-size:10px; }
.size11 { font-size:11px; }
.size12 { font-size:12px; }
.size13 { font-size:13px; }
.size14 { font-size:14px; }
.size16 { font-size:16px; }
.size18 { font-size:18px; }
.size20 { font-size:20px; }
.size22 { font-size:22px; }
.size24 { font-size:24px; }
.size28 { font-size:28px; }
.size30 { font-size:30px; }
.size34 { font-size:34px; }
.size36 { font-size:36px; }
.size40 { font-size:40px; }
.size50 { font-size:50px; }

.formLabel { color: #14909a !important; font-weight: bold; }

.bk1 { background-color: var(--apfh-main) !important; min-height:150px; color:white; display: flex; align-items: center; }
.footer1 { background-color: var(--apfh-main) !important; color:white; }

/*---- Tabs Bootstrap 5 ---*/
.nav-tabs {
  border-bottom: 2px solid #dee2e6;
  background: #f8f9fa;
}
.nav-tabs .nav-link {
  border: none;
  color: var(--apfh-main);
  font-weight: bold;
  background: transparent;
  border-radius: 0.4rem 0.4rem 0 0;
  transition: background 0.2s, color 0.2s;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  background: var(--apfh-main);
  color: #fff !important;
  border: none;
}
.nav-tabs .nav-link:not(.active):hover {
  background: #e6f7fa;
  color: var(--apfh-main-hover) !important;
}

.redColor12 {
  background: linear-gradient(90deg, #008d98 0%, #005258 100%);
  color: #fff !important;
}

/* Corrige o texto nas tabs quando está branco */
.nav-tabs .nav-link,
.nav-tabs .nav-link:visited {
  color: var(--apfh-main) !important;
}
.nav-tabs .nav-link.active {
  color: #fff !important;
}

.text-end { text-align: right !important; }

/* Garante responsividade do wrapper tabs */
.tab-content { background: #fff; border-radius: 0 0 0.4rem 0.4rem; border: 0px solid #dee2e6; border-top: none; padding: 1.5rem; }

@media (max-width: 600px) {
  .tab-content { padding: 1rem 0.2rem; }
  .nav-tabs .nav-link { font-size: 13px; padding: 6px 8px; }
}

/* Outros removidos: WOW, .boxesContainer, jarallax, SCfixedBottom, etc. (não usados aqui) */

/* Botoes funções */
.bt_functions, a.bt_functions { color: white !important; }

/* Corrige o espaço para o header fixo */
body {
  padding-top: 64px !important; /* ou a altura exata do header */
}

@media (max-width: 767px) {
  body {
    padding-top: 56px !important; /* ajusta se o header for mais pequeno no mobile */
  }
}

/* Tabs inativas - cor a cinzento */
.nav-tabs .nav-link {
  color: #999 !important;    /* cinzento claro para inativas */
  background: transparent;
  border: none;
  font-weight: 600;
}

/* Tab ativa (herda o fundo do .redColor1, ou usa branco se não tiver) */
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  color: #fff !important;        /* texto branco */
  background-color: #2497a0 !important; /* ou usa a tua cor de fundo preferida */
  border: none;
}

/* Se quiseres remover o sublinhado do Bootstrap nas ativas */
.nav-tabs .nav-link.active {
  border-bottom: 2px solid #2497a0 !important;
}

/* Força links do menu do header a branco */
.navbar-nav .nav-link,
.navbar-nav .nav-link:visited {
  color: #fff !important;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:active,
.navbar-nav .show > .nav-link {
  color: #fff !important;
  background-color: var(--apfh-main-hover) !important; /* Opcional: hover azul-claro */
}

/* Força texto dos dropdowns do menu (mantém preto, mas corrige hover) */
.dropdown-menu .dropdown-item {
  color: #000 !important;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:active {
  color: #fff !important;
  background-color: var(--apfh-main) !important;
}