@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fontes/fredoka-latin-ext-0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fontes/fredoka-latin-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fontes/fredoka-latin-ext-0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fontes/fredoka-latin-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fontes/fredoka-latin-ext-0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fontes/fredoka-latin-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fontes/fredoka-latin-ext-0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fontes/fredoka-latin-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fontes/nunito-latin-ext-2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fontes/nunito-latin-3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fontes/nunito-latin-ext-4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fontes/nunito-latin-5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fontes/nunito-latin-ext-4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fontes/nunito-latin-5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fontes/nunito-latin-ext-4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fontes/nunito-latin-5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fontes/nunito-latin-ext-4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fontes/nunito-latin-5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ===== Cartilhas HQ-Lab — mesma linguagem dos posts: verde HQ-Lab, raios de sol, títulos em caixa alta, personagens 3D ===== */
:root{
  --verde:#003B24; --verde2:#0F8A3A; --verde3:#1FA64B;
  --fundo:#EBF8DC; --raio:#DDF1CB; --suave:#F3FAEC; --menta:#E1F3D4;
  --papel:#FFFFFF; --texto:#14301F; --fraco:#4D6857;
  --vermelho:#C93A2B; --vermelho-suave:#FFF0EC;
  --amarelo:#FFE27A;
  --f-tit:"Fredoka","Trebuchet MS",system-ui,sans-serif;
  --f-corpo:"Nunito","Segoe UI",system-ui,sans-serif;
  --r:18px; color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--texto);font:400 17px/1.6 var(--f-corpo);background:var(--fundo);
  background-image:repeating-conic-gradient(from 0deg at 50% -10%,var(--raio) 0deg 2.2deg,var(--fundo) 2.2deg 4.8deg);
  padding:0 16px 56px}
img{max-width:100%;height:auto;display:block}
a{color:var(--verde2);text-underline-offset:3px}
p{margin:0}
b,strong{font-weight:800}
h1,h2,h3{font-family:var(--f-tit);color:var(--verde);margin:0;line-height:1.02;text-wrap:balance}
h1{font-size:clamp(2.3rem,1.4rem + 4vw,4rem);font-weight:700;text-transform:uppercase;letter-spacing:-.01em}
h2{font-size:clamp(1.6rem,1.2rem + 1.8vw,2.3rem);font-weight:700;text-transform:uppercase;letter-spacing:-.005em}
h3{font-size:1.18rem;font-weight:600;line-height:1.2}
.dest{color:var(--verde2)}
ul,ol{margin:0;padding-left:1.2em;display:grid;gap:6px}
.folha{max-width:1000px;margin:0 auto;display:grid;gap:26px}

/* topo */
.topo{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:18px 0 4px}
.logo{display:inline-flex;align-items:center;font:700 1.15rem/1 var(--f-tit);letter-spacing:.04em;color:#111;background:#fff;
  border:3px solid #111;border-radius:6px;padding:6px 12px 5px;text-decoration:none}
.logo:hover{color:#111}
.topo nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:8px;font:600 .95rem/1 var(--f-tit);text-decoration:none;cursor:pointer;
  background:var(--verde);color:#fff;border:2px solid var(--verde);border-radius:999px;padding:11px 20px;white-space:nowrap}
.pill:hover,.pill:focus-visible{background:var(--verde2);border-color:var(--verde2);color:#fff;outline:none}
.pill.claro{background:#fff;color:var(--verde)}
.pill.claro:hover{background:var(--menta);color:var(--verde)}
.pill svg{width:18px;height:18px;flex:none}
.etiqueta{display:inline-block;justify-self:start;font:700 .72rem/1 var(--f-tit);letter-spacing:.12em;text-transform:uppercase;
  background:var(--verde);color:#fff;padding:6px 10px;border-radius:4px}

/* capa */
.capa{position:relative;overflow:hidden;border:3px solid var(--verde);border-radius:24px;padding:30px 28px 28px;
  background:var(--fundo);background-image:repeating-conic-gradient(from 0deg at 82% 70%,var(--raio) 0deg 3deg,var(--suave) 3deg 6.5deg);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,300px);gap:18px 24px;align-items:end}
.capa-txt{display:grid;gap:16px;align-content:start;position:relative;z-index:1}
.capa .sub{font-size:1.12rem;color:var(--fraco);max-width:52ch}
.capa-img{align-self:end;justify-self:center;position:relative;z-index:1}
.capa-img img{max-height:400px;width:auto;filter:drop-shadow(0 10px 14px rgba(0,59,36,.18))}
.estrela{position:absolute;width:86px;height:86px;color:var(--verde2);z-index:0}
.estrela.e1{right:18px;top:18px}
.estrela.e2{left:-26px;bottom:-26px;width:110px;height:110px;color:var(--verde)}
.ficha{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px}
.ficha div{background:#fff;border:2px solid var(--verde);border-radius:12px;padding:9px 13px;display:grid;gap:2px}
.rot{font:700 .7rem/1.2 var(--f-tit);letter-spacing:.12em;text-transform:uppercase;color:var(--verde2)}
.ficha dd{margin:0;font-size:.95rem;font-weight:600}
dl{margin:0}
.acoes{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* listas em pílula, como nos posts */
.pilulas{list-style:none;padding:0;display:grid;gap:8px}
.pilulas li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;background:#fff;border:2px solid var(--verde);
  border-radius:12px;padding:8px 14px;font-weight:600;font-size:.97rem;line-height:1.4}
.pilulas li::before{content:"";width:18px;height:18px;margin-top:1px;border-radius:5px;background:var(--verde2)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 6.5' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.pilulas.vazias li::before{background:#fff;border:2px solid var(--verde)}

/* seções */
.secao{background:#fff;border:3px solid var(--verde);border-radius:var(--r);padding:28px 26px;display:grid;gap:18px;position:relative}
.secao>header{display:grid;gap:10px}
.secao .intro{color:var(--fraco);max-width:66ch;font-size:1.03rem}
.prosa{display:grid;gap:12px;max-width:68ch}
.com-pers{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}
.com-pers>img{max-height:250px;width:auto}

/* grade de quadros (como as grades dos posts) */
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:0;border:3px solid var(--verde);border-radius:14px;overflow:hidden;background:#fff}
.grade>*{background:#fff;padding:18px 16px 16px;display:grid;gap:8px;align-content:start;min-width:0;outline:1.5px solid var(--verde)}
.grade>.cheio{background:var(--verde);color:#fff}
.grade>.cheio h3,.grade>.cheio .rot{color:#fff}
.grade>.cheio .ui{background:transparent;color:#fff;border-color:#fff}
.grade p,.grade li{font-size:.95rem}

/* passos */
.passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;counter-reset:p}
.passo{counter-increment:p;position:relative;border:2.5px solid var(--verde);border-radius:14px;background:#fff;padding:20px 16px 16px 16px;
  display:grid;gap:8px;align-content:start;min-width:0}
.passo::before{content:counter(p);position:absolute;top:-14px;left:14px;width:32px;height:32px;border-radius:50%;background:var(--verde2);color:#fff;
  font:700 1.05rem/32px var(--f-tit);text-align:center;border:2.5px solid var(--verde)}
.passo p{font-size:.96rem}

/* cartões de ferramenta com ícone */
.ferr-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:10px}
.ferr{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start;border:2px solid var(--verde);border-radius:12px;background:#fff;padding:11px 13px;min-width:0}
.ic{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;background:var(--verde);color:#fff}
.ic.v2{background:var(--verde2)}
.ic.cl{background:var(--menta);color:var(--verde);border:2px solid var(--verde)}
.ic.ve{background:var(--vermelho-suave);color:var(--vermelho);border:2px solid var(--vermelho)}
.ic svg{width:24px;height:24px}
.ferr b{display:block;font:600 1rem/1.25 var(--f-tit);color:var(--verde)}
.ferr div>span{display:block;font-size:.9rem;color:var(--fraco);line-height:1.45;margin-top:2px}

/* botões da tela da plataforma */
.ui{display:inline-block;font:600 .84em/1.3 var(--f-tit);padding:1px 10px;border:2px solid var(--verde);border-radius:999px;background:var(--suave);
  color:var(--verde);white-space:nowrap;vertical-align:1px}
.ui.forte{background:var(--verde);color:#fff}

/* confronto: evite x prefira */
.confronto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}
.conf{border-radius:12px;padding:13px 16px;display:grid;gap:6px;min-width:0}
.conf .rot{display:flex;gap:8px;align-items:center}
.conf .rot::before{content:"";width:20px;height:20px;border-radius:5px;flex:none}
.conf:not(.nao):not(.sim) .rot::before{display:none}
.conf.nao{background:#fff;border:2.5px solid var(--vermelho)}
.conf.nao .rot{color:var(--vermelho)}
.conf.nao .rot::before{background:var(--vermelho) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 6l8 8M14 6l-8 8' stroke='white' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center/100% no-repeat}
.conf.sim{background:var(--verde);border:2.5px solid var(--verde);color:#fff}
.conf.sim .rot{color:#B8F0C4}
.conf.sim .rot::before{background:var(--verde3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 6.5' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.conf q{font-weight:700;quotes:"“" "”"}
.conf p{font-size:.95rem}

/* dica em balão de fala com personagem */
.dica{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:end;max-width:760px}
.dica .balao{position:relative;background:#fff;border:2.5px solid var(--verde);border-radius:22px;padding:14px 20px;margin-bottom:28px;display:grid;gap:4px}
.dica .balao::after{content:"";position:absolute;right:42px;bottom:-15px;width:24px;height:24px;background:#fff;border-right:2.5px solid var(--verde);
  border-bottom:2.5px solid var(--verde);transform:skewX(30deg) rotate(45deg)}
.dica>img{height:150px;width:auto}
.dica.sem-img{grid-template-columns:1fr}
.dica.sem-img .balao{margin-bottom:14px}
.dica.sem-img .balao::after{left:40px;right:auto;transform:skewX(-30deg) rotate(45deg)}

.atencao{background:var(--vermelho-suave);border:2.5px solid var(--vermelho);border-radius:14px;padding:14px 18px;display:grid;gap:6px;max-width:76ch}
.atencao .rot{color:var(--vermelho)}
.combinado{background:var(--verde);color:#fff;border-radius:14px;padding:16px 20px;display:grid;gap:6px;max-width:76ch}
.combinado .rot{color:#B8F0C4}

/* simulação de tela */
.tela{border:3px solid var(--verde);border-radius:14px;background:var(--suave);padding:16px;display:grid;gap:12px;min-width:0}
.tela .tit-tela{font:700 .78rem/1 var(--f-tit);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--verde);
  margin:-16px -16px 2px;padding:11px 16px;border-radius:10px 10px 0 0}
.campo{border:2px solid var(--verde);border-radius:9px;background:#fff;padding:8px 11px;font-size:.92rem;color:var(--fraco);white-space:pre-line}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font:500 .84rem/1.3 var(--f-tit);padding:4px 11px;border:2px solid var(--verde);border-radius:999px;background:#fff;color:var(--verde)}
.chip.on{background:var(--verde2);border-color:var(--verde2);color:#fff;font-weight:600}
.caixa{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:.93rem}
.caixa i{width:18px;height:18px;border:2px solid var(--verde);border-radius:5px;background:#fff;margin-top:3px}
.caixa i.on{background:var(--verde2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 6.5' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;border-color:var(--verde2)}

/* tabelas */
.tabela{overflow-x:auto;border:2.5px solid var(--verde);border-radius:14px;background:#fff;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:.93rem}
th,td{text-align:left;padding:10px 14px;border-bottom:1.5px solid var(--menta);vertical-align:top}
thead th{font:700 .72rem/1.2 var(--f-tit);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--verde);border-bottom:0}
tbody tr:nth-child(even) td{background:var(--suave)}
td:first-child{font-weight:700;color:var(--verde)}

/* balões (cartilha 4) e formatos */
.baloes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:12px}
.bal{border:2px solid var(--verde);border-radius:12px;background:#fff;padding:12px;display:grid;gap:6px;justify-items:center;text-align:center}
.bal svg{width:100%;max-width:140px;height:80px}
.bal b{font:600 1.02rem var(--f-tit);color:var(--verde)}
.bal span{font-size:.86rem;color:var(--fraco);line-height:1.45}
.formatos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}
.formato{border:2px solid var(--verde);border-radius:12px;background:#fff;padding:13px;display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;min-width:0}
.formato .mini{width:76px;height:76px;display:grid;place-items:center;background:var(--suave);border-radius:8px}
.formato .mini i{display:block;border:2.5px solid var(--verde);background:#fff;max-width:88%;max-height:88%}
.formato b{display:block;font:600 1rem/1.25 var(--f-tit);color:var(--verde)}
.formato span{display:block;font-size:.88rem;color:var(--fraco);line-height:1.45}
.formato .medida{font-size:.76rem;font-weight:700;color:var(--verde2);font-variant-numeric:tabular-nums}

/* posts do Instagram */
.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
.posts figure{min-width:0;margin:0;border:2.5px solid var(--verde);border-radius:14px;overflow:hidden;background:#fff}
.posts img{width:100%;aspect-ratio:4/5;object-fit:cover}

/* próxima cartilha e rodapé */
.proxima{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;background:var(--verde);color:#fff;border-radius:var(--r);
  padding:20px 24px;text-decoration:none}
.proxima .rot{color:#B8F0C4}
.proxima b{display:block;font:700 1.35rem/1.15 var(--f-tit);text-transform:uppercase;color:#fff}
.proxima .seta{font:700 1rem var(--f-tit);background:#fff;color:var(--verde);border-radius:999px;padding:10px 18px}
.proxima:hover .seta{background:var(--amarelo)}
.rodape{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between;font-size:.86rem;color:var(--fraco);padding-top:6px}
.rodape p+p{margin-top:2px}

/* índice */
.hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px}
.card{position:relative;display:grid;grid-template-rows:auto 1fr;border:3px solid var(--verde);border-radius:var(--r);background:#fff;overflow:hidden;
  text-decoration:none;color:inherit;transition:transform .12s, box-shadow .12s}
.card:hover,.card:focus-visible{transform:translateY(-3px);box-shadow:0 6px 0 var(--verde);outline:none}
.card .arte{position:relative;height:190px;background:var(--fundo);border-bottom:3px solid var(--verde);overflow:hidden;
  background-image:repeating-conic-gradient(from 0deg at 50% 100%,var(--raio) 0deg 4deg,var(--suave) 4deg 9deg)}
.card .arte img{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);height:178px;width:auto}
.card .num{position:absolute;top:12px;left:12px;font:700 2.6rem/1 var(--f-tit);color:var(--verde2);opacity:.9}
.card .corpo{padding:16px 18px 18px;display:grid;gap:8px;align-content:start}
.card h3{font-size:1.25rem;text-transform:uppercase;font-weight:700;line-height:1.08}
.card p{color:var(--fraco);font-size:.96rem}
.card .pub{font:600 .78rem/1.3 var(--f-tit);letter-spacing:.06em;text-transform:uppercase;color:var(--verde2)}
.card .baixar{justify-self:start;margin-top:4px;font:600 .82rem/1 var(--f-tit);color:var(--verde);border:2px solid var(--verde);border-radius:999px;padding:7px 12px}
.capa.idx{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:end;padding-bottom:0}
.capa.idx .capa-txt{padding-bottom:28px}
.turma{display:flex;justify-content:center;align-items:end;gap:0;margin:0 -6px -6px;flex-wrap:nowrap}
.turma img{height:clamp(120px,24vw,250px);width:auto;margin:0 -10px;min-width:0}

@media (max-width:640px){
  body{font-size:16px;padding:0 12px 40px}
  .capa,.capa.idx{grid-template-columns:1fr;padding:24px 18px 0}
  .capa.idx .capa-txt{padding-bottom:0}
  .capa-img img{max-height:260px}
  .secao{padding:22px 16px}
  .com-pers{grid-template-columns:1fr}
  .com-pers>img{max-height:180px;justify-self:end}
  .dica>img{height:110px}
  .estrela.e1{width:60px;height:60px}
}
@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}

/* ===== impressão / PDF ===== */
@page{size:A4;margin:12mm 11mm 13mm}
@media print{
  body{background:#fff;padding:0;font-size:10.4pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .folha{max-width:none;gap:10px}
  .rodape{padding-top:0;font-size:7.6pt}
  .posts img{aspect-ratio:auto}
  .so-tela,.topo nav,.proxima{display:none!important}
  .topo{padding:0 0 4px}
  .capa{min-height:255mm;break-after:page;align-content:space-between;grid-template-columns:1fr 70mm;padding:16mm 12mm 0}
  .capa h1{font-size:38pt}
  .capa-img img{max-height:120mm}
  .secao{display:block;break-inside:auto;padding:14px 16px;border-width:2px}
  .secao>*+*{margin-top:11px}
  .secao>header{break-after:avoid;page-break-after:avoid}
  .secao>header+*{break-before:avoid;page-break-before:avoid}
  .secao:has(>.ferr-grade),.secao:has(>.prosa:only-of-type){break-inside:avoid}
  .passo,.ferr,.formato,.bal,.dica,.atencao,.combinado,.tela,.conf,.grade>*,tr,.posts figure,.pilulas li{break-inside:avoid}
  .grade,.tabela{break-inside:avoid}
  .tabela{overflow:visible}
  table{min-width:0}
  .posts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .capa{background:#F3FAEC url(../img/raios.svg) center/cover no-repeat}
  .card:hover{transform:none;box-shadow:none}
  a{text-decoration:none}
}