/* Droander Martins — página única no padrão da Wix: faixas-imagem de ponta a ponta sobre fundo preto. */
html, body { background: #000; }
body { margin: 0; }
.dm-main { margin: 0; }
.dm-main .wp-block-post-content > * { margin-block: 0; }

/* faixas (blocos Imagem com link): ocupam a largura toda da tela, como na Wix */
.dm-main .wp-block-image,
.dm-main .wp-block-image figure { margin: 0; max-width: none; }
.dm-main .wp-block-image img { display: block; width: 100%; height: auto; }
.dm-main .wp-block-image a { display: block; }

/* topo com a assinatura: no celular a Wix recorta a foto no centro, quase quadrada */
@media (max-width: 767px) {
  .dm-main .dm-topo img { aspect-ratio: 375 / 391; height: auto; object-fit: cover; object-position: 50% 50%; }
  .dm-main .dm-faixa,
  .dm-main .dm-redes { margin-top: 13px; }
  .dm-main .dm-topo + .dm-faixa { margin-top: 6px; }
}

/* redes sociais: ícones por cima da faixa "Me acompanhe nas Redes Sociais!" */
.dm-redes { position: relative; }
/* medidas em % da largura da faixa, tiradas da Wix (1507px no computador, 374px no celular) */
.dm-redes .dm-icones {
  position: absolute; left: 0; right: 0; top: 57.4%;
  display: flex; gap: 3.39%; padding-left: 13.87%; /* gap e largura contam sobre os 86,13% que sobram depois do recuo */
}
.dm-redes .dm-icones .wp-block-image { flex: 0 0 5.85%; width: 5.85%; }
.dm-redes .dm-icones img { width: 100%; height: auto; transition: transform .2s; }
.dm-redes .dm-icones a:hover img { transform: scale(1.08); }
@media (max-width: 767px) {
  .dm-redes .dm-icones { top: 56.8%; gap: 4.04%; padding-left: 13.9%; }
  .dm-redes .dm-icones .wp-block-image { flex-basis: 8.7%; width: 8.7%; }
}

/* rodapé */
.dm-footer { padding: 13px 16px 14px; text-align: center; }
.dm-footer p { margin: 0; font-family: Sora, Arial, sans-serif; font-weight: 300; font-size: 12px; color: #E6E6E6; }
@media (max-width: 767px) { .dm-footer p { font-size: 9px; } }

.dm-404 { min-height: 50vh; display: grid; place-items: center; padding: 40px 16px; text-align: center; }
.dm-404 a { color: #3D7DC4; }