/* Experiência de escuta com controles grandes e leitura confortável. */
.site-narrado{font-size:1.25rem;background:#f8f5ed;color:#273c33;--max:1180px;--foco:#1e6449}
.site-narrado .container{padding-inline:28px}
.site-narrado .a11y-bar{padding:8px 24px;background:#e7eee5;gap:8px}
.site-narrado .a11y-bar button{min-width:48px;min-height:44px;font-size:1rem}
.site-narrado .a11y-rotulo{font-size:.85rem;letter-spacing:.02em}
.site-narrado .topo{position:relative;background:#fffefb}
.site-narrado .topo-inner{padding:22px 28px;gap:18px}
.site-narrado .marca{max-width:345px;font-size:1.06rem;line-height:1.4}
.site-narrado .marca-sub{font-size:.85rem;letter-spacing:0}
.site-narrado .menu{font-size:1rem;gap:0}
.site-narrado .menu a{padding:13px 10px}
.site-narrado .menu .btn{font-size:.96rem}
.site-narrado .nav-toggle{min-width:48px;min-height:48px}
.site-narrado h1,.site-narrado h2,.site-narrado h3{color:#243f33}
.site-narrado .narrado-olho{font-size:1rem;font-weight:650;letter-spacing:.035em;color:#526858;margin:0 0 22px}
.narrado-abertura{padding:56px 0 70px;background:#f8f5ed}
.narrado-hero-grid{display:grid;grid-template-columns:1.24fr .76fr;gap:64px;align-items:center}
.site-narrado .narrado-intro h1{font-family:Georgia,serif;font-size:clamp(2.65rem,4.1vw,3.75rem);font-weight:400;line-height:1.1;letter-spacing:-.04em;margin:0 0 28px;text-wrap:initial}
.narrado-intro h1 em{font-style:normal;color:#516b50}
.narrado-lead{max-width:590px;font-size:1.25rem;line-height:1.7;margin-bottom:25px}
.narrado-foto{margin:0;position:relative;border-radius:130px 130px 24px 24px;overflow:hidden;background:#314e39;isolation:isolate}
.narrado-foto img{width:100%;height:580px;object-fit:cover;filter:brightness(.83)}
.narrado-foto::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(17,37,24,.9));z-index:0}
.narrado-foto figcaption{position:absolute;bottom:28px;left:28px;right:28px;z-index:1;color:white;font:1.75rem/1.28 Georgia,serif}
.narrado-foto figcaption span{display:block;font:1rem/1.5 system-ui,sans-serif;margin-top:15px;color:#fff}
.narrado-links{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:14px}
.narrado-links a{font-size:1.05rem;min-height:48px;display:inline-flex;align-items:center;gap:12px;color:#2e503c}
.narrado-relatos{padding:76px 0;background:#e7ede4;border-block:1px solid #d0dccd}
.narrado-cabecalho{max-width:790px;margin-bottom:36px}
.site-narrado .narrado-cabecalho h2,.site-narrado .narrado-duas-colunas h2{font:400 clamp(2rem,3.3vw,2.85rem)/1.17 Georgia,serif;letter-spacing:-.025em;margin:0 0 24px}
.narrado-cabecalho p{line-height:1.75}
.narrado-instrucao{font-size:1.05rem;font-weight:600}
.narrado-relatos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.narrado-relato{background:#fffef9;border:1px solid #cdd8c9;border-radius:18px;padding:28px 24px;display:flex;flex-direction:column;scroll-margin-top:24px}
.site-narrado .narrado-tag{font-size:1rem;line-height:1.6;font-weight:600;color:#54684f;margin-bottom:18px}
.site-narrado .narrado-relato h3{font:400 1.8rem/1.23 Georgia,serif;letter-spacing:-.018em;margin-bottom:20px}
.narrado-relato>p:not(.narrado-tag){font-size:1.125rem;line-height:1.65}
.narrado-relato .ouvir{margin-top:auto;padding-top:18px}
.narrado-escuta,.narrado-cuidado{padding:76px 0}
.narrado-escuta{background:#f6eddd}
.narrado-cuidado{background:#faf8f1;border-bottom:1px solid #d0dccd}
.narrado-duas-colunas{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}
.narrado-duas-colunas>div>p:not(.narrado-olho){max-width:520px}
.narrado-caixa{padding:32px;border:1px solid #c5cfbe;border-radius:18px;background:#fffef9}
.narrado-pontos{padding:0;list-style:none;margin:26px 0 0}
.narrado-pontos li{padding:12px 0;border-top:1px solid #d4dccf;font-size:1.125rem}
.narrado-contato{margin-top:25px;width:100%;font-size:1.1rem!important;white-space:normal}
.ouvir audio{width:100%;min-height:54px}
.ouvir-controles[hidden]{display:none}
.ouvir-acoes{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ouvir button{font:600 1.125rem/1.3 system-ui,sans-serif;cursor:pointer;min-height:56px;min-width:56px;padding:14px 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px}
.ouvir-play{background:#2e533e;color:#fff;border:2px solid #2e533e;flex:1}
.ouvir-play:hover{background:#203d2d}
.ouvir-play[data-loading="true"]{background:#4b604e}
.ouvir-status{font-size:1rem;line-height:1.4;margin:8px 0 0;color:#6c3025}
.ouvir-status:empty{display:none}
.ouvir-direto{font-size:.95rem;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:7px;color:#445c43}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-narrado .bloco p,.site-narrado .hero-casa .lema,.site-narrado .video-texto p{font-size:1.2rem;line-height:1.75}
.site-narrado .btn{min-height:52px}
.site-narrado .rodape p,.site-narrado .rodape a,.site-narrado .menu-rodape li{font-size:1rem;line-height:1.7}
.site-narrado .rodape a{display:inline-flex;align-items:center;min-height:44px}
.site-narrado .zap-flutuante{bottom:18px;right:18px}
.site-narrado .zap-flutuante .rotulo{display:none}
.site-narrado.contraste-alto .ouvir button{background:#000;color:#fff;border:2px solid #fff}
.site-narrado.contraste-alto input{accent-color:#ffd700}
.site-narrado.contraste-alto .narrado-foto::after{background:linear-gradient(transparent,#000)}
.site-narrado.contraste-alto :focus-visible{outline-color:#ffd700}
@media(min-width:900px) and (max-width:1190px){.site-narrado .topo-inner{flex-wrap:wrap}.site-narrado .menu{justify-content:space-between;width:100%}.site-narrado .marca{max-width:none}.narrado-hero-grid{gap:30px}}
@media(max-width:900px){.narrado-hero-grid{grid-template-columns:1fr;gap:30px}.narrado-foto{border-radius:18px}.narrado-foto img{height:320px}.narrado-relatos-grid{grid-template-columns:1fr}.narrado-relato{padding:28px}.narrado-duas-colunas{grid-template-columns:1fr;gap:28px}.site-narrado .narrado-relato h3{font-size:2rem}.narrado-relato>p:not(.narrado-tag){font-size:1.2rem}.narrado-relatos,.narrado-escuta,.narrado-cuidado{padding:52px 0}}
@media(max-width:600px){.site-narrado .container{padding-inline:20px}.site-narrado .topo-inner{padding:16px 20px;gap:14px}.site-narrado .marca{max-width:calc(100% - 66px);font-size:.97rem}.site-narrado .marca-sub{font-size:.78rem}.site-narrado .marca img{width:42px;height:42px;flex-basis:42px}.site-narrado .zap-topo{display:none}.site-narrado .a11y-bar{padding:8px 16px;justify-content:center}.site-narrado .a11y-rotulo{display:none}.narrado-abertura{padding:34px 0 42px}.site-narrado .narrado-intro h1{font-size:2.65rem;line-height:1.13}.narrado-lead{font-size:1.2rem}.narrado-foto img{height:290px}.narrado-foto figcaption{left:22px;right:22px;bottom:22px}.narrado-relato,.narrado-caixa{padding:24px 20px}.narrado-links{gap:2px 18px}.site-narrado .narrado-olho{font-size:.98rem;margin-bottom:18px}.site-narrado .narrado-cabecalho h2,.site-narrado .narrado-duas-colunas h2{font-size:2.2rem}.ouvir button{padding:14px 16px}.site-narrado .zap-flutuante{width:52px;height:52px;bottom:12px;right:12px}}

/* Acolhimento curto: escolha direta, sem carregar os áudios antes do play. */
.narrado-hero-grid{grid-template-columns:1.08fr 1fr;grid-template-areas:"intro partes" "foto partes";gap:28px 56px;align-items:start}
.narrado-intro{grid-area:intro}
.narrado-foto{grid-area:foto;border-radius:18px}
.narrado-foto img{height:200px}
.narrado-foto figcaption{font-size:1.5rem;bottom:20px}
.narrado-foto figcaption span{margin-top:8px;font-size:.95rem}
.acolhimento-partes{grid-area:partes;min-width:0}
.site-narrado .acolhimento-partes h2{font:400 1.75rem/1.25 Georgia,serif;margin:0 0 12px}
.acolhimento-orientacao{font-size:1.05rem;line-height:1.55;margin:0 0 20px}
.acolhimento-lista{display:grid;gap:14px}
.acolhimento-parte{background:#fffef9;border:1px solid #c9d5c4;border-radius:16px;padding:20px 24px;scroll-margin-top:24px}
.site-narrado .acolhimento-etapa{font-size:.95rem;font-weight:600;line-height:1.5;color:#53654b;margin:0 0 6px}
.site-narrado .acolhimento-parte h3{font:600 1.25rem/1.4 system-ui,sans-serif;margin:0 0 14px}
.ouvir-curto .ouvir-play{flex:0 1 auto;min-width:150px}
.ouvir-curto .ouvir-acoes{justify-content:space-between}
.ouvir-curto .ouvir-direto{margin-top:0;min-height:44px}
.site-narrado.contraste-alto .acolhimento-parte{background:#000;border-color:#fff}
@media(max-width:1100px){.narrado-hero-grid{gap:28px}.acolhimento-parte{padding:18px 20px}}
@media(max-width:900px){.narrado-hero-grid{grid-template-columns:1fr;grid-template-areas:"intro" "partes" "foto";gap:28px}.narrado-foto img{height:250px}.narrado-intro{max-width:680px}.site-narrado .acolhimento-partes h2{font-size:1.6rem}}
@media(max-width:600px){.acolhimento-parte{padding:18px}.ouvir-curto .ouvir-play{min-width:138px}.narrado-foto figcaption{font-size:1.4rem}}

/* Esfera de voz: camadas leves, movimentadas pela amplitude real do áudio. */
.ouvir .ouvir-play{--voz-nivel:0;--voz-escala:1;--voz-giro:0deg;--voz-deslocamento:0px;--voz-luz:.42;flex:0 0 auto;min-width:164px;min-height:144px;padding:12px 8px 8px;display:inline-flex;flex-direction:column;gap:12px;background:transparent;color:#294735;border:0;border-radius:18px;box-shadow:none;-webkit-tap-highlight-color:transparent}
.ouvir .ouvir-play:hover,.ouvir .ouvir-play[data-loading="true"]{background:transparent;color:#193524}
.ouvir .ouvir-play:focus-visible{outline:3px solid #1e6449;outline-offset:4px}
.ouvir-play [data-label]{font:600 1rem/1.4 system-ui,sans-serif;text-align:center;white-space:normal}
.voz-esfera{position:relative;display:block;width:92px;height:92px;border-radius:50%;isolation:isolate;transform:scale(var(--voz-escala));transition:transform .12s ease-out;box-shadow:0 6px 19px #31579b26,0 0 0 1px #a7caff50}
.voz-esfera-miolo{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 68% 82%,#d5e5ff 0%,#a8caff 33%,#3979f0 69%,#235cc9 100%)}
.voz-esfera-nuvem{position:absolute;inset:-20%;background:linear-gradient(150deg,transparent 27%,#eef7ff66 35%,#f9fcfff7 45%,#edf5ffe3 52%,#cbdfff88 64%,transparent 76%),radial-gradient(ellipse at 76% 69%,#c8e0ff 0 12%,transparent 43%);filter:blur(3px);transform:rotate(calc(-15deg + var(--voz-giro))) translateY(var(--voz-deslocamento));opacity:.96}
.voz-esfera-onda{position:absolute;inset:-18%;background:radial-gradient(ellipse at 53% 48%,transparent 23%,#f5faffc9 33%,#c8dfff55 44%,transparent 55%);filter:blur(3px);transform:rotate(calc(32deg - var(--voz-giro))) translateX(calc(-1 * var(--voz-deslocamento)));opacity:var(--voz-luz)}
.voz-esfera-luz{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 29% 15%,#ffffff38,transparent 38%),radial-gradient(ellipse at 72% 85%,#e7f3ff5c,transparent 48%);box-shadow:inset 0 0 5px #ffffff52,inset -4px -6px 12px #4675ca24;pointer-events:none}
.voz-esfera::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid #4d8ae04d;opacity:0;transform:scale(.94);transition:opacity .2s,transform .2s}
.ouvir-play[data-playing="true"] .voz-esfera::after{opacity:1;transform:scale(1)}
.ouvir-play[data-loading="true"] .voz-esfera::after{border-style:dashed;opacity:1}
.ouvir-acoes{justify-content:center;gap:18px}
.ouvir-curto .ouvir-play{min-width:154px;min-height:126px;padding-block:8px}
.ouvir-curto .voz-esfera{width:76px;height:76px}
.ouvir-curto .ouvir-acoes{justify-content:space-between;gap:12px}
.narrado-relato .ouvir-acoes{flex-direction:column;gap:10px}
.site-narrado.contraste-alto .ouvir .ouvir-play{background:transparent;color:#fff;border:0}
.site-narrado.contraste-alto .ouvir .ouvir-play:focus-visible{outline-color:#ffd700}
.site-narrado.contraste-alto .voz-esfera::after{border-color:#ffd700}
@media(prefers-reduced-motion:reduce){.voz-esfera,.voz-esfera-nuvem,.voz-esfera-onda,.voz-esfera::after{transform:none!important;transition:none!important}}
@media(forced-colors:active){.voz-esfera{forced-color-adjust:none}.ouvir-play:focus-visible{outline:3px solid Highlight}}
@media(max-width:600px){.ouvir .ouvir-play{min-width:154px}.ouvir-curto .ouvir-play{min-width:145px}.ouvir-acoes{gap:14px}}

/* Esfera centralizada, sem contador nem botão de retorno. */
.ouvir-curto .ouvir-acoes{justify-content:center}

/* Cartões de áudio: título e esfera no mesmo eixo, com fundo preto. */
.site-narrado .audio-cartao{background:#000;border-color:#303840;color:#fff;text-align:center}
.site-narrado .audio-cartao :is(h3,.narrado-tag,.acolhimento-etapa){color:#fff;text-align:center;text-wrap:balance}
.site-narrado .audio-cartao>p:not(.narrado-tag):not(.acolhimento-etapa){color:#e0e5eb}
.site-narrado .audio-cartao .ouvir-play,.site-narrado .audio-cartao .ouvir-play:hover{color:#fff}
.site-narrado .audio-cartao .ouvir-play:focus-visible{outline-color:#b9d9ff}
.site-narrado .audio-cartao .ouvir-direto{color:#d6e8ff}
.site-narrado .audio-cartao .ouvir-status{color:#ffd4cb}
.site-narrado .audio-cartao .voz-esfera{box-shadow:0 0 28px #6c9fff35,0 0 0 1px #b8d6ff24}

/* Durante a escuta, apenas a esfera e sua instrução. A alternativa aparece se houver falha. */
.ouvir[data-enhanced]>.ouvir-direto{display:none}
.ouvir[data-enhanced][data-fallback="true"]>.ouvir-direto{display:inline-flex}

/* Vídeos e imagens em uma coluna à esquerda; conversas em áudio à direita. */
.escuta-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"intro partes" "midia partes" "midia relatos" "midia escuta" "midia familia";gap:36px 48px;padding-block:52px 64px;align-items:start}
.escuta-layout>.narrado-intro{grid-area:intro;min-width:0}
.escuta-layout>.narrado-abertura{grid-area:partes;padding:0;min-width:0}
.escuta-layout>.narrado-relatos{grid-area:relatos}
.escuta-layout>.narrado-escuta{grid-area:escuta}
.escuta-layout>.narrado-cuidado{grid-area:familia}
.escuta-layout>.escuta-midia{grid-area:midia;min-width:0;display:grid;gap:32px;align-content:start}
.escuta-layout>.narrado-relatos,.escuta-layout>.narrado-escuta,.escuta-layout>.narrado-cuidado{padding:28px 22px;border:1px solid #d0dccd;border-radius:20px;min-width:0}
.site-narrado .escuta-layout .container{padding-inline:0;max-width:none;width:100%}
.escuta-layout .narrado-relatos-grid,.escuta-layout .narrado-duas-colunas{grid-template-columns:minmax(0,1fr);gap:22px}
.escuta-layout .narrado-cabecalho{margin-bottom:26px}
.site-narrado .escuta-layout .narrado-cabecalho h2,.site-narrado .escuta-layout .narrado-duas-colunas h2{font-size:clamp(1.9rem,2.6vw,2.5rem)}
.site-narrado .escuta-midia>h2{font:400 2rem/1.2 Georgia,serif;margin:0}
.escuta-midia .narrado-foto{grid-area:auto}
.escuta-midia .narrado-foto img{height:280px}
.site-narrado .escuta-midia .bloco{padding:26px;border:1px solid #d0dccd;border-radius:20px}
.escuta-midia .video-grid,.escuta-midia .boas-vindas-grid{display:flex;flex-direction:column;gap:24px;align-items:stretch}
.site-narrado .escuta-midia .video-texto{order:0!important}
.site-narrado .escuta-midia .video-moldura{order:1!important;width:100%;flex:none}
.site-narrado .escuta-midia .video-texto h2{font:400 1.85rem/1.2 Georgia,serif;letter-spacing:-.02em;margin:10px 0 18px}
.site-narrado .escuta-midia .video-texto p,.site-narrado .escuta-midia .inclusos-mini{font-size:1.05rem;line-height:1.65}
.escuta-midia .btn{white-space:normal;text-align:center}
@media(max-width:900px){
 .escuta-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "partes" "relatos" "escuta" "familia" "midia";padding-block:34px 44px;gap:30px}
 .escuta-layout>.narrado-relatos,.escuta-layout>.narrado-escuta,.escuta-layout>.narrado-cuidado{padding:24px 18px}
 .site-narrado .escuta-midia .bloco{padding:24px 18px}
 .site-narrado .escuta-midia .video-texto p,.site-narrado .escuta-midia .inclusos-mini{font-size:1.125rem}
}
