:root{
  --mesa:#ddd3bf;
  --mesa-veio:#d3c7af;
  --papel:#fffdf5;
  --papel-sombra:rgba(74,58,30,.18);
  --tinta:#23324d;
  --azul:#1d4f91;
  --vermelho:#b8322a;
  --lapis:#5e6470;
  --pauta:#c7d8ec;
  --margem:#e7a2a0;
  --rosado:#fbecea;
  --azulado:#eef3fa;
  --grafite:#8a8f99;
  --mao:"Patrick Hand","Comic Sans MS",cursive;
  --corpo:"Andika","Trebuchet MS",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-block-size:100vh;font-size:1.06rem;line-height:1.62;background-color:var(--mesa);background-image:repeating-linear-gradient(97deg,transparent 0 46px,var(--mesa-veio) 46px 47px,transparent 47px 131px);overflow-wrap:break-word}
h1,h2,h3{font-family:var(--mao);font-weight:400;color:var(--azul);line-height:1.18;margin:0}
h1{font-size:2.15rem;margin-block:1.1rem .7rem}
h2{font-size:1.72rem;margin-block:2.3rem .6rem;padding-block-end:.15rem;border-block-end:2px dotted var(--pauta)}
h3{font-size:1.36rem;margin-block:1.5rem .4rem;color:var(--tinta)}
p{margin-block:0 .85rem}
a{color:var(--azul);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--vermelho)}
a:focus-visible,summary:focus-visible{outline:3px dashed var(--vermelho);outline-offset:3px}
ul,ol{margin-block:0 .9rem;padding-inline-start:1.3rem}
li{margin-block-end:.35rem}
strong{color:var(--tinta)}
table{border-collapse:collapse;inline-size:100%;font-size:.97rem;background:var(--papel)}
caption{caption-side:bottom;text-align:start;font-size:.84rem;color:var(--lapis);padding-block-start:.5rem}
th,td{border:1px solid #b9c6d8;padding:.5rem .65rem;vertical-align:top;text-align:start}
thead th{background:var(--azulado);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta)}
tbody th{font-weight:700;background:#fbfaf3}
dl{margin:0}
dd{margin:0}
details>summary{cursor:pointer;list-style:none}
details>summary::-webkit-details-marker{display:none}
time{white-space:nowrap}

.flex{display:flex}
.flex-col{flex-direction:column}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.quebra-linha{flex-wrap:wrap}
.gap-1{gap:.3rem}
.gap-3{gap:.85rem}
.gap-4{gap:1.15rem}
.gap-6{gap:1.7rem}
.d-none{display:none}
.block{display:block}
.inline-block{display:inline-block}
.relative{position:relative}
.absolute{position:absolute}

.mx-auto{margin-inline:auto}
.mt-1{margin-block-start:.3rem}
.mt-3{margin-block-start:.85rem}
.mt-4{margin-block-start:1.15rem}
.mt-6{margin-block-start:1.7rem}
.mt-8{margin-block-start:2.3rem}
.mb-1{margin-block-end:.3rem}
.mb-3{margin-block-end:.85rem}
.mb-4{margin-block-end:1.15rem}
.mb-6{margin-block-end:1.7rem}
.p-3{padding:.85rem}
.p-4{padding:1.15rem}
.p-5{padding:1.45rem}
.px-3{padding-inline:.85rem}
.px-4{padding-inline:1.15rem}
.px-5{padding-inline:1.05rem}
.py-1{padding-block:.3rem}
.py-3{padding-block:.85rem}
.py-4{padding-block:1.15rem}
.pt-4{padding-block-start:1.15rem}
.pb-6{padding-block-end:1.7rem}
.pl-5{padding-inline-start:1.45rem}

.font-mao{font-family:var(--mao)}
.font-corpo{font-family:var(--corpo)}
.font-bold{font-weight:700}
.italic{font-style:italic}
.uppercase{text-transform:uppercase}
.tracking-wide{letter-spacing:.08em}
.text-xs{font-size:.78rem}
.text-sm{font-size:.9rem}
.text-base{font-size:1.06rem}
.text-xl{font-size:1.3rem}
.text-2xl{font-size:1.62rem}
.text-3xl{font-size:2.05rem}
.leading-snug{line-height:1.3}
.leading-relaxed{line-height:1.75}
.text-center{text-align:center}
.text-tinta{color:var(--tinta)}
.text-azul{color:var(--azul)}
.text-vermelho{color:var(--vermelho)}
.text-lapis{color:var(--lapis)}
.no-underline{text-decoration:none}
.hover\:underline:hover{text-decoration:underline}

.bg-mesa{background-color:var(--mesa)}
.bg-papel{background-color:var(--papel)}
.bg-rosado{background-color:var(--rosado)}
.bg-azulado{background-color:var(--azulado)}
.border{border:1px solid #b9c6d8}
.border-b{border-block-end:1px solid #b9c6d8}
.border-t{border-block-start:1px solid #b9c6d8}
.border-tracejada{border:1.5px dashed var(--vermelho)}
.rounded-sm{border-radius:3px}
.rounded-md{border-radius:7px}
.rounded-full{border-radius:999px}
.shadow-papel{box-shadow:0 1px 0 #efe8d6,0 14px 34px -12px var(--papel-sombra),0 2px 6px rgba(74,58,30,.12)}

.w-full{inline-size:100%}
.max-w-boletim{max-inline-size:62rem}
.max-w-texto{max-inline-size:46rem}
.overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch}
.list-disc{list-style:disc}
.list-decimal{list-style:decimal}
.list-none{list-style:none;padding-inline-start:0}
.space-y-3>*+*{margin-block-start:.85rem}

.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sr-only:focus{position:static;inline-size:auto;block-size:auto;clip:auto;padding:.4rem .7rem;background:var(--papel)}

.papel{background-color:var(--papel);position:relative;border-inline:1px solid #e9e0cb}
.clipe{position:absolute;inset-block-start:-14px;inset-inline-end:2.4rem;inline-size:22px;block-size:58px;border:3px solid #9aa3ad;border-radius:12px;transform:rotate(8deg)}
.clipe::after{content:"";position:absolute;inset:7px 4px 14px;border:3px solid #9aa3ad;border-block-start:0;border-radius:0 0 8px 8px}
.ficha-aluno{display:flex;flex-wrap:wrap;border:1px solid #b9c6d8;border-radius:4px;margin-block-start:1.15rem}
.ficha-aluno>div{flex:1 1 11rem;padding:.4rem .7rem;border-inline-end:1px solid #dfe6f0;border-block-end:1px solid #dfe6f0}
.ficha-aluno dt{font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:var(--lapis)}
.rabisco{font-family:var(--mao);font-size:1.28rem;color:var(--azul);line-height:1.2}
.orelha{display:inline-block;padding:.35rem .8rem .3rem;border:1px solid #b9c6d8;border-block-end:0;border-radius:8px 8px 0 0;background:#f6f1e3;color:var(--tinta);text-decoration:none;font-size:.92rem}
.orelha:hover{background:var(--azulado);color:var(--azul)}
.orelha[aria-current="page"]{background:var(--papel);color:var(--vermelho);font-weight:700;position:relative;inset-block-end:-1px}
.trilho-orelhas{border-block-end:1px solid #b9c6d8}
.estojo-menu>summary{white-space:nowrap;font-family:var(--mao);font-size:1.25rem;color:var(--azul);padding:.3rem .8rem;border:1px solid #b9c6d8;border-radius:6px;background:#f6f1e3}
.estojo-menu>summary::after{content:" ▾"}
.estojo-menu[open]>summary::after{content:" ▴"}
.estojo-menu ul{margin-block-start:.6rem;padding:.5rem .9rem;background:var(--papel);border:1px solid #b9c6d8;border-radius:6px}
.estojo-menu a{display:block;padding-block:.4rem;text-decoration:none}
.bilhete{border:1.5px dashed var(--vermelho);background:var(--rosado);border-radius:4px;padding:.7rem .95rem;font-size:.95rem;transform:rotate(-.25deg)}
.bilhete strong{color:var(--vermelho)}
.pautado{background-image:linear-gradient(to bottom,transparent calc(1.9rem - 1px),var(--pauta) calc(1.9rem - 1px));background-size:100% 1.9rem;line-height:1.9rem;padding-block:.1rem}
.pautado p{margin-block-end:1.9rem}
.pautado p:last-child{margin-block-end:0}
.margem-vermelha{border-inline-start:3px double var(--margem);padding-inline-start:1rem}
.obs-professor{font-family:var(--mao);font-size:1.24rem;color:var(--vermelho)}
.quadro-notas td:nth-child(4),.quadro-notas th:nth-child(4){text-align:center;inline-size:5.2rem}
.quadro-notas td:last-child{white-space:nowrap}
.quadro-notas thead th{font-size:.72rem}
.conceito{display:inline-block;min-inline-size:2.1rem;padding:.05rem .45rem;border:2px solid currentColor;border-radius:50%;font-family:var(--mao);font-size:1.25rem;line-height:1.35;text-align:center}
.conceito-e{color:var(--azul)}
.conceito-d{color:#6b5a1f}
.conceito-n{color:var(--vermelho)}
.conceito-x{color:var(--grafite);border-style:dotted}
.totais-bimestre{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:center}
.visto-vermelho{display:inline-block;padding:.25rem .7rem;border:2px solid var(--vermelho);border-radius:4px;color:var(--vermelho);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;transform:rotate(-3deg)}
.assinatura{border-block-start:1px solid var(--tinta);padding-block-start:.25rem;font-size:.8rem;color:var(--lapis);min-inline-size:12rem}
.duvida-aluno{border-block-end:1px dotted #b9c6d8;padding-block:.5rem .2rem}
.duvida-aluno>h3{font-family:var(--corpo);font-weight:700;font-size:1.06rem;margin-block:.4rem .35rem;color:var(--tinta)}
.duvida-aluno>h3::before{content:"✎ ";color:var(--vermelho);font-family:var(--mao)}
.trilho-orelhas li{margin:0}
.estojo-menu{position:relative}
.estojo-menu ul{position:absolute;inset-inline-end:0;z-index:5;min-inline-size:14.5rem;box-shadow:0 10px 24px -10px var(--papel-sombra)}
.estojo-menu a[aria-current="page"]{color:var(--vermelho);font-weight:700}
.recado-pais{border:1px solid #b9c6d8;border-inline-start:6px solid var(--azul);background:#f7f9fc;border-radius:4px}
.fim-do-boletim a{color:var(--tinta)}

.faixa-matricula{display:flex;justify-content:flex-end;padding-block:.9rem .3rem}
.selo-matricula,.canhoto-selo{display:inline-flex;align-items:center;justify-content:center;min-block-size:2.75rem;font-family:var(--mao);color:#fff;text-align:center;text-decoration:none;background-color:var(--vermelho);border:2px solid var(--vermelho);border-radius:999px;box-shadow:0 0 0 3px var(--papel),0 0 0 4px var(--vermelho),0 7px 12px -7px rgba(142,33,27,.7);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.selo-matricula{padding:.45rem 1.4rem .4rem;font-size:1.28rem;line-height:1.25}
.selo-matricula::after,.canhoto-selo::after{content:"\2192";content:"\2192" / "";margin-inline-start:.5rem;font-family:var(--corpo);font-size:.9em;transition:transform .18s ease}
.selo-matricula:hover,.canhoto-selo:hover{color:#fff;background-color:#8e211b;border-color:#8e211b;transform:translateY(-1px);box-shadow:0 0 0 3px var(--papel),0 0 0 4px #8e211b,0 11px 16px -8px rgba(142,33,27,.75)}
.selo-matricula:hover::after,.canhoto-selo:hover::after{transform:translateX(3px)}
.selo-matricula:active,.canhoto-selo:active{transform:translateY(1px);box-shadow:0 0 0 3px var(--papel),0 0 0 4px #8e211b}
.selo-matricula:focus-visible,.canhoto-selo:focus-visible{color:#fff;outline:3px dashed var(--tinta);outline-offset:6px}
.canhoto-bloco{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.5rem;max-inline-size:46rem;margin-block:1.9rem;padding:1.1rem 1.6rem 1.2rem;background-color:#fff6d8;background-image:radial-gradient(circle at 0 50%,var(--papel) .6rem,transparent calc(.6rem + 1px)),radial-gradient(circle at 100% 50%,var(--papel) .6rem,transparent calc(.6rem + 1px));border-block:2px dotted #d3ac4d;border-radius:10px}
.canhoto-recado{flex:1 1 17rem;margin:0;font-family:var(--mao);font-size:1.26rem;line-height:1.38;color:var(--tinta)}
.canhoto-selo{flex:0 1 auto;padding:.6rem 1.6rem .55rem;font-size:1.38rem;line-height:1.2}
@media (prefers-reduced-motion:reduce){
  .selo-matricula,.canhoto-selo,.selo-matricula::after,.canhoto-selo::after{transition:none}
  .selo-matricula:hover,.canhoto-selo:hover,.selo-matricula:hover::after,.canhoto-selo:hover::after,.selo-matricula:active,.canhoto-selo:active{transform:none}
}

@media (max-width:767px){
  .clipe{display:none}
  .faixa-matricula{justify-content:center;padding-block-start:1rem}
  .selo-matricula{display:flex;inline-size:100%;min-block-size:3rem;padding-block:.6rem .55rem;font-size:1.34rem}
  .canhoto-bloco{flex-direction:column;align-items:stretch;gap:.85rem;padding:1rem 1.05rem 1.15rem}
  .canhoto-recado{flex:0 0 auto;font-size:1.2rem}
  .canhoto-selo{display:flex;inline-size:100%;min-block-size:3rem;padding-inline:1.1rem;font-size:1.3rem}
  .empilha thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .empilha,.empilha tbody,.empilha tr,.empilha th,.empilha td,.empilha caption{display:block;inline-size:auto}
  .empilha{background:transparent}
  .empilha tr{border:1px solid #b9c6d8;border-radius:5px;margin-block-end:.8rem;background:var(--papel)}
  .empilha th,.empilha td{border:0;border-block-end:1px dotted #d6dfeb;text-align:start}
  .empilha tr>*:last-child{border-block-end:0}
  .empilha tbody th{background:var(--azulado);color:var(--azul);font-family:var(--mao);font-size:1.2rem;font-weight:400}
  .empilha td[data-rotulo]::before{content:attr(data-rotulo);display:block;font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:var(--lapis)}
  .quadro-notas.empilha td:nth-child(4){inline-size:auto;text-align:start}
}
@media (min-width:768px){
  .md\:min-w-quadro{min-inline-size:38rem}
  body{font-size:1.08rem}
  h1{font-size:2.65rem}
  .md\:d-block{display:block}
  .md\:d-flex{display:flex}
  .md\:d-none{display:none}
  .md\:px-10{padding-inline:2.6rem}
  .md\:py-6{padding-block:1.7rem}
  .md\:mt-8{margin-block-start:2.3rem}
  .md\:grid-cols-dupla{display:grid;grid-template-columns:1.25fr 1fr;gap:1.7rem}
  .md\:grid-cols-tres{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}
}
@media (min-width:1100px){
  .papel{margin-block:2.4rem}
}
@media print{
  body{background:#fff}
  .estojo-menu,.trilho-orelhas,.clipe,.faixa-matricula,.canhoto-bloco{display:none}
}