/* A aparência original permanece nos arquivos existentes. */
[data-outubro-rosa][hidden] { display: none !important; }

.tema-outubro-rosa {
  --rosa-campanha: #a71953;
  --rosa-suave: #fff1f6;
}
.tema-outubro-rosa .outubro-rosa-faixa {
  background: var(--rosa-campanha);
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 14px;
}
.tema-outubro-rosa .outubro-rosa-laco {
  display: inline-flex;
  flex: 0 0 24px;
  margin-left: 10px;
}
.tema-outubro-rosa :is(.img-logo-topo, .img-logo-topo-mobile) {
  display: flex;
  align-items: center;
}
.tema-outubro-rosa :is(.img-logo-topo, .img-logo-topo-mobile) > img {
  max-width: calc(100% - 34px);
  min-width: 0;
  object-fit: contain;
}

/* As cores originais permanecem como fallback fora de outubro. */
.tema-outubro-rosa {
  --outubro-cor-13718a: #a71953;
  --outubro-rgb-13718a: 167, 25, 83;
  --outubro-cor-00cbec: #c52b70;
  --outubro-rgb-00cbec: 197, 43, 112;
  --outubro-cor-05285c: #681033;
  --outubro-rgb-05285c: 104, 16, 51;
  --outubro-cor-063f8f: #891546;
  --outubro-rgb-063f8f: 137, 21, 70;
  --outubro-cor-078f9d: #b42363;
  --outubro-rgb-078f9d: 180, 35, 99;
  --outubro-cor-dbeafe: #fce2ed;
  --outubro-rgb-dbeafe: 252, 226, 237;
  --outubro-cor-e6f7f9: #fff0f6;
  --outubro-rgb-e6f7f9: 255, 240, 246;
  --outubro-cor-f4f8fb: #fcf7f9;
  --outubro-rgb-f4f8fb: 252, 247, 249;
  --outubro-cor-d5dde7: #e7d5de;
  --outubro-rgb-d5dde7: 231, 213, 222;
}

/* Estados azuis dos controles do Bootstrap, sem editar a biblioteca. */
.tema-outubro-rosa .btn-primary {
  background-color: #a71953;
  border-color: #a71953;
}
.tema-outubro-rosa .btn-primary:is(:hover, :focus, :active),
.tema-outubro-rosa .btn-outline-primary:is(:hover, :focus, :active) {
  background-color: #80133f;
  border-color: #80133f;
  color: #fff;
}
.tema-outubro-rosa .btn-outline-primary {
  color: #a71953;
  border-color: #a71953;
}
.tema-outubro-rosa .form-control:focus,
.tema-outubro-rosa .form-select:focus {
  border-color: #d879a0;
  box-shadow: 0 0 0 .25rem rgba(167, 25, 83, .25);
}
.tema-outubro-rosa .form-check-input:checked {
  background-color: #a71953;
  border-color: #a71953;
}
.tema-outubro-rosa .text-primary { color: #a71953 !important; }
.tema-outubro-rosa .bg-primary { background-color: #a71953 !important; }
.tema-outubro-rosa .border-primary { border-color: #a71953 !important; }

/* Fundo contínuo: rosa claro, pontos delicados e círculos suaves.
   As camadas se repetem até o final da página, sem cobrir o conteúdo. */
body.tema-outubro-rosa {
  background-color: #fff3f7;
  background-image:
    radial-gradient(circle, rgba(167, 25, 83, .09) 1px, transparent 1.5px),
    radial-gradient(ellipse at 0% 20%, rgba(232, 135, 173, .16), transparent 55%),
    radial-gradient(ellipse at 100% 80%, rgba(232, 135, 173, .13), transparent 55%);
  background-size: 36px 36px, 100% 900px, 100% 900px;
  background-repeat: repeat;
}

/* Retira apenas os fundos neutros das áreas amplas para revelar o fundo
   da página. Cartões, campos, banners e áreas com texto branco mantêm
   suas superfícies para preservar o contraste. */
.tema-outubro-rosa :is(
  header.navbar,
  .mobile-navbar,
  .secao-uteis,
  .section-coletas,
  .text-wrapper-8,
  .section-exames-buscados,
  .section-nossas-unidades,
  .todos-exames,
  .interna-exames,
  .todos-convenios,
  .section-quem-somos,
  .section-quem-somos2,
  .interna-fale-conosco,
  .trabalhe-conosco,
  .section-parceiro-qualidades,
  .section-duvidas,
  .footer-pagina-final
) {
  background-color: transparent;
}

.tema-outubro-rosa .interna-unidades .box-unidade {
  background-color: #fff;
}

@media (max-width: 767px) {
  body.tema-outubro-rosa {
    background-size: 30px 30px, 100% 650px, 100% 650px;
  }
}