/* Entremargens — complementos ao theme.json */

/* Marca no cabeçalho */
.em-marca { display: flex; align-items: center; gap: 0.75rem; text-decoration: none; color: var(--wp--preset--color--rio); }
.em-marca img { width: 64px; height: auto; display: block; }
.em-marca__nome { font-family: var(--wp--preset--font-family--titulos); font-size: 1.85rem; font-weight: 500; line-height: 1; display: block; }
.em-marca__descritor { font-family: var(--wp--preset--font-family--texto); font-size: 0.62rem; font-weight: 500; letter-spacing: 0.42em; text-transform: uppercase; display: block; margin-top: 0.3rem; }
.em-marca:hover, .em-marca:focus { color: var(--wp--preset--color--rio); }

/* Rótulo acima de títulos */
.em-rotulo { font-size: 0.78rem !important; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 500; color: var(--wp--preset--color--terracota-escura); margin-bottom: 0.25rem !important; }

/* Subtítulo editorial em itálico */
.em-frase { font-family: var(--wp--preset--font-family--titulos); font-style: italic; font-size: clamp(1.35rem, 2.4vw, 1.7rem); line-height: 1.35; color: var(--wp--preset--color--rio); }

/* Linhas de margem (motivo gráfico) */
.em-ondas { display: block; width: 100%; height: auto; color: var(--wp--preset--color--nevoa); }
.em-ondas--rio { color: var(--wp--preset--color--rio); }
.em-hero-visual svg { width: 100%; height: auto; display: block; }

/* Lista numerada do "Como começa" */
.em-passo__numero { font-family: var(--wp--preset--font-family--titulos); font-size: 2.6rem; line-height: 1; color: var(--wp--preset--color--terracota); margin-bottom: 0.5rem !important; }

/* Cartões discretos */
.em-cartao { border-top: 1px solid var(--wp--preset--color--nevoa); padding-top: 1.25rem; }

/* Perguntas frequentes */
.wp-block-details { border-bottom: 1px solid var(--wp--preset--color--nevoa); padding: 1.1rem 0; }
.wp-block-details summary { font-family: var(--wp--preset--font-family--titulos); font-size: 1.4rem; color: var(--wp--preset--color--rio); cursor: pointer; list-style: none; position: relative; padding-right: 2rem; }
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: "+"; position: absolute; right: 0; top: 0; font-family: var(--wp--preset--font-family--texto); font-weight: 300; color: var(--wp--preset--color--terracota); }
.wp-block-details[open] summary::after { content: "–"; }
.wp-block-details > *:not(summary) { margin-top: 0.75rem; }

/* Foto e ilustrações */
.em-foto { margin: 0; position: relative; }
.em-foto img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50% 50% 4px 4px / 38% 38% 4px 4px; }
.em-foto::after { content: ""; position: absolute; left: -14px; bottom: -14px; width: 46%; height: 46%; border-left: 1px solid var(--wp--preset--color--terracota); border-bottom: 1px solid var(--wp--preset--color--terracota); z-index: -1; }
.em-ilustracao { margin: 0 0 0.5rem; }
.em-ilustracao img { display: block; width: 100%; max-width: 220px; height: auto; }
.em-ilustracao--grande img { max-width: 420px; margin: 0 auto; }
.em-ornamento { margin: 0.25rem 0 1.5rem; }
.em-ornamento img { width: 96px; height: auto; display: block; }
.has-text-align-center + .em-ornamento img, .em-ornamento--centro img { margin: 0 auto; }

/* Espaço reservado para foto real (remover ao inserir a foto autorizada) */
.em-foto-pendente { aspect-ratio: 4 / 5; border: 1px dashed var(--wp--preset--color--nevoa); display: flex; align-items: center; justify-content: center; text-align: center; padding: 2rem; color: var(--wp--preset--color--rio); font-size: 0.9rem; background: var(--wp--preset--color--margem-clara); }

/* Rodapé */
.em-rodape a { color: var(--wp--preset--color--margem); }
.em-rodape a:hover, .em-rodape a:focus { color: var(--wp--preset--color--nevoa); }
.em-lista-limpa { list-style: none; padding-left: 0; }
.em-lista-limpa li { margin-bottom: 0.4rem; }
.em-assinatura { font-size: 0.85rem; opacity: 0.9; }

/* Botão secundário */
.wp-block-button.is-style-outline > .wp-block-button__link { border: 1px solid currentColor; background: transparent; color: var(--wp--preset--color--rio); }
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--wp--preset--color--rio); color: var(--wp--preset--color--margem); }

/* Foco visível */
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--wp--preset--color--terracota); outline-offset: 3px; }

@media (max-width: 781px) {
	.em-marca img { width: 48px; }
	.em-marca__nome { font-size: 1.5rem; }
	.em-hero-visual { max-width: 260px; margin: 0 auto; }
}

@media (prefers-reduced-motion: reduce) {
	* { scroll-behavior: auto !important; transition: none !important; }
}