/* Capa no modelo da Andressa (08/10): foto larga da estante + cartão branco com o nome e o texto. */
.rt-capa-foto { margin-block: 0 !important; }
.rt-capa-cartao { position: relative; z-index: 3; margin-top: clamp(-180px, -12vw, -60px) !important; box-shadow: 0 10px 30px rgba(23, 43, 41, .08); }
.rt-nome { font-weight: 400; text-transform: uppercase; letter-spacing: .2em; font-size: clamp(1.6rem, 3vw, 2.1rem); line-height: 1.35; color: var(--wp--preset--color--profundo); }
.rt-capa-sub { color: var(--wp--preset--color--suave); font-size: var(--wp--preset--font-size--pequeno); letter-spacing: .04em; line-height: 1.8; }

/* Depoimentos (08/10): um cartão por fala, cores e tamanhos diferentes. */
.rt-depos { align-items: stretch !important; }
.rt-depo { border-radius: 16px; }
.rt-depo p { line-height: 1.6; }
.rt-depo .has-grande-font-size { font-family: var(--wp--preset--font-family--titulos, inherit); font-style: italic; line-height: 1.45; }
.rt-depo-nome { font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: .85rem; margin-top: 1.2rem; }

/* Pintura no topo de cada página (imagem destacada) + crédito da obra. */
.rt-banner { margin-block: 0 !important; }
.rt-banner .wp-block-cover__inner-container, .rt-faixa-pintura .wp-block-cover__inner-container { position: static; text-align: center; }
.rt-banner .wp-block-cover__inner-container > *, .rt-faixa-pintura .wp-block-cover__inner-container > * { position: relative; z-index: 2; }
.rt-banner h1 { font-size: clamp(2rem, 4.5vw, 3.2rem); text-shadow: 0 2px 14px rgba(0, 0, 0, .35); margin: 0; }
.rt-banner .rt-credito, .rt-faixa-pintura .rt-credito { position: absolute !important; z-index: 2; right: 14px; bottom: 8px; margin: 0; font-size: .75rem; color: rgba(255, 255, 255, .85); text-shadow: 0 1px 4px rgba(0, 0, 0, .6); font-style: italic; }
@media (max-width: 600px) { .rt-banner .rt-credito, .rt-faixa-pintura .rt-credito { left: 14px; text-align: right; } }

/* Faixa "Vamos conversar" da página inicial com a pintura de fundo. */

/* Cabeçalho transparente por cima da foto/pintura do topo; ganha fundo verde ao rolar (JS em functions.php).
   Mesma lógica do tema "Pedra Azul" da Tarcila. */
:root { --rt-header-h: 92px; }
.rt-topo-foto .rt-header { position: fixed; left: 0; right: 0; background: transparent !important; border-bottom: 0; transition: background-color .25s, box-shadow .25s; }
.rt-topo-foto .rt-header.rt-rolou { background: var(--wp--preset--color--profundo) !important; box-shadow: 0 2px 10px rgba(0, 0, 0, .25); }
.rt-topo-foto .rt-header .wp-block-site-title a,
.rt-topo-foto .rt-header .wp-block-site-tagline,
.rt-topo-foto .rt-header .wp-block-navigation a,
.rt-topo-foto .rt-header .wp-block-navigation__responsive-container-open { color: #fff !important; text-shadow: 0 1px 4px rgba(0, 0, 0, .5); }
.rt-topo-foto .rt-header .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--profundo) !important; }
.rt-topo-foto .rt-header .wp-block-navigation__responsive-container.is-menu-open a { text-shadow: none; }
.rt-topo-foto .wp-site-blocks > * { margin-block-start: 0 !important; }
/* O topo (capa/banner) começa atrás do cabeçalho: o texto desce o tamanho do cabeçalho. */
.rt-banner { padding-top: calc(var(--rt-header-h) + 1rem) !important; min-height: calc(300px + var(--rt-header-h)) !important; }
.wp-block-cover.rt-capa-foto { min-height: clamp(320px, 40vw, 520px) !important; margin-block: 0 !important; }
.admin-bar.rt-topo-foto .rt-header { top: 32px; }
@media (max-width: 782px) { .admin-bar.rt-topo-foto .rt-header { top: 46px; } }
@media (max-width: 600px) { :root { --rt-header-h: 104px; } }

/* Parallax: desligado para quem pede menos movimento (e no celular o próprio navegador já ignora). */
@media (prefers-reduced-motion: reduce) { .wp-block-cover .has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll !important; } }

/* Texto justificado ("textos retos", pedido 08/10), com hifenização em português pra não abrir buracos. */
main p:not([class*="has-text-align"]):not(.rt-capa-sub):not(.rt-credito):not(.rt-depo-nome),
main li, main details p { text-align: justify; hyphens: auto; -webkit-hyphens: auto; }