html[data-md-color-scheme="default"] {
  --md-primary-fg-color: #ca0707;
}

html[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #ca0707;
}



/* MODO CLARO */
body.light {
  --md-primary-fg-color: #ca0707;
  --md-default-bg-color: #ffffff;
  color: #000;
  background-color: #fff;
}

/* MODO ESCURO */
body.dark {
  --md-primary-fg-color: #ca0707;
  --md-default-bg-color: #121212;
  color: #fff;
  background-color: #121212;
}

/* Responsividade para iframes */
.responsive-iframe {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Proporção 16:9 */
  height: 0;
  overflow: hidden;
}

.responsive-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Estilo customizado para textos grandes e centralizados */
.custom-size {
  font-size: 30px;
  text-align: center;
  display: block;
}

/* Corrige a cor dos títulos no modo escuro */
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6 {
  color: white !important;
}

/* Caso use negrito nos títulos */
body.dark h1 strong,
body.dark h2 strong,
body.dark h3 strong,
body.dark h4 strong,
body.dark h5 strong,
body.dark h6 strong {
  color: white !important;
}
body.dark strong {
  color: white !important;
}
/* Garante visibilidade de itens apagados no menu lateral no modo escuro */
body.dark .md-nav__item,
body.dark .md-nav__link,
body.dark .md-nav__title,
body.dark .md-nav__item .md-nav__link--active {
  color: white !important;
  opacity: 1 !important;
}