/* Chrome do sitio estilo.ceipbelesar.org */
body{background:var(--bl-fondo)}
.sh{position:sticky;top:0;z-index:20;background:var(--bl-bosque);color:var(--bl-crema)}
.sh-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:var(--bl-e4);padding:0 var(--bl-e6);min-height:var(--bl-cabeceira)}
.sh-brand{display:flex;align-items:center;gap:var(--bl-e3);color:inherit;text-decoration:none}
.sh-brand:hover{color:inherit;text-decoration:none}
.sh-badge{width:40px;height:40px;border-radius:50%;background:var(--bl-crema);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.sh-badge img{width:120%;margin-top:6%}
.sh-nm{font-family:var(--bl-fonte-titulo);font-weight:var(--bl-peso-semi);font-size:15px;line-height:1.1}
.sh-nm span{display:block;font-size:10px;letter-spacing:var(--bl-tracking-etiqueta);text-transform:uppercase;color:var(--bl-dourado);margin-top:3px;font-weight:var(--bl-peso-semi)}
.sh-nav{margin-left:auto;display:flex;gap:var(--bl-e1)}
.sh-nav a{font-family:var(--bl-fonte-titulo);font-size:14px;font-weight:var(--bl-peso-medio);color:#CFE0D3;padding:0 var(--bl-e3);border-radius:var(--bl-r-md);min-height:var(--bl-tap-min);display:inline-flex;align-items:center}
.sh-nav a:hover{background:rgba(250,241,222,.10);color:var(--bl-crema);text-decoration:none}
.sh-nav a[aria-current="page"]{background:var(--bl-crema);color:var(--bl-bosque);font-weight:var(--bl-peso-semi)}
.sh-burger{display:none;margin-left:auto;width:44px;height:44px;flex-direction:column;justify-content:center;gap:4px;align-items:center;background:none;border:0;cursor:pointer}
.sh-burger i{display:block;width:20px;height:2px;background:var(--bl-crema);border-radius:1px}
@media (max-width:860px){.sh-in{flex-wrap:wrap}.sh-burger{display:flex}.sh-nav{display:none;order:3;width:100%;flex-direction:column;gap:2px;padding-bottom:var(--bl-e3)}.sh-nav.open{display:flex}.sh-nav a{width:100%}}

.wrap{max-width:1180px;margin:0 auto;padding:var(--bl-e10) var(--bl-e6) var(--bl-e12)}
@media (max-width:600px){.wrap{padding:var(--bl-e6) var(--bl-e4) var(--bl-e10)}}
.hero{max-width:660px;margin-bottom:var(--bl-e10)}
.hero h1{font-size:clamp(26px,5vw,38px);line-height:1.05}
.hero p{font-size:var(--bl-txt-lg);color:var(--bl-texto-suave);margin-top:var(--bl-e3)}
.kick{font-family:var(--bl-fonte-titulo);font-weight:var(--bl-peso-semi);font-size:var(--bl-txt-xs);letter-spacing:var(--bl-tracking-etiqueta);text-transform:uppercase;color:var(--bl-terracota);display:block;margin-bottom:var(--bl-e2)}
.sec{margin-top:var(--bl-e12)}
.sec>h2{margin-bottom:var(--bl-e2)}
.sec>p.intro{color:var(--bl-texto-suave);max-width:70ch;margin-bottom:var(--bl-e5)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:var(--bl-e5)}
.tile{display:flex;flex-direction:column;gap:var(--bl-e2);background:var(--bl-papel);border:1px solid var(--bl-borde);border-radius:var(--bl-r-lg);padding:var(--bl-e6);text-decoration:none;box-shadow:var(--bl-sombra-sm);transition:box-shadow var(--bl-dur-media) var(--bl-easing),transform var(--bl-dur-media) var(--bl-easing)}
.tile:hover{text-decoration:none;box-shadow:var(--bl-sombra-md);transform:translateY(-2px)}
.tile .bar{width:34px;height:4px;border-radius:2px;background:var(--bl-folla)}
.tile h3{font-size:var(--bl-txt-lg);margin-top:var(--bl-e2)}
.tile p{color:var(--bl-texto-suave);font-size:var(--bl-txt-sm);margin:0}
.tile .mais{font-family:var(--bl-fonte-titulo);font-size:var(--bl-txt-sm);font-weight:var(--bl-peso-semi);color:var(--bl-foco);margin-top:auto;padding-top:var(--bl-e3)}

.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:var(--bl-e4)}
.sw{border:1px solid var(--bl-borde);border-radius:var(--bl-r-lg);overflow:hidden;background:var(--bl-papel);cursor:pointer;text-align:left;width:100%;padding:0;font:inherit;box-shadow:var(--bl-sombra-sm)}
.sw:hover{box-shadow:var(--bl-sombra-md)}
.sw .chip{height:82px;display:flex;align-items:flex-end;padding:var(--bl-e2) var(--bl-e3);font-family:var(--bl-fonte-titulo);font-size:var(--bl-txt-xs);font-weight:var(--bl-peso-semi)}
.sw .meta{padding:var(--bl-e2) var(--bl-e3) var(--bl-e3)}
.sw .meta b{font-family:var(--bl-fonte-titulo);font-size:13px;display:block;color:var(--bl-bosque);font-variant-numeric:tabular-nums}
.sw .meta i{font-style:normal;font-size:11px;color:var(--bl-texto-suave);display:block;margin-top:2px}

pre.code{background:var(--bl-bosque-escuro);color:#CFE0D3;padding:var(--bl-e4) var(--bl-e5);border-radius:var(--bl-r-md);overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.75;margin:0}
pre.code b{color:var(--bl-dourado);font-weight:400}
.demo{border:1px solid var(--bl-borde);border-radius:var(--bl-r-lg);background:var(--bl-papel);padding:var(--bl-e6);box-shadow:var(--bl-sombra-sm)}
.demo+.demo{margin-top:var(--bl-e4)}
.demo>.lbl{font-family:var(--bl-fonte-titulo);font-size:var(--bl-txt-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--bl-texto-tenue);margin-bottom:var(--bl-e4)}
.row{display:flex;flex-wrap:wrap;gap:var(--bl-e3);align-items:center}
.cols2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--bl-e5)}
.taboa-scroll{overflow-x:auto;border:1px solid var(--bl-borde);border-radius:var(--bl-r-lg)}
.especs{width:100%;border-collapse:collapse;font-size:var(--bl-txt-sm);background:var(--bl-papel)}
.especs th{text-align:left;font-family:var(--bl-fonte-titulo);font-size:var(--bl-txt-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--bl-texto-suave);background:var(--bl-crema);padding:var(--bl-e3) var(--bl-e4);border-bottom:1px solid var(--bl-borde);white-space:nowrap}
.especs td{padding:var(--bl-e3) var(--bl-e4);border-bottom:1px solid var(--bl-borde);vertical-align:top}
.especs td code,.especs th code{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--bl-casca);white-space:nowrap}
.especs tr:last-child td{border-bottom:0}
.mostra{font-family:var(--bl-fonte-titulo);color:var(--bl-bosque);line-height:1.1;display:block}

.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,80px);background:var(--bl-bosque);color:var(--bl-crema);font-family:var(--bl-fonte-titulo);font-size:var(--bl-txt-sm);font-weight:var(--bl-peso-semi);padding:12px 20px;border-radius:var(--bl-r-full);box-shadow:var(--bl-sombra-lg);opacity:0;transition:transform var(--bl-dur-media) var(--bl-easing),opacity var(--bl-dur-media) var(--bl-easing);pointer-events:none;z-index:40}
.toast.on{transform:translate(-50%,0);opacity:1}

.sf{background:var(--bl-bosque);color:#CFE0D3;margin-top:var(--bl-e12)}
.sf-in{max-width:1180px;margin:0 auto;padding:var(--bl-e10) var(--bl-e6);display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--bl-e6)}
.sf-nm{font-family:var(--bl-fonte-titulo);font-weight:var(--bl-peso-semi);font-size:var(--bl-txt-lg);color:var(--bl-crema)}
.sf-lema{font-family:var(--bl-fonte-titulo);font-style:italic;color:var(--bl-dourado);margin-top:var(--bl-e1)}
.sf-data p{font-size:var(--bl-txt-sm);margin:0 0 var(--bl-e1)}
.sf a{color:var(--bl-folla-claro)}
.sf a:hover{color:var(--bl-crema)}