/* Identidade visual Vital Care — cores extraídas da logomarca. */
:root {
  --vitalcare-teal: #229faf;
  --vitalcare-teal-dark: #187d89;
  --vitalcare-red: #d11f2a;
  --vitalcare-ink: #123d43;
  --vitalcare-mist: #f1fbfc;
}

.elementor-kit-6 {
  --e-global-color-primary: var(--vitalcare-teal) !important;
  --e-global-color-secondary: var(--vitalcare-ink) !important;
  --e-global-color-text: #38636a !important;
  --e-global-color-accent: var(--vitalcare-red) !important;
}

/* Ações principais usam o azul-petróleo; o vermelho do símbolo entra como destaque. */
.elementor-button,
.cky-btn-accept,
.meu-flip.is-current-page {
  background-color: var(--vitalcare-teal) !important;
  border-color: var(--vitalcare-teal) !important;
}

.elementor-button:hover,
.elementor-button:focus,
.cky-btn-accept:hover,
.cky-btn-accept:focus {
  background-color: var(--vitalcare-teal-dark) !important;
  border-color: var(--vitalcare-teal-dark) !important;
  color: #ffffff !important;
}

/* Impede que regras herdadas deixem rótulos e ícones invisíveis nos hovers. */
.elementor-button,
.elementor-button *,
.elementor-button:hover,
.elementor-button:hover *,
.elementor-button:focus,
.elementor-button:focus * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.elementor-nav-menu--dropdown a:hover,
.elementor-nav-menu--dropdown a:focus {
  background-color: var(--vitalcare-teal) !important;
  color: #ffffff !important;
}

.elementor-nav-menu--dropdown a:hover *,
.elementor-nav-menu--dropdown a:focus * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* A faixa superior é azul-petróleo: a saudação precisa de alto contraste. */
.elementor-element-ded13b3 .elementor-heading-title {
  color: #ffffff !important;
}

/* Hover do menu principal sem cor transparente ou fundo que esconda o rótulo. */
.elementor-nav-menu--main .elementor-item:hover,
.elementor-nav-menu--main .elementor-item:focus,
.elementor-nav-menu--main .elementor-item-active {
  background-color: transparent !important;
  color: var(--vitalcare-teal-dark) !important;
}

/* Logos de clientes permanecem monocromáticos; o hover não revela cores diferentes. */
.empresas-logo img,
.empresas-logo img:hover,
.empresas-logo .swiper-slide:hover img {
  filter: grayscale(100%) !important;
  opacity: 1 !important;
}

.elementor-widget-heading .elementor-heading-title,
.elementor-nav-menu--main .elementor-item:hover,
.elementor-nav-menu--main .elementor-item-active,
.elementor-widget-icon-list .elementor-icon-list-icon i,
.elementor-widget-icon-list .elementor-icon-list-icon svg {
  color: var(--vitalcare-teal) !important;
  fill: var(--vitalcare-teal) !important;
}

.cky-revisit-bottom-left { background-color: var(--vitalcare-red) !important; }

/* Fundo claro garante legibilidade para a nova marca colorida no rodapé. */
.elementor-69 .elementor-element.elementor-element-cb8678a,
.elementor-69 .elementor-element.elementor-element-9eddaee,
.elementor-69 .elementor-element.elementor-element-4b622e0 {
  background-color: var(--vitalcare-mist) !important;
}

.elementor-69 .elementor-heading-title,
.elementor-69 .elementor-widget-text-editor,
.elementor-69 .elementor-icon-list-text,
.elementor-69 .elementor-icon-list-item > a,
.elementor-69 .elementor-social-icon i,
.elementor-69 .elementor-social-icon svg {
  color: var(--vitalcare-ink) !important;
  fill: var(--vitalcare-ink) !important;
}

/* Os estilos de origem fixavam branco em alguns itens do rodapé. */
.elementor-69 .elementor-widget-container,
.elementor-69 .elementor-widget-container *,
.elementor-69 .elementor-icon-list-item > a,
.elementor-69 .elementor-icon-list-item > a *,
.elementor-69 .elementor-social-icon i,
.elementor-69 .elementor-social-icon svg {
  color: var(--vitalcare-ink) !important;
  fill: var(--vitalcare-ink) !important;
}

.elementor-69 * {
  color: var(--vitalcare-ink) !important;
}

.elementor-69 .elementor-element.elementor-element-a18486e { border-color: var(--vitalcare-teal) !important; }
.elementor-69 .elementor-element.elementor-element-670e791 {
  width: min(100%, 220px) !important;
  height: 94px;
  background: url("../images/logo.png") left center / contain no-repeat;
}

.elementor-69 .elementor-element.elementor-element-670e791 img { display: none !important; }

@media (max-width: 767px) {
  .elementor-element-c7627dd img { max-width: 180px !important; }
}

/* Exceções posicionadas ao fim para vencer estilos globais do Elementor. */
.elementor-element-ded13b3 .elementor-heading-title {
  color: #ffffff !important;
}

.elementor-nav-menu--main .elementor-item:hover,
.elementor-nav-menu--main .elementor-item:focus,
.elementor-nav-menu--main .elementor-item-active {
  background-color: transparent !important;
  color: var(--vitalcare-teal-dark) !important;
}