/* Site da BoxGestor -- uma folha so para as cinco paginas.
   Cada sistema troca as variaveis pela classe do <body> (p-hotel, p-escola...). */

:root {
  --azul: #0A5CFF;
  --azul-escuro: #0743B8;
  --marinho: #0B1238;
  --tinta: #0B1238;
  --tinta-sec: #3B4466;
  --tinta-ter: #5A6487;
  --fundo-suave: #F4F7FE;
  --borda: #DFE5F2;
  --branco: #FFFFFF;

  /* cor do sistema (a home usa o azul da marca) */
  --cor: #0A5CFF;
  --cor-texto: #0A5CFF;
  --escuro: #0B1238;
  --claro: #8FB0FF;
  --claro-texto: #0B1238;
  --fundo: #F4F7FE;
  --borda-cor: #DCE3F3;
  --suave-cor: #E8EEFF;
  --hero-sub: #C3CBE6;

  --largura: 1240px;
  --raio: 18px;
  --sombra: 0 10px 40px rgba(11, 18, 56, .12);
}

.p-hotel  { --cor: #0F8B8D; --cor-texto: #0A6A6C; --escuro: #062B2C; --claro: #7FD3D4; --claro-texto: #062B2C; --fundo: #F4F8F8; --borda-cor: #DCE9E9; --suave-cor: #E1F2F2; --hero-sub: #CBE7E7; }
.p-escola { --cor: #C2410C; --cor-texto: #B13A0A; --escuro: #2B1406; --claro: #FDBA74; --claro-texto: #2B1406; --fundo: #FFF7F1; --borda-cor: #F6E0D0; --suave-cor: #FFEDE0; --hero-sub: #F5D6C0; }
.p-igreja { --cor: #8A5A2B; --cor-texto: #7A4E24; --escuro: #2B1B0E; --claro: #E3B98A; --claro-texto: #2B1B0E; --fundo: #FAF5EF; --borda-cor: #EFE3D3; --suave-cor: #F3E6D6; --hero-sub: #EBD9C4; }
.p-nfe    { --cor: #9B3B6E; --cor-texto: #8A3161; --escuro: #2A0F1F; --claro: #F2A7CB; --claro-texto: #2A0F1F; --fundo: #FBF4F8; --borda-cor: #F0DDE7; --suave-cor: #FBE7F1; --hero-sub: #F0D3E1; }

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
  margin: 0;
  background: var(--branco);
  color: var(--tinta);
  font-family: Figtree, "Segoe UI", system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; display: block; }
a { color: var(--cor-texto); }
a:focus-visible, button:focus-visible { outline: 3px solid var(--cor); outline-offset: 3px; border-radius: 6px; }

h1, h2, h3 { font-family: Sora, Figtree, sans-serif; text-wrap: balance; margin: 0; letter-spacing: -0.02em; }

.envelope { max-width: var(--largura); margin: 0 auto; padding-inline: 24px; }
.rotulo { font-size: 14px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; }

/* ------------------------------------------------------------ topo */
.topo { border-bottom: 1px solid #EDF0F7; background: var(--branco); position: sticky; top: 0; z-index: 10; }
.topo .envelope { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 76px; flex-wrap: wrap; padding-block: 10px; }
.topo-marca img { height: 34px; width: auto; }
.topo nav { display: flex; gap: 28px; flex-wrap: wrap; font-weight: 600; font-size: 16px; }
.topo nav a { color: var(--tinta); text-decoration: none; padding: 6px 0; border-bottom: 2px solid transparent; }
.topo nav a:hover { color: var(--cor-texto); }
.topo nav a[aria-current="page"] { color: var(--cor-texto); border-bottom-color: var(--cor); }
.topo-acoes { display: flex; gap: 12px; align-items: center; }

.botao {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 12px 22px; border-radius: 11px;
  font: inherit; font-weight: 700; font-size: 16px; text-decoration: none; cursor: pointer;
  border: 1px solid transparent; transition: background-color .15s, color .15s;
}
.botao-cor { background: var(--cor); color: #FFFFFF; }
.botao-cor:hover { background: var(--cor-texto); color: #FFFFFF; }
.botao-claro { background: var(--claro); color: var(--claro-texto); }
.botao-claro:hover { filter: brightness(1.05); color: var(--claro-texto); }
.botao-linha { background: transparent; color: var(--cor-texto); border-color: var(--cor); }
.botao-linha:hover { background: var(--suave-cor); }
.botao-vazado { background: transparent; color: #FFFFFF; border-color: rgba(255,255,255,.35); }
.botao-vazado:hover { background: rgba(255,255,255,.08); color: #FFFFFF; }
.botao-branco { background: #FFFFFF; color: var(--marinho); }
.botao-branco:hover { color: var(--marinho); background: #EEF2FF; }
.link-simples { font-weight: 600; color: var(--tinta); text-decoration: none; }

/* ------------------------------------------------------------ home */
.home-hero { background: var(--fundo-suave); }
.home-hero .envelope { padding-block: 88px 80px; display: flex; gap: 64px; align-items: center; flex-wrap: wrap; }
.home-hero-texto { flex: 1 1 520px; display: flex; flex-direction: column; gap: 22px; }
.home-hero-texto .rotulo { color: var(--azul); }
.home-hero h1 { font-size: clamp(40px, 5.4vw, 72px); line-height: 1.03; font-weight: 800; letter-spacing: -0.035em; }
.home-hero p { margin: 0; font-size: clamp(18px, 1.6vw, 22px); color: var(--tinta-sec); max-width: 700px; }
.linha-botoes { display: flex; gap: 12px; flex-wrap: wrap; }

.selos { flex: 1 1 380px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-width: 560px; }
.selo { background: #FFFFFF; border: 1px solid var(--borda); border-radius: var(--raio); padding: 20px; display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--tinta); transition: transform .15s, box-shadow .15s; }
.selo:hover { transform: translateY(-2px); box-shadow: var(--sombra); color: var(--tinta); }
.selo img { width: 64px; height: 64px; flex: none; }
.selo b { font-family: Sora, sans-serif; font-size: 18px; display: block; }
.selo span { font-size: 14px; color: var(--tinta-ter); }

.secao { padding-block: 88px; }
.secao-cabeca { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 40px; }
.secao-cabeca h2 { font-size: clamp(32px, 3.6vw, 50px); font-weight: 800; }
.secao-cabeca p { margin: 8px 0 0; color: var(--tinta-ter); font-size: 19px; }
.secao-cabeca .nota { color: var(--tinta-ter); font-size: 16px; }

.produtos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr)); gap: 26px; }
.produto { border: 1px solid var(--borda); border-radius: 22px; overflow: hidden; display: flex; flex-direction: column; background: #FFFFFF; text-decoration: none; color: var(--tinta); transition: box-shadow .15s, transform .15s; }
.produto:hover { box-shadow: var(--sombra); transform: translateY(-2px); color: var(--tinta); }
.produto-banda { background: var(--escuro); color: #FFFFFF; padding: 30px 32px; display: flex; gap: 22px; align-items: center; }
.produto-banda img { width: 92px; height: 92px; flex: none; }
.produto-banda .rotulo { color: var(--claro); font-size: 13px; }
.produto-banda h3 { font-size: clamp(28px, 2.6vw, 36px); font-weight: 800; color: #FFFFFF; }
.produto-banda p { margin: 6px 0 0; color: var(--hero-sub); font-size: 17px; }
.produto-corpo { padding: 28px 32px; display: flex; gap: 24px; align-items: flex-end; flex-wrap: wrap; flex: 1; }
.produto-corpo ul { flex: 1 1 300px; margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px 22px; }
.produto-preco { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; margin-left: auto; }
.produto-preco small { color: var(--tinta-ter); font-size: 14px; }
.produto-preco b { font-family: Sora, sans-serif; font-size: 24px; }
.produto-preco span { font-weight: 700; color: var(--cor-texto); }

.check { display: flex; gap: 10px; align-items: flex-start; }
.check::before {
  content: ""; flex: none; width: 20px; height: 20px; margin-top: 2px;
  background-color: var(--cor);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.empresa { background: var(--marinho); color: #FFFFFF; }
.empresa .envelope { padding-block: 88px; display: flex; gap: 64px; flex-wrap: wrap; align-items: center; }
.empresa-texto { flex: 1 1 520px; display: flex; flex-direction: column; gap: 20px; }
.empresa-texto .rotulo { color: #8FB0FF; }
.empresa h2 { font-size: clamp(32px, 3.4vw, 48px); font-weight: 800; line-height: 1.1; }
.empresa p { margin: 0; font-size: 19px; color: #C3CBE6; max-width: 720px; }
.numeros { flex: 1 1 400px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.numeros div { border: 1px solid #2A3566; border-radius: 16px; padding: 24px; }
.numeros b { font-family: Sora, sans-serif; font-size: 40px; display: block; }
.numeros span { color: #C3CBE6; }

.passos { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
.passos div { background: var(--fundo); border-radius: var(--raio); padding: 28px; display: flex; flex-direction: column; gap: 10px; }
.passos b { font-family: Sora, sans-serif; font-size: 21px; }
.passos span { color: var(--tinta-sec); }

/* ------------------------------------------------------------ pagina de sistema */
.hero { background: var(--escuro); color: #FFFFFF; overflow: hidden; }
.hero .envelope { padding-top: 72px; display: flex; gap: 56px; align-items: flex-end; flex-wrap: wrap; }
.hero-texto { flex: 1 1 460px; display: flex; flex-direction: column; gap: 22px; padding-bottom: 72px; }
.migalha { font-size: 15px; color: var(--claro); }
.migalha a { color: var(--claro); text-decoration: none; }
.hero-marca { display: flex; align-items: center; gap: 20px; }
.hero-marca img { width: 96px; height: 96px; flex: none; }
.hero h1 { font-size: clamp(40px, 5vw, 70px); font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; }
.hero p { margin: 0; font-size: clamp(18px, 1.6vw, 23px); color: var(--hero-sub); max-width: 640px; }
.hero-fatos { display: flex; gap: 10px 28px; flex-wrap: wrap; font-size: 15px; color: var(--hero-sub); opacity: .9; }
.hero-tela { flex: 1 1 560px; max-width: 760px; min-width: 0; }

/* janela de app desenhada (tela ilustrativa do sistema) */
.app { background: #FFFFFF; color: var(--tinta); border-radius: 16px 16px 0 0; overflow: hidden; display: flex; min-height: 470px; box-shadow: 0 -10px 50px rgba(0,0,0,.35); font-size: 14px; }
.app-menu { width: 168px; flex: none; background: var(--marinho); padding: 16px 12px; display: flex; flex-direction: column; gap: 4px; }
.app-menu i { width: 26px; height: 26px; border-radius: 7px; background: var(--azul); display: block; margin-bottom: 12px; }
.app-menu span { color: #9AA5C8; padding: 7px 10px; border-radius: 7px; }
.app-menu span.ativo { color: #FFFFFF; font-weight: 700; background: #1C2556; }
.app-corpo { flex: 1; min-width: 0; background: #F6F8FB; padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; }
.app-titulo { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.app-titulo b { font-size: 17px; }
.app-titulo small { display: block; color: var(--tinta-ter); font-size: 12px; }
.pilula { font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 99px; white-space: nowrap; }
.pil-ok { background: #E7F6EC; color: #1F6B3A; }
.pil-aviso { background: #FFF1DC; color: #8A4B00; }
.pil-erro { background: #FDECEC; color: #A12A2A; }
.pil-neutro { background: #EEF0F5; color: #4A5368; }
.pil-cor { background: var(--suave-cor); color: var(--cor-texto); }
.kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; }
.kpis div { background: #FFFFFF; border: 1px solid #E3E8EF; border-radius: 10px; padding: 10px 12px; }
.kpis small { display: block; font-size: 12px; color: var(--tinta-ter); }
.kpis b { font-size: 19px; }
.lista { background: #FFFFFF; border: 1px solid #E3E8EF; border-radius: 12px; overflow: hidden; }
.lista > div { display: flex; align-items: center; gap: 12px; padding: 9px 14px; border-top: 1px solid #EEF1F5; }
.lista > div:first-child { border-top: 0; }
.lista .cresce { flex: 1; min-width: 0; font-weight: 600; }
.lista .fraco { color: var(--tinta-ter); }
.mini-botao { background: var(--cor); color: #FFFFFF; font-size: 12px; font-weight: 700; padding: 6px 12px; border-radius: 7px; white-space: nowrap; }
.inicial { width: 30px; height: 30px; flex: none; border-radius: 99px; background: var(--suave-cor); color: var(--cor-texto); font-weight: 700; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; }

/* telas do sistema com abas */
.abas { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 28px; }
.aba { font: inherit; font-weight: 700; font-size: 16px; padding: 11px 20px; min-height: 48px; border-radius: 99px; cursor: pointer; background: #FFFFFF; color: var(--tinta); border: 1px solid var(--borda-cor); }
.aba[aria-selected="true"] { background: var(--cor); color: #FFFFFF; border-color: var(--cor); }
.painel { display: flex; gap: 48px; align-items: center; flex-wrap: wrap; }
.painel[hidden] { display: none; }
.painel-quadro { flex: 1 1 640px; min-width: 0; border-radius: var(--raio); background: var(--fundo); border: 1px solid var(--borda-cor); padding: 24px; overflow-x: auto; }
.painel-quadro > * { min-width: 600px; }
.painel-texto { flex: 1 1 300px; display: flex; flex-direction: column; gap: 14px; }
.painel-texto h3 { font-size: 28px; line-height: 1.15; }
.painel-texto p { margin: 0; font-size: 18px; color: var(--tinta-sec); }
.legenda { font-size: 14px; color: var(--tinta-ter); margin-top: 18px; }

.folha { background: #FFFFFF; border-radius: 12px; border: 1px solid #E3E8EF; padding: 20px; display: flex; flex-direction: column; gap: 12px; }
.grade-tab { display: grid; border: 1px solid #EEF1F5; border-radius: 10px; overflow: hidden; font-size: 14px; }
.grade-tab span { padding: 9px 12px; border-top: 1px solid #EEF1F5; }
.grade-tab .cab { background: #F6F8FB; font-weight: 700; border-top: 0; }

.celular-cena { display: flex; gap: 32px; align-items: center; flex-wrap: wrap; }
.celular { width: 270px; flex: none; border-radius: 36px; background: var(--marinho); padding: 11px; }
.celular > div { border-radius: 26px; background: #F6F8FB; padding: 20px 14px; min-height: 500px; display: flex; flex-direction: column; gap: 9px; font-size: 14px; }
.celular .item { background: #FFFFFF; border-radius: 12px; padding: 11px 12px; display: flex; justify-content: space-between; gap: 8px; }
.celular .destaque { background: var(--cor); color: #FFFFFF; border-radius: 14px; padding: 13px; }
.celular-cena .explica { flex: 1 1 240px; display: flex; flex-direction: column; gap: 10px; color: var(--tinta-sec); }
.celular-cena .explica b { font-size: 20px; color: var(--tinta); }

/* recursos */
.recursos { background: var(--fundo); }
.cartoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 18px; }
.cartao { background: #FFFFFF; border: 1px solid var(--borda-cor); border-radius: 16px; padding: 24px; display: flex; flex-direction: column; gap: 8px; }
.cartao b { font-size: 18px; }
.cartao span { color: var(--tinta-sec); font-size: 16px; }
.cartao i { width: 40px; height: 40px; border-radius: 10px; background: var(--suave-cor); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 4px; }
.cartao i::before {
  content: ""; width: 20px; height: 20px; background-color: var(--cor);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* valores */
.planos { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 22px; }
.plano { border: 1px solid var(--borda-cor); border-radius: 20px; padding: 30px; display: flex; flex-direction: column; gap: 12px; background: #FFFFFF; }
.plano.destaque { border: 2px solid var(--cor); background: var(--fundo); }
.plano-cabeca { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.plano-cabeca b { font-family: Sora, sans-serif; font-size: 24px; }
.plano-cabeca span { background: var(--cor); color: #FFFFFF; font-size: 12px; font-weight: 700; padding: 5px 10px; border-radius: 99px; letter-spacing: .04em; }
.plano-preco { font-family: Sora, sans-serif; font-size: 44px; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.1; }
.plano-preco small { font-family: Figtree, sans-serif; font-size: 16px; font-weight: 500; color: var(--tinta-ter); }
.plano-limite { color: var(--tinta-ter); font-size: 15px; }
.plano ul { list-style: none; margin: 0; padding: 12px 0 0; border-top: 1px solid var(--borda-cor); display: flex; flex-direction: column; gap: 9px; font-size: 16px; }
.plano .botao { margin-top: auto; }
.seletor { display: inline-flex; background: var(--suave-cor); border-radius: 12px; padding: 5px; flex-wrap: wrap; }
.seletor button { font: inherit; font-weight: 700; font-size: 15px; padding: 10px 18px; min-height: 44px; border: 0; border-radius: 9px; cursor: pointer; background: transparent; color: var(--tinta-sec); }
.seletor button[aria-pressed="true"] { background: #FFFFFF; color: var(--tinta); box-shadow: 0 1px 3px rgba(11,18,56,.15); }
.nota-valores { margin-top: 18px; color: var(--tinta-ter); font-size: 15px; }

/* perguntas */
.perguntas { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 8px 56px; }
.perguntas details { border-top: 1px solid var(--borda-cor); padding-block: 18px; }
.perguntas summary { font-weight: 700; font-size: 19px; cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.perguntas summary::-webkit-details-marker { display: none; }
.perguntas summary::after { content: "+"; color: var(--cor-texto); font-size: 24px; line-height: 1; }
.perguntas details[open] summary::after { content: "−"; }
.perguntas p { margin: 10px 0 0; color: var(--tinta-sec); }

/* chamada final e rodape */
.chamada { background: var(--escuro); color: #FFFFFF; border-radius: 24px; padding: 40px 44px; display: flex; justify-content: space-between; align-items: center; gap: 28px; flex-wrap: wrap; }
.chamada h2 { font-size: clamp(26px, 2.6vw, 36px); font-weight: 800; color: #FFFFFF; }
.chamada p { margin: 8px 0 0; color: var(--hero-sub); }
.chamada p a { color: var(--claro); }
.home .chamada { background: var(--azul); }
.home .chamada p { color: #DCE7FF; }

.rodape { background: var(--marinho); color: #9AA5C8; margin-top: 88px; }
.rodape .envelope { padding-block: 40px; display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; font-size: 15px; }
.rodape a { color: #C3CBE6; text-decoration: none; }
.rodape a:hover { color: #FFFFFF; }
.rodape nav { display: flex; gap: 22px; flex-wrap: wrap; }

/* ------------------------------------------------------------ celular */
@media (max-width: 760px) {
  body { font-size: 16px; }
  .topo { position: static; }
  .topo nav { gap: 18px; font-size: 15px; order: 3; width: 100%; }
  .topo-acoes .link-simples { display: none; }
  .home-hero .envelope, .hero .envelope { padding-top: 48px; }
  .secao { padding-block: 60px; }
  .app-menu { display: none; }
  .hero-marca img { width: 72px; height: 72px; }
  .produto-banda { flex-direction: column; align-items: flex-start; }
  .produto-preco { align-items: flex-start; margin-left: 0; }
  .chamada { padding: 30px 24px; }
  .painel-quadro { padding: 14px; }
}

/* mapa de quartos e calendario (tela ilustrativa do Hotel) */
.q { border-radius: 8px; padding: 8px; height: 62px; display: flex; flex-direction: column; justify-content: space-between; font-size: 12px; }
.q b { font-size: 15px; }
.q-o { background: var(--cor); color: #FFFFFF; }
.q-c { background: #FCE9C7; color: #6B4600; }
.q-l { background: #E3EEF0; color: #2F4448; }
.q-v { background: #FFFFFF; color: #2F4448; border: 1px dashed #B8C4C8; }
.leg { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; padding: 0; }
.cal { display: grid; grid-template-columns: 56px repeat(14, minmax(0, 1fr)); gap: 4px; align-items: center; font-size: 12px; color: var(--tinta-ter); }
.cal b { color: var(--tinta); font-size: 13px; }
.cal .res { background: var(--cor); color: #FFFFFF; border-radius: 6px; padding: 7px 8px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cal + .cal { min-height: 34px; }

/* chamada e boletim (tela ilustrativa da Escola) */
.pf { width: 30px; height: 30px; flex: none; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px; background: #F0EDF6; color: #9A93AE; }
.pf.sim { background: #1F8A4C; color: #FFFFFF; }
.pf.nao { background: #C2410C; color: #FFFFFF; }
.grade-tab .ok { color: #1F6B3A; font-weight: 700; }
.grade-tab .atencao { color: #B45309; font-weight: 700; }

/* paginas de aviso */
.aviso { min-height: 60vh; display: flex; flex-direction: column; justify-content: center; gap: 18px; padding-block: 80px; }
.aviso h1 { font-size: clamp(36px, 5vw, 60px); font-weight: 800; }
.aviso p { margin: 0; color: var(--tinta-sec); font-size: 19px; }

@media (max-width: 480px) {
  .selos { grid-template-columns: 1fr; }
  .selo img { width: 52px; height: 52px; }
}