/* Base — resets mínimos e defaults de link. */
body{font-family:var(--font-core);font-size:var(--fs-corpo);line-height:var(--lh-corpo);color:var(--text-principal);background:var(--surface-pagina);-webkit-font-smoothing:antialiased}
a{color:var(--text-link);text-decoration:underline;text-underline-offset:2px;transition:color var(--transicao)}
a:hover{color:var(--text-link-hover)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--foco-contorno) solid var(--acao-foco);outline-offset:var(--foco-afastamento)}
::selection{background:var(--vermelho-dkarr);color:var(--branco)}
/* Alvo de toque de 44px para links soltos em telas de toque */
@media (pointer:coarse){.dk-alvo-toque{display:inline-flex;align-items:center;min-height:44px}}
/* Foco visível sobre fundos escuros (faixa Berinjela, rodapé Grafite) */
.dk-sobre-escuro a:focus-visible,.dk-sobre-escuro button:focus-visible{outline-color:var(--branco)}
/* Opções livres de calendário e horários: borda em Vermelho Ação no hover */
@media (hover:hover){.dk-opcao-livre:hover{border-color:var(--acao-primaria)!important}}
/* Links do rodapé: sem sublinhado em repouso, sublinhado no hover e no foco */
.dk-rodape-link{text-decoration:none}
.dk-rodape-link:hover,.dk-rodape-link:focus-visible{color:var(--branco);text-decoration:underline}
/* Comparação antes e depois: o controle deslizante é invisível, o foco aparece na foto */
div:has(> .dk-compara-controle:focus-visible){outline:var(--foco-contorno) solid var(--acao-foco);outline-offset:var(--foco-afastamento)}
/* Janela de antes e depois */
.dk-galeria{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:0;border:none;border-radius:var(--raio-16);background:var(--branco);color:var(--text-principal);overflow:auto}
.dk-galeria::backdrop{background:rgba(35,31,32,0.72)}