// ———————————————————————————————————————————————— // BIBLIOTECA · Recursos — ebooks gratuitos // ———————————————————————————————————————————————— const { useState: useStateB } = React; const pal = { cream: '#EDE4D3', creamDeep: '#E4D9C3', creamLighter: '#F3ECDD', olive: '#3F4528', oliveMid: '#5E6337', oliveDeep: '#2B3A2B', mustard: '#A8792B', mustardDark: '#8A6320', clay: '#8A4B2C', clayDeep: '#5C3218', }; const RuleB = ({ opacity = 0.18, my = 0 }) => (
); const EyebrowB = ({ children, color = pal.clay, style }) => (
{children}
); // ———————————————————————————————————————————————— // Mockup pequeno de livro para cada guia — cores variam // ———————————————————————————————————————————————— const GuideMock = ({ color = pal.mustard, accent = pal.mustardDark, iconPath, placeholder = false, coverVariant }) => (
{/* Sombra */}
{/* Lombada */} {!placeholder && (
)} {/* Capa */}
{!placeholder && coverVariant === 'jardim' && ( Intestino e imunidade da criança )} {!placeholder && coverVariant === 'parasitas' && ( Guia dos Parasitas — Parasitas e o Intestino da Criança )} {!placeholder && coverVariant === 'ciclo' && ( Mapa do ciclo da doença na criança )} {!placeholder && coverVariant === 'sono' && ( Rituais do sono para honrar a noite )} {!placeholder && !coverVariant && ( {iconPath} )} {placeholder && (
em breve
)}
); // ———————————————————————————————————————————————— // Capa especial "O Jardim Interior" — espelha a arte original // fundo verde escuro · silhueta de criança · flora + intestino · título serif coral // ———————————————————————————————————————————————— const JardimCover = () => ( {/* Fundo verde profundo */} {/* Moldura botânica fina */} {/* Título coral */} O Jardim Interior Intestino + imunidade da criança {/* ——— Criança (esquerda) + Intestino (direita) ——— */} {/* Criança — silhueta de perfil, pequena, à esquerda */} {/* cabelo-folhas */} {/* cabeça */} {/* olho */} {/* bochecha */} {/* pescoço */} {/* tronco */} {/* coração no peito — pequenina flor */} {/* Linha de conexão delicada entre criança e intestino */} {/* pequeno coração a meio */} {/* Intestino — forma anatómica à direita, em coral */} {/* "vaso" que o contém — oval suave */} {/* intestino enrolado — laços */} {/* microbiota — pontos + flores minúsculas dentro */} {/* Flora a sair do intestino (brotos de saúde) */} {/* Pequenos frutos/flores entre ambos — simboliza equilíbrio */} {/* Folhas decorativas laterais da composição */} {/* Rodapé */} DRA. BRUNA · 2026 ); // ———————————————————————————————————————————————— // Capa especial "Guia Prático: Parasitas e o Intestino da Criança" // fundo creme · título sans-serif navy · jardim + silhueta de criança agachada // ———————————————————————————————————————————————— const ParasitasCover = () => ( {/* Fundo creme */} {/* Halo quente atrás da criança */} {/* Título — navy, 3 linhas */} O Guia Prático: Parasitas e o Intestino da Criança {/* Subtítulo — serif mustard itálico */} O que todos os pais precisam de saber sobre estes intrusos invisíveis. {/* ——— CENA: CORPO + INTESTINO + PARASITAS ——— */} {/* Halo quente central */} {/* Torso/contorno de criança — enquadramento anatómico editorial */} {/* silhueta do tronco (ombros + abdómen) */} {/* pescoço */} {/* sombra na base do pescoço */} {/* "Janela anatómica" — oval creme que abre o abdómen */} {/* INTESTINO enrolado — coral, dentro da janela */} {/* traços claros no intestino para textura */} {/* PARASITAS — vermes estilizados dentro e fora da janela */} {/* verme 1 — dentro, em curva S */} {/* verme 2 — maior, dentro inferior */} {/* quisto oval */} {/* quisto 2 */} {/* verme solto flutuando fora da janela — direita */} {/* verme solto fora — esquerda */} {/* ovos pequenos (pontos duplos) */} {/* Lupa editorial — canto superior direito sobre o corpo */} {/* mini verme dentro da lupa */} {/* Folhinhas de ervas/plantas medicinais a enquadrar em baixo */} {/* pequenas flores */} {/* Tag-pill no rodapé */} Um manual visual de sintomas e soluções. ); // ———————————————————————————————————————————————— // Capa especial "Mapa do ciclo da doença" // fundo creme · círculo das 4 fases com setas e pontos mustard // ———————————————————————————————————————————————— const CicloCover = () => { const cx = 60, cy = 92, r = 30; // 4 pontos cardinais: topo, direita, baixo, esquerda const pts = [ { x: cx, y: cy - r, label: 'Crise aguda', fase: '01', sub: 'Febre. Otite.' }, { x: cx + r, y: cy, label: 'Resposta', fase: '02', sub: 'Consulta.' }, { x: cx, y: cy + r, label: 'Melhora', fase: '03', sub: 'Uma semana boa.' }, { x: cx - r, y: cy, label: 'Recaída', fase: '04', sub: 'Outra vez.' }, ]; return ( {/* Fundo creme */} {/* Título topo */} Mapa do ciclo da doença {/* Filete mustard */} {/* Círculo principal — linha mustard */} {/* Círculo interno pontilhado */} {/* Centro — pergunta */} O QUE VÊS E se não estiver no ciclo, mas por baixo dele? {/* Pontos + setas nas fases */} {pts.map((p, i) => ( ))} {/* Setas verde-olive direcionais nos quadrantes (entre pontos) */} {/* NE (entre topo e direita) */} {/* SE (entre direita e baixo) */} {/* SW (entre baixo e esquerda) */} {/* NW (entre esquerda e topo) */} {/* Labels das 4 fases */} {/* Topo — Crise aguda */} FASE · 01 Crise aguda {/* Direita — Resposta */} FASE · 02 Resposta {/* Baixo — Melhora */} FASE · 03 Melhora aparente {/* Esquerda — Recaída */} FASE · 04 Recaída {/* Rodapé — filete de fecho */} ); }; // ———————————————————————————————————————————————— // Capa especial "Rituais do sono" // fundo azul-noite profundo · lua + estrelas · criança adormecida + halo // ———————————————————————————————————————————————— const SonoCover = () => ( {/* Céu noturno */} {/* Estrelas esparsas */} {/* Estrelas 4-ponta — algumas mais vincadas */} {/* Lua crescente no canto superior */} {/* sombra da lua — recorte crescente */} {/* brilho subtil */} {/* Título — cream serif */} Rituais do Sono {/* Subtítulo — dusty blue italic */} Um guia para honrar a noite dos teus filhos {/* Halo quente em redor da cama */} {/* ——— Cena: criança adormecida em cama ——— */} {/* Sombra sob a cama */} {/* Cama — base de madeira */} {/* pés da cama */} {/* Colchão / lençol por baixo do cobertor */} {/* Almofada */} {/* Cobertor — coral terracota cobrindo corpo */} {/* Dobra decorativa do cobertor */} {/* Criança a dormir — cabeça no travesseiro, perfil */} {/* cabeça */} {/* cabelo */} {/* olho fechado — linha curva */} {/* bochecha rosada */} {/* Bolha de sonho — pequenos Z's */} z z z {/* Partículas douradas subindo (ambiente de sonho) */} {/* Filete + assinatura no rodapé */} DRA. BRUNA · 2026 ); // ———————————————————————————————————————————————— // Card de guia // ———————————————————————————————————————————————— const GuideCard = ({ number, title, description, href, color, accent, iconPath, placeholder, coverVariant }) => { const [hover, setHover] = useStateB(false); const isLink = !!href; const Tag = isLink ? 'a' : 'div'; const linkProps = isLink ? { href, target: '_blank', rel: 'noopener noreferrer' } : {}; return ( isLink && setHover(true)} onMouseLeave={() => isLink && setHover(false)} style={{ display: 'flex', flexDirection: 'column', gap: 16, padding: '20px 16px 22px', background: hover ? pal.creamLighter : `${pal.creamDeep}88`, border: placeholder ? `1px dashed ${pal.olive}33` : `1px solid ${hover ? pal.olive + '55' : pal.olive + '22'}`, textDecoration: 'none', color: 'inherit', cursor: isLink ? 'pointer' : 'default', transition: 'background 220ms ease, border-color 220ms ease, transform 220ms ease', transform: hover ? 'translateY(-2px)' : 'translateY(0)', opacity: placeholder ? 0.7 : 1, position: 'relative', }} >
{number}
{placeholder ? 'guia · em breve' : 'guia · grátis'}

{title}

{!placeholder && (
abrir →
)} ); }; // ———————————————————————————————————————————————— // Ícones para cada guia (SVG paths) // ———————————————————————————————————————————————— const icons = { parasitas: , jardim: , ciclo: , }; // ———————————————————————————————————————————————— // Página Biblioteca // ———————————————————————————————————————————————— const BibliotecaPage = () => { return (
{/* watermark */}
b
{/* Topo — voltar */}
← voltar cláudia santos
{/* Hero */}
biblioteca · recursos

Ebooks gratuitos

Materiais de leitura para famílias que querem aprofundar o tema antes de qualquer consulta.

{/* Grid de 6 guias */}
{/* Nota editorial */}

Seis guias no total. Quatro já podes ler. Os outros dois chegarão em breve.

{/* Ornamento */}
{/* Rodapé */}
); }; window.BibliotecaPage = BibliotecaPage;