/* Identidade oficial Dr. AuAu (manual da marca): marinho #11294C, rosa #FF48A8,
   lavanda #EEE7F7, fonte Poppins. */
@font-face { font-family: "Poppins"; font-weight: 400; font-style: normal; font-display: swap; src: url("fontes/Poppins-Regular.ttf") format("truetype"); }
@font-face { font-family: "Poppins"; font-weight: 400; font-style: italic; font-display: swap; src: url("fontes/Poppins-Italic.ttf") format("truetype"); }
@font-face { font-family: "Poppins"; font-weight: 500; font-style: normal; font-display: swap; src: url("fontes/Poppins-Medium.ttf") format("truetype"); }
@font-face { font-family: "Poppins"; font-weight: 600; font-style: normal; font-display: swap; src: url("fontes/Poppins-SemiBold.ttf") format("truetype"); }
@font-face { font-family: "Poppins"; font-weight: 700; font-style: normal; font-display: swap; src: url("fontes/Poppins-Bold.ttf") format("truetype"); }
@font-face { font-family: "Poppins"; font-weight: 800; font-style: normal; font-display: swap; src: url("fontes/Poppins-ExtraBold.ttf") format("truetype"); }

:root {
  --auau-rosa: #FF48A8;
  --auau-rosa-texto: #C8187A;      /* rosa escurecido: contraste AA sobre branco */
  --auau-marinho: #11294C;
  --auau-lavanda: #EEE7F7;
  --auau-raio: 14px;
  --md-text-font-family: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --md-code-font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}
body, input { font-family: var(--md-text-font-family); }
.md-typeset { font-size: .78rem; line-height: 1.7; }

[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--auau-marinho);
  --md-primary-fg-color--light: #1B3A66;
  --md-primary-fg-color--dark: #0B1C35;
  --md-primary-bg-color: #FFFFFF;
  --md-accent-fg-color: var(--auau-rosa-texto);
  --md-accent-fg-color--transparent: rgba(255, 72, 168, .1);
  --md-typeset-a-color: var(--auau-rosa-texto);
  --auau-superficie: var(--auau-lavanda);
  --auau-titulo: var(--auau-marinho);
}

[data-md-color-scheme="slate"] {
  --md-hue: 215;
  --md-primary-fg-color: #0B1C35;
  --md-primary-fg-color--light: #11294C;
  --md-primary-fg-color--dark: #07142A;
  --md-accent-fg-color: #FF7EC4;
  --md-accent-fg-color--transparent: rgba(255, 126, 196, .12);
  --md-typeset-a-color: #FF7EC4;
  --md-default-bg-color: #0D1F3A;
  --auau-superficie: #16305A;
  --auau-titulo: #F5F0FC;
}

/* ---------- Cabeçalho e abas ---------- */
.md-header, .md-tabs { background-color: var(--md-primary-fg-color); }
.md-tabs__item--active .md-tabs__link {
  color: #fff;
  box-shadow: inset 0 -3px 0 var(--auau-rosa);
  padding-bottom: .35rem;
}
.md-tabs__link { opacity: .85; font-weight: 600; }
.md-header__button.md-logo { padding: .3rem .4rem; margin-right: .2rem; }
.md-header__button.md-logo img { height: 1.75rem; width: auto; }
.md-header__title { font-weight: 600; }
.md-header__title { margin-left: .6rem; padding-left: .8rem; border-left: 1px solid rgba(255,255,255,.25); }
.md-banner { background: var(--auau-rosa); color: #fff; }
.md-banner .vca-aviso { color: var(--auau-marinho); }
.vca-aviso { display: block; text-align: center; font-size: .68rem; font-weight: 600; }

/* ---------- Tipografia ---------- */
.md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset h4 {
  color: var(--auau-titulo);
  font-weight: 800;
  letter-spacing: -.01em;
}
.md-typeset h1 { margin-bottom: .6rem; }
.md-typeset h2 { margin-top: 2rem; }
.md-typeset h2, .md-typeset h3 { clear: both; }
.md-typeset h3 {
  padding-left: .7rem;
  border-left: 4px solid var(--auau-rosa);
}
.md-typeset .headerlink { color: var(--auau-rosa); }

/* ---------- Cabeçalho do artigo (vem do hooks/vca.py) ---------- */
.vca-meta {
  background: var(--auau-superficie);
  border-radius: var(--auau-raio);
  padding: .9rem 1.1rem;
  margin: 0 0 1.6rem;
}
.vca-chips { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .5rem; }
.vca-chip {
  font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  padding: .15rem .6rem; border-radius: 99px;
  background: var(--md-default-bg-color); color: var(--auau-titulo);
}
.vca-chip--caes, .vca-chip--gatos, .vca-chip--caes-e-gatos,
.vca-chip--aves, .vca-chip--pequenos-mamiferos, .vca-chip--repteis-e-anfibios {
  background: var(--auau-rosa); color: #fff;
}
.vca-chip--idioma { background: var(--auau-marinho); color: #fff; }
.md-typeset .vca-autores { margin: .2rem 0; font-weight: 700; color: var(--auau-titulo); }
.md-typeset .vca-datas { margin: 0 0 .7rem; font-size: .7rem; opacity: .75; }
.md-typeset .md-button.vca-botao {
  font-size: .68rem; padding: .35rem 1rem; border-radius: 99px;
  border-color: var(--auau-rosa); color: var(--md-typeset-a-color);
}
.md-typeset .md-button.vca-botao:hover { background: var(--auau-rosa); color: #fff; }

/* Imagens no início do parágrafo flutuam à direita, como no original */
.md-typeset img.flutua {
  float: right;
  width: min(42%, 340px);
  margin: .25rem 0 1rem 1.4rem;
}
.md-typeset img { border-radius: var(--auau-raio); }
@media screen and (max-width: 44em) {
  .md-typeset img.flutua { float: none; display: block; width: 100%; margin: .5rem 0 1rem; }
}

/* Citação de destaque */
[dir] .md-typeset blockquote {
  border-left: 4px solid var(--auau-rosa);
  background: var(--auau-superficie);
  border-radius: 0 var(--auau-raio) var(--auau-raio) 0;
  padding: .6rem 1.1rem;
  color: var(--auau-titulo);
  font-size: 1.05em; font-style: italic;
}
.md-typeset blockquote p { margin: .3rem 0; }

.md-typeset table:not([class]) { border-radius: var(--auau-raio); overflow: hidden; }
.md-typeset table:not([class]) th { background: var(--auau-marinho); color: #fff; }

.vca-fonte {
  clear: both; margin-top: 2.5rem; padding-top: 1rem;
  border-top: 1px dashed var(--md-default-fg-color--lighter);
  font-size: .68rem; opacity: .8; word-break: break-word;
}

/* ---------- Páginas de lista ---------- */
.md-typeset .vca-sub { font-size: .85rem; opacity: .75; margin-top: -.3rem; }
.vca-temas { display: flex; flex-wrap: wrap; gap: .4rem; margin: 1rem 0 1.5rem; }
.md-typeset .vca-temas a {
  padding: .25rem .75rem; border-radius: 99px; font-size: .7rem; font-weight: 700;
  background: var(--auau-superficie); color: var(--auau-titulo);
}
.md-typeset .vca-temas a span { color: var(--md-typeset-a-color); margin-left: .25rem; }
.md-typeset .vca-temas a:hover { background: var(--auau-rosa); color: #fff; }
.md-typeset .vca-temas a:hover span { color: #fff; }
.vca-lista ul { columns: 2 18rem; column-gap: 2rem; padding-left: 0 !important; margin-left: 0 !important; }
.md-typeset .vca-lista li { list-style: none; margin: 0 0 .35rem; break-inside: avoid; }
.md-typeset .vca-lista li::before { content: "•"; color: var(--auau-rosa); font-weight: 800; margin-right: .45rem; }

.vca-tag { font-size: .6rem; font-weight: 800; text-transform: uppercase; padding: .1rem .5rem; border-radius: 99px; }
.vca-tag--novo { background: var(--auau-rosa); color: #fff; }
.vca-tag--atualizado { background: var(--auau-marinho); color: #fff; }

/* ---------- Início ---------- */
.vca-hero {
  background: var(--auau-marinho);
  color: #fff; border-radius: calc(var(--auau-raio) * 1.4);
  padding: 2.2rem 2rem 1.8rem; margin-bottom: 1.6rem;
  position: relative; overflow: hidden; isolation: isolate;
}
/* Padrão de corações da marca (um único bloco, sem emendas) à direita,
   com um degradê marinho por cima que o faz sumir em direção ao texto. */
.vca-hero::before {
  content: ""; position: absolute; top: -10%; bottom: -10%; right: -4%; width: 62%; z-index: -2;
  background: var(--auau-rosa); opacity: .13;
  -webkit-mask: url("marca/padrao-coracoes.svg") right center / cover no-repeat;
          mask: url("marca/padrao-coracoes.svg") right center / cover no-repeat;
}
.vca-hero::after {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, var(--auau-marinho) 38%, rgba(17, 41, 76, 0) 75%);
}
.vca-hero__selos { position: absolute; right: 1.6rem; top: 50%; transform: translateY(-50%); width: 11rem; height: 9rem; }
.md-typeset .vca-pilulas { display: flex; flex-wrap: wrap; gap: .4rem; margin: .4rem 0 1.2rem; }
.md-typeset .vca-pilula { font-size: .68rem; font-weight: 600; padding: .25rem .7rem; border-radius: 99px; background: var(--auau-superficie); color: var(--auau-titulo); }
.md-typeset .vca-pilula b { color: var(--md-typeset-a-color); margin-left: .2rem; }
.vca-hero__selos img { position: absolute; width: 6.6rem; filter: drop-shadow(0 .4rem .8rem rgba(0,0,0,.25)); }
.vca-hero__selos img:first-child { left: 0; top: 0; transform: rotate(-10deg); }
.vca-hero__selos img:last-child { right: 0; bottom: -.4rem; transform: rotate(8deg); }
@media screen and (max-width: 52em) { .vca-hero__selos { display: none; } }
.md-typeset .vca-hero h1 { color: #fff; margin: 0 0 .4rem; font-size: 2.2em; border: 0; padding: 0; }
.md-typeset .vca-hero h1 em { font-style: normal; color: var(--auau-rosa); }
.md-typeset .vca-hero__sub { font-size: .92rem; max-width: 30rem; margin: 0 0 .9rem; }
.md-typeset .vca-hero__meta { font-size: .7rem; opacity: .8; margin: 0; }
.md-typeset .grid.cards > ul > li { border-radius: var(--auau-raio); border-width: 1.5px; }
.md-typeset .grid.cards > ul > li:hover { border-color: var(--auau-rosa); box-shadow: 0 .4rem 1.2rem rgba(255, 72, 168, .15); }
.md-typeset .grid.cards .lg { color: var(--auau-rosa); }
/* Ilustrações da marca nos cards e títulos das espécies */
.md-typeset img.vca-ilustra { height: 2.6rem; width: auto; vertical-align: middle; border-radius: 0; margin-right: .2rem; }
.md-typeset h1 img.vca-ilustra { height: 1.3em; margin: -.2em .35rem 0 0; }
[data-md-color-scheme="slate"] .md-typeset img.vca-ilustra--marinho { filter: brightness(0) invert(1); opacity: .9; }
.md-typeset .grid.cards hr { border-color: var(--auau-rosa); opacity: .3; }

/* ---------- Pautas ---------- */
.vca-pautas { display: grid; gap: 1.1rem; margin: 1.4rem 0 2rem; }
.md-typeset .vca-pauta {
  border: 1.5px solid var(--md-default-fg-color--lightest);
  border-left: 6px solid var(--auau-lavanda);
  border-radius: var(--auau-raio); padding: 1.1rem 1.3rem 1.2rem;
  background: var(--md-default-bg-color);
}
.md-typeset .vca-pauta--p1 { border-left-color: var(--auau-rosa); }
.md-typeset .vca-pauta--p2 { border-left-color: var(--auau-marinho); }
[data-md-color-scheme="slate"] .md-typeset .vca-pauta--p2 { border-left-color: #6E8BC0; }
.md-typeset .vca-pauta header { display: flex; gap: .9rem; align-items: flex-start; }
.md-typeset .vca-pauta__n { font-size: 1.6rem; font-weight: 800; line-height: 1; color: var(--auau-rosa); min-width: 2.2rem; }
.md-typeset .vca-pauta h2 { margin: 0; font-size: 1.15rem; padding: 0; border: 0; }
.md-typeset .vca-pauta__pri {
  display: inline-block; margin-top: .3rem; font-size: .58rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  padding: .12rem .55rem; border-radius: 99px; background: var(--auau-superficie); color: var(--auau-titulo);
}
.md-typeset .vca-pauta--p1 .vca-pauta__pri { background: var(--auau-rosa); color: var(--auau-marinho); }
.md-typeset .vca-pauta__sinal { margin: .8rem 0; font-weight: 600; color: var(--auau-titulo); display: flex; gap: .5rem; }
.md-typeset .vca-pauta h4 { margin: .6rem 0 .3rem; font-size: .62rem; text-transform: uppercase; letter-spacing: .06em; opacity: .65; font-weight: 700; padding: 0; border: 0; }
.md-typeset .vca-pauta__grade { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; }
@media screen and (max-width: 44em) { .md-typeset .vca-pauta__grade { grid-template-columns: 1fr; gap: 0; } }
.md-typeset .vca-pauta__grade p { margin: 0 0 .4rem; }
.md-typeset ul.vca-buscas { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: .3rem; }
.md-typeset ul.vca-buscas li {
  margin: 0; font-size: .7rem; padding: .2rem .6rem; border-radius: 99px;
  background: var(--auau-superficie); color: var(--auau-titulo);
}
.md-typeset ul.vca-buscas li::before { content: "🔍 "; font-size: .85em; }
.vca-refs { display: flex; flex-wrap: wrap; gap: .35rem; }
.md-typeset a.vca-ref {
  font-size: .68rem; font-weight: 600; padding: .2rem .65rem; border-radius: 99px;
  border: 1.5px solid var(--auau-rosa); color: var(--md-typeset-a-color);
}
.md-typeset a.vca-ref:hover { background: var(--auau-rosa); color: var(--auau-marinho); }
.md-typeset a.vca-ref--fora { border-style: dashed; opacity: .8; }
.md-typeset .vca-lacuna {
  margin: 0; padding: .6rem .9rem; border-radius: var(--auau-raio);
  background: var(--auau-rosa); color: var(--auau-marinho); font-size: .72rem;
}