:root{
  color-scheme:light;
  --creme:#FBF3E8;--creme-forte:#F5E6D3;--superficie:#FFFDF9;
  --pessego:#F2A07E;--pessego-claro:#FCE3D6;--pessego-fundo:#E08A68;
  --coral:#A9523A;--salvia:#A9C2A6;--salvia-clara:#DDE8D9;
  --lavanda:#C9B8E0;--lavanda-clara:#EAE2F3;--rosa:#F6C9C3;--mel:#F6CF8A;--agua:#B9D7DC;
  --texto:#3D2A22;--texto-suave:#6E5650;--contorno:#E8D6C2;
  --fonte:ui-rounded,"SF Pro Rounded","Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --sombra:0 10px 30px rgba(120,70,40,.07),0 2px 6px rgba(120,70,40,.04);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;color:var(--texto);font:17px/1.6 var(--fonte);
  background-color:var(--creme);
  background-image:
    radial-gradient(ellipse 55% 45% at 0% 0%,rgba(242,160,126,.30),transparent 70%),
    radial-gradient(ellipse 45% 40% at 100% 40%,rgba(201,184,224,.38),transparent 70%),
    radial-gradient(ellipse 50% 40% at 0% 100%,rgba(169,194,166,.30),transparent 70%);
  background-attachment:fixed;
  display:flex;flex-direction:column}
a{color:var(--coral);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--texto)}
strong{font-weight:700}

/* Topo das páginas internas */
.topo{max-width:760px;width:100%;margin:0 auto;padding:22px 24px 0;display:flex;align-items:center;gap:10px}
.topo a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--texto);font-weight:800;font-size:19px;letter-spacing:-.01em}
.topo svg{width:48px;height:auto}

/* Início */
.hero{max-width:760px;width:100%;margin:0 auto;padding:48px 24px 8px;text-align:center}
.hero .seixo{width:min(340px,78vw);height:auto;display:block;margin:0 auto 18px}
.sobre{font-size:13px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--coral);margin:0 0 10px}
.hero h1{font-size:clamp(40px,8vw,64px);line-height:1.05;margin:0 0 14px;font-weight:800;letter-spacing:-.02em}
.hero .frase{font-size:clamp(19px,3.4vw,23px);line-height:1.4;color:var(--texto-suave);margin:0 auto 28px;max-width:30ch}
.selo{display:inline-flex;align-items:center;gap:10px;background:var(--pessego);color:var(--texto);font-weight:800;font-size:17px;
  border-radius:999px;padding:16px 30px;box-shadow:0 12px 26px rgba(224,138,104,.30)}
.selo svg{width:20px;height:20px}
.blocos{max-width:960px;width:100%;margin:0 auto;padding:44px 24px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bloco{background:var(--superficie);border-radius:28px;padding:26px 24px 24px;box-shadow:var(--sombra)}
.bloco .ic{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;margin-bottom:16px}
.bloco .ic svg{width:28px;height:28px}
.bloco h2{font-size:20px;line-height:1.25;margin:0 0 8px;font-weight:700}
.bloco p{margin:0;color:var(--texto-suave);font-size:16px;line-height:1.55}
.ic.p{background:var(--pessego-claro)} .ic.s{background:var(--salvia-clara)} .ic.l{background:var(--lavanda-clara)}

/* Páginas de leitura */
.leitura{max-width:760px;width:100%;margin:0 auto;padding:24px 24px 0}
.cartao{background:var(--superficie);border-radius:32px;padding:44px 48px 40px;box-shadow:var(--sombra)}
.cartao h1{font-size:clamp(28px,5vw,36px);line-height:1.15;margin:0 0 8px;font-weight:800;letter-spacing:-.01em}
.cartao h2{font-size:21px;line-height:1.3;margin:38px 0 10px;font-weight:700}
.cartao h3{font-size:18px;margin:26px 0 8px;font-weight:700}
.cartao p{margin:0 0 14px}
.cartao ul,.cartao ol{margin:0 0 16px;padding-left:22px}
.cartao li{margin:0 0 8px}
.cartao li::marker{color:var(--pessego-fundo)}
.versao{color:var(--texto-suave);font-size:15px;margin-bottom:24px}
.aviso{background:var(--pessego-claro);border-radius:20px;padding:14px 18px}

/* Rodapé */
footer{max-width:960px;width:100%;margin:auto auto 0;padding:48px 24px 36px;text-align:center;font-size:15px;color:var(--texto-suave)}
footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-bottom:12px}
footer nav a{color:var(--texto);font-weight:600;text-decoration:none}
footer nav a:hover{color:var(--coral)}
footer .nota{margin:0;font-size:14px}

@media (max-width:760px){
  .blocos{grid-template-columns:1fr;gap:14px;padding-top:36px}
  .hero{padding-top:28px}
  .cartao{padding:30px 22px 26px;border-radius:28px}
  .leitura{padding:16px 14px 0}
}