/* Recanto Conteúdo: estilos dos blocos. Usa as cores do tema com valores de reserva. */

.recanto-banco dl,
.recanto-doc-dados { display: grid; grid-template-columns: auto 1fr; gap: 6px 24px; margin: 0 0 24px; }
.recanto-banco dt,
.recanto-doc-dados dt { font-weight: 700; }
.recanto-banco dd,
.recanto-doc-dados dd { margin: 0; }
.recanto-banco .recanto-copiar { margin: 0 12px 12px 0; cursor: pointer; border: 0; }
.recanto-pix { margin: 16px 0 12px; }
.recanto-pix-caixa { display: flex; flex-wrap: wrap; gap: 24px 32px; align-items: flex-start; background: var(--wp--preset--color--soft, #EDF7F7); border-radius: 10px; padding: 24px; margin: 0 0 32px; }
/* Fundo branco e margem própria: o QR lê bem em qualquer fundo, e preto no branco dá 21:1 */
.recanto-pix-qr { flex: 0 0 auto; width: 220px; max-width: 100%; background: #fff; border-radius: 8px; line-height: 0; }
.recanto-pix-qr svg { width: 100%; height: auto; display: block; }
.recanto-pix-texto { flex: 1 1 280px; min-width: 0; }
.recanto-pix-titulo,
.recanto-banco-titulo { margin: 0 0 8px; }
.recanto-pix-texto .recanto-pix:first-of-type { margin-top: 0; }
.recanto-pix-texto strong { overflow-wrap: anywhere; }
.recanto-pix-ajuda { color: #4A4A4A; font-size: 1rem; margin: 4px 0 0; }
.recanto-copiado { font-weight: 700; color: var(--wp--preset--color--primary, #075782); min-height: 1.6em; overflow-wrap: anywhere; }
@media (max-width: 699px) {
	.recanto-pix-caixa { padding: 20px 16px; }
	.recanto-pix-qr { width: 200px; margin: 0 auto; }
}

/* Documentos */
.recanto-filtros { display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: flex-end; background: var(--wp--preset--color--soft, #EDF7F7); padding: 24px; border-radius: 10px; margin-bottom: 24px; }
.recanto-filtros p { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.recanto-filtros label { font-weight: 700; }
.recanto-filtros select { min-height: 48px; min-width: 220px; font-size: 1.1rem; padding: 6px 10px; border: 2px solid var(--wp--preset--color--primary, #075782); border-radius: 8px; background: #fff; color: var(--wp--preset--color--contrast, #2F2E2E); }
.recanto-filtros .recanto-filtros-botoes { flex-direction: row; align-items: center; gap: 16px; }
.recanto-filtros button { cursor: pointer; border: 0; }
.recanto-contagem { color: #4A4A4A; }
.recanto-doc-ano h2 { border-bottom: 4px solid var(--wp--preset--color--sky, #71C3F0); padding-bottom: 8px; margin-top: 48px; }
.recanto-doc-lista { list-style: none; margin: 0; padding: 0; }
.recanto-doc { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid #D5E6EE; }
.recanto-doc-info { display: flex; flex-direction: column; gap: 4px; flex: 1 1 320px; min-width: 0; }
.recanto-doc-titulo { font-weight: 700; overflow-wrap: anywhere; }
.recanto-doc-meta { color: #4A4A4A; font-size: 1rem; }
.recanto-doc-botao { white-space: nowrap; text-decoration: none; }

/* Eventos */
.recanto-eventos-lista { list-style: none; padding: 0; margin: 0 0 32px; display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.recanto-eventos-lista li { border-left: 6px solid var(--wp--preset--color--accent, #B83E16); background: #fff; box-shadow: 0 2px 10px rgba(4,54,82,.10); border-radius: 10px; padding: 20px 24px; display: flex; flex-direction: column; gap: 6px; }
.recanto-evento-data { font-weight: 700; color: var(--wp--preset--color--accent, #B83E16); }
.recanto-evento-titulo { font-weight: 700; font-size: 1.2rem; }
.recanto-evento-local,
.recanto-evento-info { color: #4A4A4A; }

/* Mapa */
.recanto-mapa iframe { width: 100%; height: 420px; border: 0; border-radius: 10px; }

/* Formulários */
.recanto-form form { display: grid; gap: 4px; max-width: 720px; }
.recanto-campo { margin: 0 0 16px; display: flex; flex-direction: column; gap: 6px; }
.recanto-campo label { font-weight: 700; }
.recanto-campo input[type="text"],
.recanto-campo input[type="email"],
.recanto-campo input[type="tel"],
.recanto-campo input[type="date"],
.recanto-campo input[type="number"],
.recanto-campo select,
.recanto-campo textarea { font: inherit; min-height: 52px; padding: 10px 14px; border: 2px solid #6B7C85; border-radius: 8px; background: #fff; color: var(--wp--preset--color--contrast, #2F2E2E); width: 100%; box-sizing: border-box; }
.recanto-campo textarea { min-height: 140px; }
.recanto-campo-checkbox label { font-weight: 400; display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; }
.recanto-campo-checkbox input { width: 24px; height: 24px; margin-top: 2px; }
.recanto-opcional, .recanto-ajuda, .recanto-legenda { font-weight: 400; color: #4A4A4A; font-size: 1rem; }
.recanto-obrigatorio { color: var(--wp--preset--color--accent, #B83E16); }
.recanto-form button { cursor: pointer; border: 0; }
.recanto-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.recanto-aviso { padding: 16px 20px; border-radius: 10px; font-weight: 700; }
.recanto-aviso-ok { background: #E3F4EA; color: #0B5A31; }
.recanto-aviso-erro { background: #FDECE6; color: #8A2E10; }