:root{
  --bg:#050b18; --bg2:#09132a; --card:#0d1a35; --azul:#1e6fff; --azul2:#4aa3ff;
  --txt:#e8eefc; --mut:#9aa9c7; --borda:#1a2a4c; --max:1140px;
  --head:"Sora",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--txt);line-height:1.65;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
h1,h2,h3{font-family:var(--head);line-height:1.15}
.wrap{width:min(100% - 32px,var(--max));margin-inline:auto}

.progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--azul),var(--azul2));z-index:100}

/* topo */
.topo{position:sticky;top:0;z-index:50;transition:background .3s,box-shadow .3s,padding .3s}
.topo.rolou{background:rgba(5,11,24,.9);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--borda)}
.topo__in{display:flex;align-items:center;justify-content:space-between;padding:14px 0;transition:padding .3s}
.topo.rolou .topo__in{padding:8px 0}
.marca{display:flex;align-items:center;gap:10px;font-family:var(--head);font-weight:700}
.marca img{border-radius:50%}
.menu{display:flex;align-items:center;gap:26px}
.menu a:not(.btn){color:var(--mut);font-weight:500;font-size:.95rem;transition:color .2s}
.menu a:not(.btn):hover{color:#fff}
.menu-btn{display:none;background:none;border:0;cursor:pointer;width:40px;height:40px;flex-direction:column;justify-content:center;gap:5px;align-items:center}
.menu-btn span{width:24px;height:2px;background:#fff}

.btn{display:inline-block;background:linear-gradient(135deg,var(--azul),var(--azul2));color:#fff;font-weight:600;padding:15px 28px;border-radius:999px;border:0;cursor:pointer;font-size:1rem;font-family:inherit;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 26px rgba(30,111,255,.4);position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(30,111,255,.55)}
.btn:hover::after{transform:translateX(120%)}
.btn--sm{padding:10px 20px;font-size:.9rem}
.btn--ghost{background:transparent;border:2px solid rgba(74,163,255,.6);box-shadow:none}
.btn--branco{background:#fff;color:#0a2a6b;box-shadow:0 8px 26px rgba(0,0,0,.25)}

/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.on{opacity:1;transform:none}

/* bolhas */
.bolhas{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.bolhas i{position:absolute;bottom:-60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.6),rgba(74,163,255,.15) 60%,transparent 70%);border:1px solid rgba(255,255,255,.18);animation:subir linear infinite}
@keyframes subir{to{transform:translateY(-110vh) translateX(var(--dx,20px))}}

/* hero */
.hero{position:relative;margin-top:-72px;padding:150px 0 90px;background:
  radial-gradient(800px 500px at 85% 20%,rgba(30,111,255,.32),transparent 60%),
  radial-gradient(600px 400px at 0 100%,rgba(74,163,255,.14),transparent 60%),var(--bg);overflow:hidden}
.hero__in{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.tag{display:inline-block;color:var(--azul2);border:1px solid var(--borda);background:rgba(13,26,53,.7);padding:6px 16px;border-radius:999px;font-size:.85rem;margin-bottom:20px}
.hero h1{font-size:clamp(2.1rem,5vw,3.6rem);margin-bottom:20px;letter-spacing:-.02em}
.hero h1 em{font-style:normal;background:linear-gradient(120deg,var(--azul),#7fc0ff,var(--azul));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brilho 5s linear infinite}
@keyframes brilho{to{background-position:200% center}}
.hero p{color:var(--mut);font-size:1.12rem;max-width:560px}
.hero p strong{color:#fff}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}
.selos{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.92rem;color:var(--mut)}

.scene{position:relative}
.scene__room{position:relative;aspect-ratio:1/.82;border-radius:28px;background:linear-gradient(180deg,#3b7bff,#1b49c9 62%);border:4px solid #0b1630;box-shadow:0 8px 0 #0b1630,0 30px 80px rgba(30,111,255,.35);overflow:hidden}
.scene__room::after{content:"";position:absolute;left:0;right:0;bottom:0;height:24%;background:repeating-linear-gradient(90deg,#d9a35f 0 46px,#c88f4a 46px 48px);border-top:4px solid #0b1630}
.scene__sofa{position:absolute;width:76%;left:3%;top:17%;z-index:1;filter:drop-shadow(0 6px 0 rgba(11,22,48,.25))}
.scene__sofa--limpo{z-index:2;animation:varrer 9s ease-in-out infinite}
@keyframes varrer{0%,5%{clip-path:inset(0 100% 0 0);opacity:1}50%{clip-path:inset(0 0 0 0);opacity:1}88%{clip-path:inset(0 0 0 0);opacity:1}95%{clip-path:inset(0 0 0 0);opacity:0}95.1%,100%{clip-path:inset(0 100% 0 0);opacity:0}}
.wand{position:absolute;z-index:3;bottom:15%;width:20%;left:0;animation:mover 9s ease-in-out infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
@keyframes mover{0%,5%{left:3%;opacity:1}50%{left:56%;opacity:1}56%,94%{left:56%;opacity:0}95%{left:3%;opacity:0}100%{left:3%;opacity:1}}
.scene__badge{position:absolute;top:14px;padding:5px 14px;border-radius:999px;font-size:.78rem;font-weight:600;z-index:4;background:rgba(5,11,24,.75);border:1px solid var(--borda)}
.scene__badge.b1{left:14px}
.scene__badge.b2{right:14px;background:var(--azul);border-color:transparent}
.tw{animation:tw 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.tw2{animation-delay:.8s}.tw3{animation-delay:1.5s}
@keyframes tw{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}

.descer{position:absolute;left:50%;bottom:22px;width:26px;height:42px;border:2px solid rgba(255,255,255,.35);border-radius:14px;transform:translateX(-50%)}
.descer span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:roda 1.6s infinite}
@keyframes roda{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(14px)}}

/* marquee */
.marquee{background:var(--azul);overflow:hidden;padding:16px 0;white-space:nowrap}
.marquee__trk{display:inline-flex;gap:44px;animation:marq 32s linear infinite;font-family:var(--head);font-weight:700;font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em}
.marquee__trk span::after{content:"✦";margin-left:44px;opacity:.7}
@keyframes marq{to{transform:translateX(-50%)}}

/* seções */
.sec{padding:96px 0}
.sec--alt{background:var(--bg2)}
.eyebrow{display:block;color:var(--azul2);font-weight:600;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.tit{font-size:clamp(1.7rem,3.6vw,2.5rem);margin-bottom:14px;letter-spacing:-.01em}
.sub{color:var(--mut);max-width:620px;margin-bottom:44px}

.servicos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.svc{background:linear-gradient(180deg,var(--card),#0a152c);border:1px solid var(--borda);border-radius:20px;padding:30px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}
.svc::before{content:"";position:absolute;inset:0;background:radial-gradient(300px 150px at var(--mx,50%) -20%,rgba(30,111,255,.28),transparent);opacity:0;transition:opacity .3s}
.svc:hover{transform:translateY(-6px);border-color:var(--azul);box-shadow:0 18px 40px rgba(30,111,255,.2)}
.svc:hover::before{opacity:1}
.svc__ico{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:rgba(30,111,255,.14);margin-bottom:18px;transition:transform .4s}
.svc:hover .svc__ico{transform:rotate(-6deg) scale(1.08)}
.svc__ico svg{width:30px;height:30px;fill:none;stroke:var(--azul2);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.svc h3{font-size:1.15rem;margin-bottom:8px}
.svc p{color:var(--mut);font-size:.95rem}

/* galeria */
.galeria{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:240px;gap:16px}
.galeria figure{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--borda)}
.galeria .g1{grid-row:span 2;grid-column:span 1}
.galeria img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.galeria figure:hover img{transform:scale(1.06)}
.galeria figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 18px 14px;font-weight:600;background:linear-gradient(transparent,rgba(5,11,24,.85))}
.nota{text-align:center;color:var(--mut);font-size:.85rem;margin-top:14px}

/* processo */
.passos{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px;position:relative}
.passos::before{content:"";position:absolute;top:27px;left:6%;right:6%;border-top:2px dashed var(--borda)}
.passos li{position:relative;text-align:center}
.passos b{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,var(--azul),var(--azul2));font-family:var(--head);font-size:1.3rem;box-shadow:0 0 0 6px var(--bg),0 8px 24px rgba(30,111,255,.45);position:relative}
.passos h3{font-size:1.1rem;margin-bottom:6px}
.passos p{color:var(--mut);font-size:.93rem}

/* sobre */
.sobre{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.sobre__img{position:relative;width:min(100%,400px);margin-inline:auto}
.sobre__img img{border-radius:50%;position:relative;z-index:1}
.anel{position:absolute;inset:-14px;border-radius:50%;border:2px dashed rgba(74,163,255,.5);animation:gira 30s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.sobre p{color:var(--mut);margin-bottom:14px}
.sobre p strong{color:#fff}
.sobre .dest{color:#fff;font-weight:600;border-left:3px solid var(--azul);padding-left:14px}

/* faq */
.faq{max-width:780px}
.faq details{background:var(--card);border:1px solid var(--borda);border-radius:14px;margin-bottom:12px;overflow:hidden}
.faq summary{cursor:pointer;padding:18px 54px 18px 22px;font-weight:600;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--azul2);transition:transform .3s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{padding:0 22px 20px;color:var(--mut)}

/* cta */
.cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#0b3fb0,var(--azul));text-align:center;padding:76px 0}
.cta .wrap{position:relative}
.cta h2{font-size:clamp(1.8rem,4vw,2.7rem);margin-bottom:10px}
.cta p{margin-bottom:26px;opacity:.92}

/* contato */
.contato{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.infos li{margin:20px 0}
.infos strong{display:block;color:var(--azul2);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}
.infos a:hover{text-decoration:underline}
.form{background:var(--card);border:1px solid var(--borda);border-radius:22px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.form h3{margin-bottom:18px}
.form label{display:block;font-size:.9rem;color:var(--mut);margin-bottom:14px}
.form input,.form select,.form textarea{width:100%;margin-top:6px;padding:13px;border-radius:12px;border:1px solid var(--borda);background:var(--bg);color:#fff;font:inherit}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--azul);border-color:transparent}
.form .erro{outline:2px solid #ff5a5a}
.form small{display:block;margin-top:12px;color:var(--mut)}
.form .btn{width:100%}

.rodape{border-top:1px solid var(--borda);padding:24px 0;color:var(--mut);font-size:.9rem}
.rodape__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}

.zap{position:fixed;right:18px;bottom:18px;width:60px;height:60px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.45);z-index:60;transition:transform .2s}
.zap::before{content:"";position:absolute;inset:0;border-radius:50%;background:#25d366;animation:pulso 2.2s infinite;z-index:-1}
@keyframes pulso{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.7);opacity:0}}
.zap:hover{transform:scale(1.08)}

@media (max-width:900px){
  .menu-btn{display:flex}
  .menu{position:absolute;top:100%;left:0;right:0;background:var(--bg);flex-direction:column;align-items:flex-start;padding:20px 16px;gap:16px;border-bottom:1px solid var(--borda);display:none}
  .menu.aberto{display:flex}
  .hero{padding:120px 0 80px}
  .hero__in,.sobre,.contato{grid-template-columns:1fr}
  .servicos{grid-template-columns:1fr 1fr}
  .galeria{grid-template-columns:1fr 1fr}
  .passos{grid-template-columns:1fr 1fr;row-gap:32px}
  .passos::before{display:none}
  .sec{padding:68px 0}
  .descer{display:none}
}
@media (max-width:560px){
  .galeria{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-14px;padding:0 14px 8px;scrollbar-width:none}
  .galeria::-webkit-scrollbar{display:none}
  .galeria figure{flex:0 0 82%;height:270px;scroll-snap-align:center}
  .servicos{grid-template-columns:1fr}
  .passos{grid-template-columns:1fr}
}
@media (max-width:560px){
  .wrap{width:min(100% - 28px,var(--max))}
  .bolhas i{opacity:.45}
  .hero{padding:104px 0 64px}
  .hero__cta{flex-direction:column;gap:12px}
  .hero__cta .btn{width:100%;text-align:center}
  .selos{flex-direction:column;gap:8px}
  .scene__room{border-radius:20px}
  .scene__badge{font-size:.7rem;padding:4px 10px}
  .marquee__trk{font-size:.9rem;gap:28px}
  .marquee__trk span::after{margin-left:28px}
  .svc,.form{padding:22px}
  .sobre{gap:36px}
  .sobre__img{width:min(78%,300px)}
  .faq summary{padding:16px 46px 16px 18px}
  .zap{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:54px;height:54px}
  .rodape{padding-bottom:84px;text-align:center}
  .rodape__in{justify-content:center}
}
@media (max-width:380px){
  .marca span{font-size:.95rem}
  .tag{font-size:.78rem}
}
@media (hover:none){.btn:hover{transform:none}.svc:hover,.galeria figure:hover img{transform:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  .scene__sofa--limpo{clip-path:inset(0 50% 0 0)}
}


/* som */
.som{position:fixed;left:18px;bottom:18px;width:48px;height:48px;border-radius:50%;border:1px solid var(--borda);background:rgba(13,26,53,.92);backdrop-filter:blur(6px);display:grid;place-items:center;cursor:pointer;z-index:60;box-shadow:0 6px 20px rgba(0,0,0,.4);transition:transform .2s,background .2s}
.som:hover{transform:scale(1.08)}
.som svg{grid-area:1/1}
.som .som__on{display:none}
.som.tocando{background:var(--azul);border-color:transparent}
.som.tocando .som__on{display:block}
.som.tocando .som__off{display:none}
@media (max-width:560px){.som{left:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:44px;height:44px}}

/* Motion (animacoes.js) */
.mo .reveal{transition:none}
.mo .btn,.mo .zap,.mo .som{transition:box-shadow .3s,background .2s}
.mo .svc,.mo .galeria figure{transition:border-color .3s,box-shadow .3s}
.mo .svc:hover,.mo .btn:hover,.mo .zap:hover,.mo .som:hover{transform:none}
.mo .svc:hover .svc__ico{transform:none}
.w{display:inline-block}
.scene__room{touch-action:pan-y;cursor:ew-resize}
.scene__dica{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);font-size:.8rem;color:var(--mut);white-space:nowrap;transition:opacity .3s}
.scene{padding-bottom:34px}
@media (hover:none){.scene__room{cursor:default}}

/* tela de carregamento */
#loader{display:none}
.js #loader{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:radial-gradient(600px 400px at 50% 40%,rgba(30,111,255,.25),transparent 70%),#050b18;transition:opacity .6s,visibility .6s}
.js #loader.sai{opacity:0;visibility:hidden}
.carregando body{overflow:hidden}
.loader__in{text-align:center;padding:0 24px}
.loader__logo{position:relative;width:min(46vw,180px);margin:0 auto 28px}
.loader__logo img{width:100%;height:auto;border-radius:50%;animation:respira 2s ease-in-out infinite;box-shadow:0 0 60px rgba(30,111,255,.45)}
.loader__ring{position:absolute;inset:-12px;border-radius:50%;border:3px solid transparent;border-top-color:var(--azul2);border-right-color:var(--azul);animation:gira .9s linear infinite}
@keyframes respira{50%{transform:scale(1.05)}}
.loader__bar{width:min(60vw,240px);height:4px;border-radius:4px;background:var(--borda);margin:0 auto 14px;overflow:hidden}
.loader__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--azul),var(--azul2));animation:enche 2.4s cubic-bezier(.2,.7,.2,1) forwards}
.sai .loader__bar i{animation:none;width:100%;transition:width .3s}
#loader p{color:var(--mut);font-size:.9rem}
@keyframes enche{to{width:90%}}

/* antes / depois */
.ba{position:relative;width:min(100%,440px);margin-inline:auto;aspect-ratio:4/5;border-radius:24px;overflow:hidden;border:1px solid var(--borda);box-shadow:0 30px 80px rgba(0,0,0,.45);user-select:none;touch-action:pan-y}
.ba__layer{position:absolute;inset:0}
.ba__layer img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;pointer-events:none}
.ba__antes{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ba__lab{position:absolute;top:14px;left:14px;padding:5px 14px;border-radius:999px;font-size:.8rem;font-weight:600;background:rgba(5,11,24,.8);color:#fff}
.ba__lab--r{left:auto;right:14px;background:var(--azul)}
.ba__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;pointer-events:none}
.ba__handle span{position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px;border-radius:50%;background:#fff;color:var(--azul);display:grid;place-items:center;font-size:1.3rem;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.ba__range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}

/* planos de lavagem */
.planos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;margin-top:36px}
.plano{background:linear-gradient(180deg,var(--card),#0a152c);border:1px solid var(--borda);border-radius:22px;padding:34px 28px;text-align:center;display:flex;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s}
.plano:hover{transform:translateY(-6px);border-color:var(--azul);box-shadow:0 18px 40px rgba(30,111,255,.2)}
.plano h3{font-size:1.3rem;letter-spacing:.04em;text-transform:uppercase}
.plano__preco{margin:18px 0;display:flex;align-items:baseline;justify-content:center;gap:6px}
.plano__preco small{font-size:1.1rem;color:var(--mut)}
.plano__preco strong{font-family:var(--head);font-size:clamp(2.4rem,5vw,3.2rem);line-height:1;background:linear-gradient(120deg,var(--azul),#7fc0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.plano p{color:var(--mut);font-size:.95rem;margin-bottom:24px}
.plano .btn{margin-top:auto}
.plano--top{background:linear-gradient(160deg,#0b3fb0,var(--azul));border-color:transparent;box-shadow:0 20px 50px rgba(30,111,255,.35)}
.plano--top .plano__preco small,.plano--top p{color:rgba(255,255,255,.85)}
.plano--top .plano__preco strong{background:none;color:#fff}
.plano--top .btn{background:#fff;color:#0a2a6b;box-shadow:none}
@media (max-width:900px){.planos{grid-template-columns:1fr}}

/* barra de informações rápidas */
.rapido{background:var(--azul);color:#fff}
.rapido__in{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.rapido__in>*{display:flex;align-items:center;gap:14px;padding:18px 20px;border-right:1px solid rgba(255,255,255,.25);transition:background .2s}
.rapido__in>*:last-child{border-right:0}
.rapido__in a:hover{background:rgba(255,255,255,.12)}
.rapido span{font-size:1.7rem}
.rapido small{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.85}
.rapido strong{font-family:var(--head);font-size:1.02rem;line-height:1.25}
@media (max-width:900px){
  .rapido__in{grid-template-columns:1fr}
  .rapido__in>*{border-right:0;border-bottom:1px solid rgba(255,255,255,.25);padding:14px 4px}
  .rapido__in>*:last-child{border-bottom:0}
}

/* cena cartoon */
.bb{position:absolute;border-radius:50%;border:3px solid rgba(255,255,255,.85);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.7),rgba(255,255,255,.1) 55%);z-index:0;animation:flutua 5s ease-in-out infinite}
.bb.b1{width:11%;aspect-ratio:1;left:6%;top:8%}.bb.b2{width:7%;aspect-ratio:1;left:30%;top:6%;animation-delay:-1.5s}.bb.b3{width:9%;aspect-ratio:1;left:56%;top:10%;animation-delay:-3s}.bb.b4{width:6%;aspect-ratio:1;left:78%;top:30%;animation-delay:-2s}.bb.b5{width:8%;aspect-ratio:1;left:44%;top:4%;animation-delay:-4s}
@keyframes flutua{50%{transform:translateY(-14px)}}
.mascote{position:absolute;z-index:4;right:1%;bottom:3%;width:25%}
.mascote svg{display:block;width:100%;height:auto;animation:salta 1.6s ease-in-out infinite;transform-origin:50% 100%;overflow:visible}
@keyframes salta{0%,100%{transform:translateY(0) scale(1,1)}45%{transform:translateY(-8px) scale(.98,1.03)}}
.braco{transform-box:fill-box;transform-origin:0 100%;animation:acena 1.2s ease-in-out infinite}
@keyframes acena{50%{transform:rotate(-18deg)}}
.fala{position:absolute;z-index:5;right:3%;top:24%;max-width:34%;background:#fff;color:#0b1630;font-family:var(--head);font-weight:700;font-size:.74rem;line-height:1.2;text-align:center;padding:8px 10px;border:3px solid #0b1630;border-radius:14px;animation:pop 4s ease-in-out infinite}
.fala::after{content:"";position:absolute;left:62%;bottom:-11px;width:14px;height:14px;background:#fff;border-right:3px solid #0b1630;border-bottom:3px solid #0b1630;transform:rotate(45deg)}
@keyframes pop{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.sujo-b{animation:treme .6s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}
@keyframes treme{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
@media (max-width:560px){.fala{font-size:.62rem;padding:6px 8px;top:22%}}
@media (prefers-reduced-motion:reduce){.bb,.mascote svg,.braco,.fala,.sujo-b{animation:none!important}}