/* =====================================================================
   HPLUS MED — estilos das páginas internas
   (Home fica em home.css; aqui só o que é exclusivo das outras páginas)
   ===================================================================== */

/* ---- folga do topo fixo nas páginas internas ---- */
main > section:first-of-type:not(.protocolo){ padding-top:calc(var(--topo) + 28px); }
@media (min-width:810px){
  main > section:first-of-type:not(.protocolo){ padding-top:calc(var(--topo) + 48px); }
}

/* ================= CONCURSO DE BOLSAS — topo ================= */
.cb-hero{ padding-bottom:48px; }
.cb-hero__interno{ display:flex; flex-direction:column; align-items:center; text-align:center; }

.cb-hero__numero{
  max-width:22ch;
  font-size:clamp(19px, 5.2vw, 30px); font-weight:700; line-height:1.3;
  color:var(--texto-forte);
}
.cb-hero__numero strong{ color:var(--verde); font-weight:800; }

.cb-hero__link{
  display:inline-block; margin:12px 0 26px;
  font-size:clamp(13px, 3.6vw, 15px); font-weight:700; color:var(--verde);
  border-bottom:2px solid var(--verde); padding-bottom:2px;
}
.cb-hero__link:hover{ color:var(--verde-escuro); border-color:var(--verde-escuro); }

.cb-hero .bolsas__titulo{ margin-top:20px; }
.cb-hero .bolsas__divisor{ margin-inline:auto; }

@media (min-width:810px){
  .cb-hero{ padding-bottom:72px; }
}

/* ============ CONCURSO DE BOLSAS — grade de aprovados ============ */
.cb-aprovados{ padding:40px 0 56px; }
.cb-aprovados__grade{
  margin-top:30px;
  display:grid; gap:20px;
  grid-template-columns:repeat(2, minmax(0,1fr));
}
.cb-aprovados__grade li{
  border:1px solid var(--cinza-borda); border-radius:var(--raio);
  overflow:hidden; background:var(--branco); box-shadow:var(--sombra-card);
}
.cb-aprovados__grade img{
  width:100%; aspect-ratio:1/1; object-fit:cover; object-position:top center;
}
.cb-aprovados__grade p{
  padding:12px 12px 16px;
  font-size:clamp(13px, 3.6vw, 15px); font-weight:800; line-height:1.3;
  color:var(--texto-forte);
}
.cb-aprovados__grade span{
  display:block; margin-top:4px;
  font-size:clamp(11px, 3vw, 13px); font-weight:700; line-height:1.35;
  color:var(--verde); text-transform:uppercase; letter-spacing:.02em;
}
@media (min-width:600px){
  .cb-aprovados__grade{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (min-width:960px){
  .cb-aprovados__grade{ grid-template-columns:repeat(5, minmax(0,1fr)); gap:24px; }
  .cb-aprovados{ padding:64px 0 80px; }
}

/* ================ CONCURSO DE BOLSAS — desempenho ================ */
.cb-desempenho{ padding:48px 0; background:var(--branco); }
.cb-desempenho__interno{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  border:1px solid var(--cinza-borda); border-radius:var(--raio);
  box-shadow:var(--sombra-card);
  padding:34px 22px 38px;
}
.cb-desempenho__titulo{
  margin-top:20px; max-width:26ch;
  font-size:clamp(20px, 5.4vw, 32px); font-weight:800; line-height:1.32;
  color:var(--texto-forte);
}
.cb-desempenho__titulo .selo-verde{ transform:none; }
@media (min-width:810px){
  .cb-desempenho{ padding:64px 0; }
  .cb-desempenho__interno{ padding:48px 40px 52px; }
}

/* ============== CONCURSO DE BOLSAS — datas e unidades ============== */
.cb-datas{ padding:48px 0; }
.cb-datas .etiqueta-verde--centro{ display:table; margin:0 auto 18px; }
.cb-datas__grade{ margin-top:30px; display:grid; gap:18px; }

.cb-local{
  border:1px solid var(--cinza-borda); border-radius:var(--raio);
  background:var(--branco); box-shadow:var(--sombra-card);
  padding:22px 20px; border-top:4px solid var(--verde);
}
.cb-local h3{
  font-size:clamp(16px, 4.4vw, 20px); font-weight:800; line-height:1.3;
  color:var(--texto-forte);
}
.cb-local__turmas{
  margin-top:10px;
  font-size:clamp(12px, 3.4vw, 14px); font-weight:700; line-height:1.55; color:var(--verde);
}
.cb-local__end{
  margin-top:10px;
  font-size:clamp(12px, 3.4vw, 14px); line-height:1.55; color:var(--texto-2);
}
@media (min-width:700px){
  .cb-datas__grade{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:22px; }
}
@media (min-width:1000px){
  .cb-datas{ padding:72px 0; }
  .cb-datas__grade{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}

/* ============ CONCURSO DE BOLSAS — como funciona / FAQ ============ */
.cb-como{ padding:48px 0; }
.cb-como__sub{
  margin-top:36px; text-align:center;
  font-size:clamp(18px, 4.8vw, 24px); font-weight:800; color:var(--verde);
}

.perguntas{ margin:34px auto 0; max-width:760px; display:grid; gap:12px; }
.perguntas details{
  border:1px solid var(--cinza-borda); border-radius:12px;
  background:var(--branco); box-shadow:var(--sombra-card);
  overflow:hidden;
}
.perguntas summary{
  list-style:none; cursor:pointer; position:relative;
  padding:16px 46px 16px 18px;
  font-size:clamp(14px, 3.8vw, 16px); font-weight:700; line-height:1.4;
  color:var(--texto-forte);
}
.perguntas summary::-webkit-details-marker{ display:none; }
.perguntas summary::after{
  content:''; position:absolute; right:20px; top:50%;
  width:9px; height:9px; margin-top:-6px;
  border-right:2px solid var(--verde); border-bottom:2px solid var(--verde);
  transform:rotate(45deg); transition:transform .2s ease;
}
.perguntas details[open] summary::after{ transform:rotate(-135deg); margin-top:-2px; }
.perguntas details[open] summary{ color:var(--verde); }
.perguntas p{
  padding:0 18px 18px;
  font-size:clamp(13px, 3.5vw, 15px); line-height:1.6; color:var(--texto);
}
@media (min-width:810px){ .cb-como{ padding:72px 0; } }

/* ============== CONCURSO DE BOLSAS — diferenciais ============== */
.cb-diferenciais{ padding:8px 0 48px; }
.cb-diferenciais__grade{ display:grid; gap:16px; }
.cb-diferenciais__grade li{
  border-left:4px solid var(--verde);
  background:var(--cinza-fundo);
  border-radius:0 12px 12px 0;
  padding:18px 20px;
}
.cb-diferenciais__grade h3{
  font-size:clamp(15px, 4.2vw, 18px); font-weight:800; color:var(--texto-forte);
}
.cb-diferenciais__grade p{
  margin-top:6px;
  font-size:clamp(12px, 3.4vw, 15px); line-height:1.55; color:var(--texto-2);
}
@media (min-width:700px){
  .cb-diferenciais__grade{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:20px; }
}
@media (min-width:1000px){
  .cb-diferenciais{ padding:8px 0 72px; }
  .cb-diferenciais__grade{ grid-template-columns:repeat(4, minmax(0,1fr)); }
}

/* ============ CONCURSO DE BOLSAS — como se preparar ============ */
.cb-preparo{ padding:48px 0 64px; }
.cb-preparo__lista{ margin:30px auto 0; max-width:760px; display:grid; gap:14px; }
.cb-preparo__lista li{
  position:relative; padding-left:30px;
  font-size:clamp(13px, 3.6vw, 16px); line-height:1.6; color:var(--texto);
}
.cb-preparo__lista li::before{
  content:''; position:absolute; left:2px; top:8px;
  width:8px; height:14px; border-right:3px solid var(--verde); border-bottom:3px solid var(--verde);
  transform:rotate(45deg);
}
.cb-preparo__lista strong{ color:var(--texto-forte); font-weight:800; }
.cb-preparo__botao{ text-align:center; }
@media (min-width:810px){ .cb-preparo{ padding:64px 0 88px; } }

/* ===================== APROVADOS — topo ===================== */
.ap-hero{ padding-bottom:40px; }
.ap-hero__interno{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.ap-hero__titulo{
  margin-top:20px; max-width:20ch;
  font-size:clamp(28px, 7.4vw, 46px); font-weight:800; line-height:1.15;
  color:var(--texto-forte); letter-spacing:-.02em;
}
.ap-hero__chamada{
  margin-top:22px; max-width:26ch;
  font-size:clamp(19px, 5.2vw, 28px); font-weight:700; line-height:1.35;
  color:var(--texto-forte);
}
.ap-hero__chamada strong{ color:var(--verde); font-weight:800; }
.ap-hero__texto{
  margin-top:16px; max-width:64ch;
  font-size:clamp(13px, 3.6vw, 16px); line-height:1.6; color:var(--texto);
}
.cta__bolsas--claro{
  border:1.5px solid var(--vermelho);
  background:var(--branco);
  box-shadow:var(--sombra-card);
}
@media (min-width:810px){ .ap-hero{ padding-bottom:56px; } }

/* ===================== APROVADOS — lista ===================== */
.ap-lista{ padding:8px 0 56px; }
.ap-quadro{
  border:1px solid var(--cinza-borda); border-radius:24px;
  background:var(--branco); box-shadow:var(--sombra-card);
  padding:18px 14px 24px;
}
.ap-linhas{ display:grid; gap:10px; }
.ap-linha{
  display:grid; gap:2px;
  border:1px solid var(--cinza-borda); border-radius:14px;
  background:var(--branco);
  padding:12px 16px;
  text-align:center;
}
.ap-linha[hidden]{ display:none; }
.ap-linha__nome{
  font-size:clamp(13px, 3.7vw, 16px); font-weight:700; line-height:1.3; color:var(--texto-forte);
}
.ap-linha__curso{
  font-size:clamp(12px, 3.4vw, 14px); font-weight:700; color:var(--vermelho);
}
.ap-linha__uni{
  font-size:clamp(12px, 3.4vw, 14px); font-weight:700; color:var(--verde);
}
.ap-linha__uni small{ display:block; font-size:11px; font-weight:600; color:var(--texto-2); }

.ap-mais{ margin-top:22px; text-align:center; }
.ap-mais button[hidden]{ display:none; }
.ap-total{
  margin-top:16px; text-align:center;
  font-size:12px; font-weight:600; color:var(--texto-2);
}
.ap-total strong{ color:var(--verde); font-weight:800; }

@media (min-width:810px){
  .ap-lista{ padding:8px 0 80px; }
  .ap-quadro{ padding:26px 26px 32px; border-radius:32px; }
  .ap-linhas{ gap:12px; }
  .ap-linha{
    grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) minmax(0,.7fr);
    align-items:center; text-align:left;
    border-radius:var(--raio-pill); padding:14px 30px;
  }
  .ap-linha__curso{ text-align:center; }
  .ap-linha__uni{ text-align:right; }
}

/* ===================== PÁGINAS SEM MENU (landings) ===================== */
.pagina-nua main > section:first-of-type{ padding-top:0; }

.rodape-nu{ background:var(--texto-forte); color:var(--branco); padding:36px 0 30px; text-align:center; }
.rodape-nu img{ width:132px; height:auto; margin:0 auto; }
.rodape-nu p{
  margin:16px auto 0; max-width:60ch;
  font-size:13px; line-height:1.6; color:rgba(255,255,255,.75);
}
.rodape-nu__direitos{ margin-top:18px; font-size:12px; color:rgba(255,255,255,.55); }

/* --------------------------- banner --------------------------- */
.lp-banner img{ width:100%; height:auto; }

/* --------------------------- números --------------------------- */
.lp-numeros{ padding:36px 0 44px; text-align:center; }
.lp-numero{
  font-size:clamp(30px, 8.6vw, 56px); font-weight:800; line-height:1.06;
  color:var(--verde); text-transform:uppercase; letter-spacing:-.02em;
}
.lp-numero strong{ font-weight:800; }
.lp-numero__sub{
  display:block; margin-top:8px;
  font-size:clamp(16px, 4.4vw, 24px); font-weight:700; text-transform:none;
  color:var(--texto-forte); letter-spacing:0;
}
.lp-numero--lider{
  font-size:clamp(24px, 6.6vw, 42px); color:var(--texto-forte); line-height:1.2;
}

.lp-facs{
  margin:30px auto 0; max-width:900px;
  display:grid; gap:14px;
  grid-template-columns:repeat(2, minmax(0,1fr));
}
.lp-fac{
  border:1px solid var(--cinza-borda); border-radius:var(--raio);
  background:var(--branco); box-shadow:var(--sombra-card);
  padding:16px 10px;
}
.lp-fac__n{
  display:block; font-size:clamp(30px, 8.4vw, 44px); font-weight:800;
  line-height:1; color:var(--verde);
}
.lp-fac__med{
  display:block; margin-top:6px; font-size:11px; font-weight:700;
  color:var(--texto-2); text-transform:uppercase; letter-spacing:.12em;
}
.lp-fac__uni{
  display:block; margin-top:2px;
  font-size:clamp(14px, 3.9vw, 18px); font-weight:800; color:var(--texto-forte);
}

.lp-federais{
  margin-top:28px;
  font-size:clamp(15px, 4.2vw, 20px); font-weight:700; line-height:1.4; color:var(--texto-forte);
}
.lp-federais strong{ color:var(--verde); font-weight:800; }
.lp-botao{ margin-top:4px; }

@media (min-width:700px){
  .lp-facs{ grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; }
}
@media (min-width:1000px){
  .lp-numeros{ padding:56px 0 68px; }
  .lp-facs{ grid-template-columns:repeat(6, minmax(0,1fr)); }
}

/* ------------------------ depoimentos ------------------------ */
.lp-depoimentos{ padding:36px 0 12px; }
.lp-depoimentos__sub{
  margin:12px auto 0; max-width:52ch; text-align:center;
  font-size:clamp(12px, 3.4vw, 15px); line-height:1.5; color:var(--texto-2);
}
.lp-depoimentos__frase{
  margin-top:14px; text-align:center;
  font-size:clamp(17px, 4.6vw, 24px); font-weight:800; color:var(--verde);
}

/* -------------------------- pilares -------------------------- */
.lp-pilares{ padding:40px 0 48px; }
.lp-pilares__grade{ margin:32px auto 0; max-width:900px; display:grid; gap:16px; }
.lp-pilar{
  display:flex; align-items:flex-start; gap:16px;
  border:1px solid var(--cinza-borda); border-radius:var(--raio);
  background:var(--branco); box-shadow:var(--sombra-card);
  padding:18px 20px;
}
.lp-pilar__num{
  flex:0 0 auto; display:grid; place-items:center;
  width:38px; height:38px; border-radius:50%;
  background:var(--verde); color:var(--branco);
  font-size:17px; font-weight:800;
}
.lp-pilar p{
  font-size:clamp(13px, 3.6vw, 16px); font-weight:600; line-height:1.5; color:var(--texto);
}
@media (min-width:900px){
  .lp-pilares{ padding:64px 0 72px; }
  .lp-pilares__grade{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:20px; }
}

/* ---------------------------- CTA ---------------------------- */
.lp-cta{ position:relative; overflow:hidden; padding:52px 0 60px; }
.lp-cta .cta__fundo{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;
}
.lp-cta .cta__interno{
  position:relative; z-index:1;
  display:flex; flex-direction:column; align-items:center; text-align:center;
}
.lp-cta .cta__titulo{
  max-width:20ch;
  font-size:clamp(22px, 6vw, 36px); font-weight:800; line-height:1.25; color:var(--branco);
}
.lp-cta .cta__titulo .selo-verde{ transform:none; }
@media (min-width:810px){ .lp-cta{ padding:80px 0 88px; } }

/* ========================== BLOG — índice ========================== */
.blog-topo{ padding-bottom:16px; }
.blog-topo .etiqueta-verde--centro{ display:table; margin:0 auto 18px; }

.destaque{
  display:block; margin-top:34px;
  border:1px solid var(--cinza-borda); border-radius:22px; overflow:hidden;
  background:var(--branco); box-shadow:var(--sombra-card);
  transition:box-shadow .25s ease, transform .25s ease;
}
.destaque:hover{ box-shadow:0 14px 40px rgba(0,0,0,.13); transform:translateY(-2px); }
.destaque__foto img{ width:100%; aspect-ratio:16/9; object-fit:cover; }
.destaque__texto{ padding:24px 22px 28px; }
.destaque__tag{
  display:inline-block;
  background:var(--vermelho); color:var(--branco);
  font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  padding:6px 14px; border-radius:var(--raio-pill);
}
.destaque__titulo{
  margin-top:14px;
  font-size:clamp(20px, 5.4vw, 30px); font-weight:800; line-height:1.25; color:var(--texto-forte);
}
.destaque__data{ margin-top:8px; font-size:12px; font-weight:700; color:var(--verde); text-transform:uppercase; letter-spacing:.04em; }
.destaque__resumo{ margin-top:14px; font-size:clamp(13px, 3.6vw, 16px); line-height:1.6; color:var(--texto-2); }
.destaque__link{ display:inline-block; margin-top:18px; font-weight:800; color:var(--verde); }
.destaque:hover .destaque__link{ text-decoration:underline; }

@media (min-width:900px){
  .destaque{ display:grid; grid-template-columns:1.15fr 1fr; align-items:stretch; }
  .destaque__foto{ height:100%; }
  .destaque__foto img{ height:100%; aspect-ratio:auto; }
  .destaque__texto{ padding:40px 42px; display:flex; flex-direction:column; justify-content:center; }
}

.blog--leia{ padding-top:8px; }

/* ========================== BLOG — post ========================== */
.post-topo{ padding-top:calc(var(--topo) + 28px); padding-bottom:8px; }
.post-topo__interno{ display:grid; gap:24px; }
.post-topo__voltar a{
  display:inline-block;
  background:var(--vermelho); color:var(--branco);
  font-size:13px; font-weight:800;
  padding:8px 18px; border-radius:var(--raio-pill);
}
.post-topo__voltar a:hover{ filter:brightness(1.06); }
.post-topo__titulo{
  margin-top:18px;
  font-size:clamp(26px, 6.8vw, 40px); font-weight:800; line-height:1.2; color:var(--texto-forte);
  letter-spacing:-.01em;
}
.post-topo__data{ margin-top:14px; font-size:clamp(13px, 3.6vw, 16px); font-weight:800; color:var(--verde); }
.post-topo__capa img{ width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:var(--raio); }

@media (min-width:810px){ .post-topo{ padding-top:calc(var(--topo) + 48px); } }
@media (min-width:900px){
  .post-topo__interno{ grid-template-columns:1fr 1.1fr; gap:48px; align-items:center; }
  .post-topo__texto{ padding-block:20px; }
}

.post-corpo{ max-width:760px; padding-top:36px; padding-bottom:56px; }
.post-corpo p{
  margin-top:16px;
  font-size:clamp(14px, 3.8vw, 17px); line-height:1.72; color:var(--texto);
}
.post__sub{
  margin-top:34px;
  font-size:clamp(19px, 5vw, 26px); font-weight:800; line-height:1.3; color:var(--verde);
}
.post__sub--menor{ font-size:clamp(17px, 4.4vw, 21px); color:var(--texto-forte); }
.post__lista{ margin-top:14px; display:grid; gap:10px; }
.post__lista li{
  position:relative; padding-left:26px;
  font-size:clamp(14px, 3.8vw, 17px); line-height:1.65; color:var(--texto);
}
.post__lista li::before{
  content:''; position:absolute; left:4px; top:11px;
  width:7px; height:7px; border-radius:50%; background:var(--verde);
}
.post__botao{ margin-top:30px; text-align:center; }
@media (min-width:810px){ .post-corpo{ padding-top:48px; padding-bottom:72px; } }

/* ===================== PÁGINA DE TESTE DE FÓRMULA ===================== */
.formula{ padding:56px 0; background:#f5fbf8; min-height:60vh; }
.formula__linha{ text-align:center; font-size:16px; line-height:2; color:#2b3a42; }
.formula__bloco{ margin-top:8px; text-align:center; }
.formula math{ font-size:1.1em; }

/* ============================== 404 ============================== */
.erro{ padding:calc(var(--topo) + 60px) 0 80px; text-align:center; }
.erro__codigo{
  font-size:clamp(72px, 22vw, 140px); font-weight:900; line-height:.9;
  color:var(--verde); letter-spacing:-.05em;
}
.erro__titulo{
  margin-top:10px;
  font-size:clamp(24px, 6.4vw, 38px); font-weight:800; line-height:1.2; color:var(--texto-forte);
}
.erro__texto{
  margin:16px auto 0; max-width:52ch;
  font-size:clamp(13px, 3.6vw, 16px); line-height:1.6; color:var(--texto);
}
.erro__acoes{ margin-top:8px; }
.erro__atalhos{
  margin-top:34px; display:flex; flex-wrap:wrap; gap:10px; justify-content:center;
}
.erro__atalhos a{
  display:inline-block;
  border:1px solid var(--cinza-borda); border-radius:var(--raio-pill);
  padding:9px 18px; font-size:13px; font-weight:700; color:var(--verde);
  background:var(--branco);
}
.erro__atalhos a:hover{ background:var(--verde); color:var(--branco); border-color:var(--verde); }

/* ========================= PÁGINAS LEGAIS ========================= */
.legal{ padding:calc(var(--topo) + 40px) 0 72px; }
.legal .etiqueta-verde--centro{ display:table; margin:0 auto 18px; }
.legal__titulo{
  text-align:center;
  font-size:clamp(28px, 7vw, 42px); font-weight:800; line-height:1.15; color:var(--texto-forte);
}
.legal__atualizado{
  margin-top:12px; text-align:center;
  font-size:13px; font-weight:600; color:var(--texto-2);
}
.legal__corpo{ margin:38px auto 0; max-width:720px; }
.legal__corpo h2{
  margin-top:34px;
  font-size:clamp(18px, 4.6vw, 23px); font-weight:800; color:var(--verde);
}
.legal__corpo p{
  margin-top:14px;
  font-size:clamp(14px, 3.7vw, 16px); line-height:1.72; color:var(--texto);
}
.legal__corpo a{ color:var(--verde); font-weight:700; text-decoration:underline; }
.legal__acao{ margin-top:20px; }

/* ========================= AVISO DE COOKIES ========================= */
.cookies{
  position:fixed; left:0; right:0; bottom:0; z-index:120;
  padding:14px var(--gutter) calc(14px + env(safe-area-inset-bottom));
  pointer-events:none;
}
.cookies[hidden]{ display:none; }
.cookies__caixa{
  pointer-events:auto;
  max-width:var(--max); margin-inline:auto;
  background:var(--branco);
  border:1px solid var(--cinza-borda); border-radius:18px;
  box-shadow:0 16px 44px rgba(0,0,0,.22);
  padding:18px 20px 20px;
}
.cookies__titulo{ font-size:15px; font-weight:800; color:var(--texto-forte); }
.cookies__texto{
  margin-top:8px;
  font-size:13px; line-height:1.6; color:var(--texto-2);
}
.cookies__texto a{ color:var(--verde); font-weight:700; text-decoration:underline; }
.cookies__acoes{ margin-top:16px; display:flex; gap:10px; flex-wrap:wrap; }
.cookies__texto-bloco{ min-width:0; }
.cookies__btn{
  border-radius:var(--raio-pill); padding:11px 24px;
  font-size:14px; font-weight:800; transition:filter .18s ease, background .18s ease;
}
.cookies__btn--sim{ background:var(--verde); color:var(--branco); }
.cookies__btn--sim:hover{ filter:brightness(1.1); }
.cookies__btn--nao{ background:var(--cinza-fundo); color:var(--texto-forte); border:1px solid var(--cinza-borda); }
.cookies__btn--nao:hover{ background:#ececec; }

@media (min-width:820px){
  .cookies__caixa{
    display:grid; grid-template-columns:1fr auto; align-items:center; gap:26px;
    padding:20px 26px;
  }
  .cookies__acoes{ margin-top:0; flex-wrap:nowrap; }
  .cookies__texto{ max-width:78ch; }
  .cookies__titulo{ font-size:16px; }
}
/* o botão flutuante sobe quando o aviso está visível */
.cookies:not([hidden]) ~ .flutuante{ bottom:150px; }