/* Bazar da May Teacher
   Lilás de fundo, roxo profundo no texto, marca-texto amarelo nos destaques.
   Títulos a pincel (Caveat Brush), recados à mão (Satisfy), leitura em Figtree. */

@font-face{font-family:"Caveat Brush";src:url(fontes/caveat-brush.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Satisfy";src:url(fontes/satisfy.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(fontes/figtree.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}

:root{
  --lilas:#D9C5EC;
  --lilas-claro:#E9DCF6;
  --lilas-fundo:#C6ADE0;
  --roxo:#3B1270;
  --roxo-titulo:#55237A;
  --roxo-medio:#5E3F86;
  --roxo-escuro:#25084B;
  --amarelo:#FDE9B4;
  --amarelo-forte:#F6CF63;
  --papel:#FFFBEF;
  --erro:#9B1C3F;
  --s:59,18,112;
  --pincel:"Caveat Brush","Segoe Print","Bradley Hand",cursive;
  --mao:"Satisfy","Brush Script MT",cursive;
  --texto:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --pinta:cubic-bezier(.62,.04,.3,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:18px}
body{margin:0;background:var(--lilas);color:var(--roxo);font:400 1.0625rem/1.55 var(--texto);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,svg{display:block;max-width:100%}
h1,h2,h3,p,ul,figure{margin:0;padding:0}
ul{list-style:none}
h1,h2,h3,.apoio,.resumo{text-wrap:balance}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--roxo);outline-offset:3px;border-radius:8px}
.sprite{position:absolute;overflow:hidden}
.ico{width:1.45rem;height:1.45rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------- rabiscos decorativos ---------- */
.rabisco{position:absolute;fill:none;stroke:var(--roxo-titulo);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.brilho{stroke:var(--amarelo);stroke-width:1.9;fill:rgba(253,233,180,.35)}
.arco{position:absolute;fill:none;stroke:var(--amarelo);stroke-width:5;stroke-linecap:round;pointer-events:none}

/* ---------- marca-texto ---------- */
.marca{font-weight:700;padding:0 .2em;margin:0 -.08em;background:url(img/marca-a.svg) no-repeat 0 58%/100% 92%;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .7s var(--pinta)}
.marca.m2{background-image:url(img/marca-b.svg)}
.marca.espera{background-size:0% 92%}

/* ---------- selo amarelo dos ícones ---------- */
.selo{display:grid;place-items:center;width:3.5rem;height:3.5rem;flex:none;color:var(--roxo);background:center/contain no-repeat}
.s-a{background-image:url(img/borrao-a.svg)}
.s-b{background-image:url(img/borrao-b.svg)}
.s-c{background-image:url(img/borrao-c.svg)}
.selo .ico{width:1.7rem;height:1.7rem}

/* ---------- botões ---------- */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:3.5rem;padding:.65em 1.45em;border:0;border-radius:999px;
  background:var(--roxo);color:var(--papel);font-weight:800;font-size:1.0625rem;line-height:1.15;text-decoration:none;text-align:center;
  box-shadow:0 5px 0 var(--roxo-escuro),0 16px 26px -12px rgba(var(--s),.7);transition:transform .14s,box-shadow .14s,background-color .2s}
.botao:hover{background:#4B1C89}
.botao:active{transform:translateY(4px);box-shadow:0 1px 0 var(--roxo-escuro),0 8px 14px -10px rgba(var(--s),.7)}
.botao[disabled]{opacity:.72;cursor:progress}
.botao.claro{background:var(--papel);color:var(--roxo);box-shadow:0 5px 0 var(--lilas-fundo),0 16px 26px -14px rgba(var(--s),.45)}
.botao.claro:hover{background:#fff}
.botao.claro:active{box-shadow:0 1px 0 var(--lilas-fundo),0 8px 14px -10px rgba(var(--s),.45)}
.botao.cheio{display:flex;width:100%}
.elo{background:none;border:0;padding:.7em .4em;color:var(--roxo-medio);font-weight:600;font-size:.97rem;text-decoration:underline;text-underline-offset:3px}

/* =====================================================================
   CAPA
   ===================================================================== */
.capa{position:relative;overflow:hidden;overflow:clip;
  background:radial-gradient(120% 60% at 72% 46%,var(--lilas-claro) 0%,var(--lilas) 58%,#D2BCE8 100%)}
.arco-topo{left:0;top:0;width:min(44vw,210px);height:auto}
.b1{width:24px;height:24px;left:5%;top:20%}
.b2{width:22px;height:22px;right:6%;top:21%}
.b3{width:18px;height:18px;left:47%;top:50%}
.c1{width:22px;height:22px;right:4%;top:43%;stroke:var(--amarelo);stroke-width:2.2;transform:rotate(14deg)}

.capa-grade{position:relative;max-width:1120px;margin:0 auto;padding:22px 20px 0;
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);grid-template-rows:auto auto 1fr auto;
  grid-template-areas:"r1 r2" "tit tit" "info foto" "acao foto"}

.recado{font-family:var(--mao);font-weight:400;color:var(--roxo-titulo);line-height:1.12;position:relative}
.recado-1{grid-area:r1;justify-self:start;z-index:1;max-width:11.2em;font-size:1.2rem;text-align:center;padding:.62em 1em .7em;margin:10px 0 0 -8px;
  transform:rotate(-9deg);background:url(img/pincel-recado.svg) center/100% 100% no-repeat}
.recado-2{grid-area:r2;justify-self:end;z-index:1;max-width:9.6em;font-size:1.06rem;text-align:center;margin:0 -4px 0 0;transform:rotate(6deg);
  display:grid;justify-items:center;gap:1px}
.cabide{width:62px;height:auto;fill:none;stroke:var(--roxo-titulo);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* título a pincel, com três passadas de marca-texto atrás */
.titulo{grid-area:tit;justify-self:center;position:relative;z-index:2;margin:14px 0 0;display:grid;justify-items:center;
  font-family:var(--pincel);font-weight:400;text-transform:uppercase;color:var(--roxo-titulo);line-height:.8;transform:rotate(-6deg)}
.titulo .linha{position:relative;display:block;width:max-content}
.titulo .letras{position:relative;z-index:1;display:block;transform:scaleY(1.16);transform-origin:50% 62%;
  -webkit-text-stroke:.017em currentColor;letter-spacing:.004em}
.titulo .pincel{position:absolute;z-index:0;left:-10%;top:-2%;width:120%;height:108%;max-width:none;pointer-events:none}
.l-bazar{font-size:clamp(5rem,28.4vw,10.6rem);margin-right:14%}
.l-da{font-size:clamp(1.9rem,9.6vw,3.4rem);margin:-.06em 0 0 12%}
.l-da .pincel{left:-34%;width:168%;top:-8%;height:120%}
.l-may{font-size:clamp(3rem,15.6vw,6.3rem);margin:.02em 5% 0 0}
.c-titulo{width:.5em;height:.5em;right:-.52em;top:-.2em;stroke-width:2.4;transform:rotate(12deg)}
.tracos{stroke-width:2.6;width:.62em;height:.62em;font-size:clamp(3rem,15.6vw,6.3rem)}
.t1{right:-2%;top:-3%;transform:rotate(58deg)}
.t2{left:-7%;top:34%;transform:rotate(-112deg)}

.quando-onde{grid-area:info;align-self:start;position:relative;z-index:3;display:grid;gap:16px;padding:26px 0 0}
.quando-onde li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}
.quando-onde .selo{width:3rem;height:3rem}
.quando-onde .selo .ico{width:1.5rem;height:1.5rem}
.quando-onde p{min-width:0}
.quando-onde strong{display:block;font-weight:800;font-size:1.75rem;line-height:1;letter-spacing:-.015em}
.quando-onde strong.menor{font-size:1.1rem;line-height:1.12;letter-spacing:-.01em}
.quando-onde span{display:block;font-weight:600;font-size:.95rem;line-height:1.25;white-space:nowrap}
.quando-onde strong + span{margin-top:3px}

/* a foto original corta o braço na borda esquerda: some aos poucos em vez de terminar seco */
.may{grid-area:foto;align-self:end;position:relative;z-index:1;margin:8px -40px 0 -82px}
.may img{width:100%;height:auto;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.5) 7%,#000 17%,#000 90%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.5) 7%,#000 17%,#000 90%,transparent 100%)}

.acao{grid-area:acao;align-self:end;position:relative;z-index:3;padding:0 0 40px;display:grid;justify-items:start;gap:8px}
.acao .botao{white-space:nowrap}
.falta{display:inline-block;margin-left:14px;font-family:var(--mao);font-size:1.3rem;line-height:1.1;color:var(--roxo-titulo);
  padding:.2em .7em .3em;background:url(img/marca-b.svg) center/100% 100% no-repeat;transform:rotate(-4deg)}

/* entrada: o marca-texto pinta, o título assenta, o resto chega em seguida */
@keyframes pintar{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -2% 0 0)}}
@keyframes assentar{from{opacity:0;transform:translateY(.12em) scaleY(1.16)}to{opacity:1;transform:scaleY(1.16)}}
@keyframes chegar{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes surgir{from{opacity:0;translate:26px 8px}to{opacity:1;translate:0 0}}
@keyframes piscar{0%,100%{opacity:.55;scale:.86}50%{opacity:1;scale:1.06}}
.titulo .pincel{animation:pintar .62s var(--pinta) both}
.titulo .p1{animation-delay:.08s}
.titulo .p2{animation-delay:.42s;animation-duration:.34s}
.titulo .p3{animation-delay:.6s}
.titulo .letras{animation:assentar .5s cubic-bezier(.2,.8,.2,1) both}
.l-bazar .letras{animation-delay:.3s}
.l-da .letras{animation-delay:.56s}
.l-may .letras{animation-delay:.8s}
.titulo .rabisco{animation:chegar .4s ease-out 1.15s both}
.entra{animation:chegar .6s cubic-bezier(.2,.8,.2,1) both}
.e1{animation-delay:.05s}.e2{animation-delay:.18s}.e3{animation-delay:1s}.e4{animation-delay:1.15s}
.may{animation:surgir .8s cubic-bezier(.2,.8,.2,1) .5s both}
.capa .brilho{animation:piscar 3.6s ease-in-out infinite}
.capa .b2{animation-delay:-1.2s}.capa .b3{animation-delay:-2.3s}

/* =====================================================================
   SEÇÕES
   ===================================================================== */
.secao{position:relative;padding:64px 20px 72px}
.miolo{max-width:1040px;margin:0 auto}
.miolo.estreito{max-width:560px}

.titulo-secao{font-family:var(--pincel);font-weight:400;text-transform:uppercase;color:var(--roxo-titulo);text-align:center;
  font-size:clamp(2.5rem,10.4vw,3.9rem);line-height:.92;transform:rotate(-2.5deg)}
.titulo-secao span{display:inline-block;padding:.12em .45em .16em;-webkit-text-stroke:.012em currentColor;
  background:url(img/pincel-secao.svg) center/100% 100% no-repeat}
.apoio{text-align:center;font-size:1.12rem;line-height:1.45;max-width:24em;margin:20px auto 0}

/* informações: lista direta no fundo, como no cartaz */
.info{background:var(--lilas-claro)}
.onda{position:absolute;left:0;top:-23px;width:100%;height:24px;fill:var(--lilas-claro);z-index:4;pointer-events:none}
.lista-info{display:grid;gap:22px;margin-top:40px}
.lista-info li,.convite,.endereco{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}
.lista-info p,.convite p,.endereco p{align-self:center}
.lista-info p,.convite p{font-size:1.1rem;line-height:1.5}

.subtitulo{font-family:var(--mao);font-weight:400;color:var(--roxo-titulo);font-size:1.75rem;line-height:1.1;text-align:center;margin:60px 0 0;transform:rotate(-2deg)}

/* etiquetas de preço */
.etiquetas{display:grid;gap:18px;margin-top:26px}
.etiqueta{position:relative;padding:20px 22px 22px 58px;color:var(--roxo);filter:drop-shadow(0 12px 14px rgba(var(--s),.16))}
.etiqueta::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(circle at 27px 50%,transparent 0 6.5px,var(--papel) 7.5px);
  clip-path:polygon(34px 0,100% 0,100% 100%,34px 100%,0 calc(100% - 30px),0 30px);border-radius:0 16px 16px 0}
.etiqueta::after{content:"";position:absolute;left:-26px;top:50%;width:54px;height:20px;border:2px solid var(--roxo-titulo);border-color:var(--roxo-titulo) transparent transparent transparent;
  border-radius:50%;transform:translateY(-7px) rotate(-8deg);pointer-events:none}
.etiqueta:nth-child(1){transform:rotate(-1.2deg)}
.etiqueta:nth-child(2){transform:rotate(.9deg)}
.etiqueta:nth-child(3){transform:rotate(-.6deg)}
.faixa{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .5em;margin-bottom:6px}
.faixa .de{font-family:var(--mao);font-size:1.22rem;line-height:1;color:var(--roxo-titulo)}
.faixa strong{font-family:var(--pincel);font-weight:400;text-transform:uppercase;font-size:2.35rem;line-height:.95;color:var(--roxo-titulo);letter-spacing:.01em}
.etiqueta p:last-child{font-size:1.04rem;line-height:1.48}

.convite{margin-top:54px}
.convite .botao{grid-column:2;justify-self:start;margin-top:4px}

/* chamada */
.chamada{background:var(--lilas)}
.b4{width:26px;height:26px;right:6%;top:40px}
.c2{width:24px;height:24px;left:7%;top:34px;transform:rotate(-16deg)}
.folha{position:relative;margin-top:34px;background:var(--papel);border-radius:22px;padding:0 22px 26px;
  box-shadow:0 2px 0 rgba(var(--s),.05),0 26px 46px -22px rgba(var(--s),.5);transform:rotate(.35deg)}
.folha-topo{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 -22px 8px;padding:15px 22px 12px;
  border-bottom:2px dashed var(--lilas-fundo);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--roxo-medio)}
.campo{margin-top:18px}
label,.legenda,.conta-nome{display:block;font-weight:700;font-size:1rem;line-height:1.3}
label small,.conta-nome small{font-weight:500;color:var(--roxo-medio);font-size:.9rem}
.conta-nome small{display:block}
.campo input{display:block;width:100%;margin-top:7px;min-height:3.4rem;padding:.6em .95em;border:2px solid var(--lilas-fundo);border-radius:14px;background:#fff;
  font-size:1.0625rem;font-weight:600;color:var(--roxo);transition:border-color .18s,box-shadow .18s}
.campo input::placeholder{color:#8C77AC;font-weight:500;opacity:1}
.campo input:focus{outline:0;border-color:var(--roxo);box-shadow:0 0 0 5px var(--amarelo)}
.campo input[aria-invalid="true"]{border-color:var(--erro)}
.junto{margin-top:22px;padding-top:18px;border-top:2px dashed var(--lilas-fundo)}
.conta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.passos{display:flex;align-items:center;gap:6px}
.passo{display:grid;place-items:center;width:3rem;height:3rem;padding:0;border-radius:50%;border:2px solid var(--roxo);background:#fff;color:var(--roxo);
  transition:background-color .15s,transform .12s}
.passo:hover{background:var(--amarelo)}
.passo:active{transform:scale(.92)}
.passo[disabled]{opacity:.32;cursor:default;background:#fff}
.passos output{min-width:1.7em;text-align:center;font-family:var(--pincel);font-size:2.1rem;line-height:1;color:var(--roxo-titulo)}
.pote{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.erro{min-height:1.5em;margin-top:16px;color:var(--erro);font-weight:700;font-size:.98rem;line-height:1.4}
.erro:empty{min-height:0;margin-top:22px}
.nota{margin-top:14px;text-align:center;font-size:.92rem;line-height:1.4;color:var(--roxo-medio)}
.contagem{margin-top:22px;text-align:center;font-family:var(--mao);font-size:1.4rem;line-height:1.2;color:var(--roxo-titulo)}

.presente,.encerrado{padding-top:26px;text-align:center}
.presente:focus{outline:0}
.carimbo{position:relative;display:inline-block;font-family:var(--pincel);text-transform:uppercase;color:var(--roxo-titulo);
  font-size:clamp(3.2rem,15vw,4.6rem);line-height:.95;padding:.08em .4em .14em;transform:rotate(-4deg)}
.carimbo .pincel{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.carimbo span{position:relative;z-index:1;-webkit-text-stroke:.014em currentColor}
.numero{margin-top:14px;font-family:var(--mao);font-size:1.6rem;line-height:1.15;color:var(--roxo-titulo)}
.numero b{font-family:var(--pincel);font-weight:400;font-size:1.5em;padding:0 .08em}
.resumo{margin:10px auto 0;max-width:23em;font-size:1.06rem;line-height:1.5}
.acoes{display:grid;gap:14px;margin-top:26px}
.acoes.depois{margin-top:30px;padding-top:26px;border-top:2px dashed var(--lilas-fundo)}

/* etiqueta de presença para postar */
.minha-etiqueta{margin-top:28px;padding-top:24px;border-top:2px dashed var(--lilas-fundo)}
.subtitulo.mini{margin:0;font-size:1.7rem}
.minha-etiqueta .nota{margin-top:6px}
.previa-caixa{position:relative;width:min(64%,250px);aspect-ratio:9/16;margin:20px auto 0;border-radius:20px;overflow:hidden;background:var(--lilas);
  box-shadow:0 22px 40px -18px rgba(var(--s),.6);transform:rotate(2deg)}
.previa{width:100%;height:100%;object-fit:cover}
.previa-espera{position:absolute;inset:0;display:grid;place-items:center;padding:16px;text-align:center;font-family:var(--mao);font-size:1.3rem;line-height:1.2;color:var(--roxo-titulo)}
@keyframes revelar{from{opacity:0;scale:.94}to{opacity:1;scale:1}}
.previa:not([hidden]){animation:revelar .5s cubic-bezier(.2,.8,.2,1) both}
#aviso-etiqueta:empty{display:none}
.presente .elo{margin-top:12px}
@keyframes carimbar{0%{opacity:0;transform:rotate(7deg) scale(1.5)}60%{opacity:1;transform:rotate(-6deg) scale(.96)}100%{transform:rotate(-4deg) scale(1)}}
.presente.agora .carimbo{animation:carimbar .55s cubic-bezier(.2,1.1,.3,1) both}
.presente.agora .carimbo .pincel{animation:pintar .6s var(--pinta) .3s both}

/* como chegar */
.local{background:var(--lilas-claro)}
.endereco{margin-top:36px;justify-content:center;grid-template-columns:auto auto}
.endereco strong{display:block;font-weight:800;font-size:1.3rem;line-height:1.15}
.endereco span{display:block;font-weight:600;font-size:1rem;line-height:1.35;margin-top:2px}

/* fecho */
.fecho{background:var(--lilas);text-align:center;padding-top:56px;padding-bottom:56px;display:grid;justify-items:center;gap:6px}
.sacola{width:84px;height:84px;fill:none;stroke:var(--roxo-titulo);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-8deg)}
.recado-3{font-size:clamp(2rem,9vw,2.7rem);max-width:9.5em;padding:.5em .9em .6em;transform:rotate(-5deg);
  background:url(img/pincel-recado.svg) center/100% 100% no-repeat}
.acao-fecho{margin-top:22px}

.rodape{position:relative;text-align:center;padding:40px 20px calc(56px + env(safe-area-inset-bottom,0px));background:var(--lilas);display:grid;justify-items:center;gap:8px;
  border-top:2px dashed var(--lilas-fundo)}
.recado-4{font-size:1.9rem;transform:rotate(-4deg)}
.rodape .sorriso{position:static;width:38px;height:38px;stroke-width:1.6}
.assina{font-family:var(--pincel);text-transform:uppercase;font-size:1.3rem;letter-spacing:.06em;color:var(--roxo-titulo)}

/* barra fixa do celular */
.barra{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px));
  background:linear-gradient(180deg,rgba(217,197,236,0) 0,rgba(217,197,236,.94) 34%,var(--lilas) 100%);
  transform:translateY(110%);transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.barra.visivel{transform:none}

/* festa de corações na confirmação */
.voa{position:fixed;left:50%;top:46%;z-index:40;width:22px;height:22px;pointer-events:none;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.voa.v1{stroke:var(--roxo-titulo)}
.voa.v2{stroke:#B7913A;fill:var(--amarelo)}
.voa.v3{stroke:var(--roxo-titulo);fill:var(--amarelo)}

/* aparece ao rolar */
.sobe{opacity:0;translate:0 18px;transition:opacity .6s ease-out,translate .6s cubic-bezier(.2,.8,.2,1)}
.sobe.visto{opacity:1;translate:0 0}

/* =====================================================================
   TELAS MAIORES
   ===================================================================== */
@media (min-width:600px){
  .capa-grade{padding-inline:32px}
  .secao{padding-inline:32px}
  .lista-info{grid-template-columns:1fr 1fr;gap:26px 40px}
  .lista-info li:last-child{grid-column:1 / -1;max-width:36em;justify-self:center}
  .convite{max-width:40em;margin-inline:auto}
  .acoes{grid-template-columns:1fr 1fr}
  .acoes > :first-child{grid-column:1 / -1}
  .barra{display:none}
  .acao{align-self:start;padding-top:30px}
}
@media (min-width:900px){
  .capa-grade{padding:40px 40px 0;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-rows:auto auto auto 1fr;
    grid-template-areas:"r1 foto" "tit foto" "info foto" "acao foto";column-gap:12px}
  .recado-1{font-size:1.5rem;margin:0 0 0 4px}
  .recado-2{grid-area:r1;justify-self:end;align-self:center;margin:0 4% 0 0;font-size:1.32rem;z-index:3}
  .cabide{width:84px}
  .titulo{justify-self:start;margin:26px 0 0 3%}
  .l-bazar{font-size:clamp(8rem,15vw,11.4rem)}
  .l-da{font-size:clamp(2.6rem,4.8vw,3.7rem)}
  .l-may{font-size:clamp(4.8rem,8.9vw,6.9rem)}
  .tracos{font-size:clamp(4.8rem,8.9vw,6.9rem)}
  .quando-onde{display:flex;flex-wrap:wrap;gap:16px 40px;padding:44px 0 0}
  .quando-onde strong{font-size:2.1rem}
  .quando-onde strong.menor{font-size:1.45rem}
  .quando-onde span{font-size:1.06rem}
  .may{align-self:end;margin:36px -30px 0 -96px}
  .acao{align-self:start;padding:34px 0 72px;display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:6px}
  .falta{font-size:1.45rem}
  .arco-topo{width:250px}
  .b1{left:3%;top:40%}.b2{right:40%;top:9%}.b3{left:47%;top:72%}.c1{left:50%;top:22%}
  .secao{padding-top:84px;padding-bottom:92px}
  .etiquetas{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;align-items:stretch}
  .etiqueta{padding:24px 22px 26px 58px}
  .onda{top:-31px;height:32px}
}

@media (max-width:359px){
  .l-bazar{font-size:5rem}
  .l-may{font-size:3rem}
  .quando-onde strong{font-size:1.5rem}
  .quando-onde strong.menor{font-size:1.04rem}
  .selo{width:3.1rem;height:3.1rem}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .sobe{opacity:1;translate:0 0}
  .marca.espera{background-size:100% 92%}
}

@media print{
  .barra,.rabisco,.arco{display:none}
}