/* ═══ LOJA ECLETIQ ASPIRADORES · pele · Sissi 01/11/2026 ("eu topo" do Paul 12:09; estilo da Clau 12:10) ═══
   Carregada DEPOIS do molde (ninja.css), SÓ na loja aspiradores. Escopo: #as (a capa) + .loja-aspiradores.
   Molde: cuisinart.css (capa v3: herói de ponta a ponta com o texto dentro da foto, celular primeiro, cartão da casa).
   Clau: claro e fresco, casa limpa e arejada; branco e cinza-claro; verde-água SÓ nos botões; tom prático e leve.
   O verde-água dos botões é o mais escuro da família (#0d8576) para o texto branco ter contraste (≈4,5:1). */
:root{--as-tinta:#1f2a2e;--as-cinza:#5b6a6f;--as-linha:#e1e8e9;--as-claro:#f4f7f7;--as-claro2:#eaf1f1;--as-agua:#0d8576;--as-agua2:#0a6b5f;--as-aguaclaro:#d9f2ee}
.loja-aspiradores{background:#fff}
#as{color:var(--as-tinta);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#fff}
#as *{box-sizing:border-box}
#as a{color:inherit}
#as img{max-width:100%;display:block}

/* faixa do alto só da aspiradores (header-marca: prazo + garantia + frete/parcelas + Seja afiliado) */
.loja-aspiradores .top.top-aspi{background:var(--as-tinta);color:#e6eeef;font-size:13px;padding:9px 16px;gap:16px}
.loja-aspiradores .top.top-aspi b{color:#fff;font-weight:700}
.loja-aspiradores .top.top-aspi .tsep{background:#56666b}

/* ═══ carrossel de marcas no topo (Paul 13:52; 14:10 "sem medo de ser feliz"): logos nas CORES REAIS, sempre; faixa que passa devagar no
   computador (para com o mouse em cima ou com "menos movimento"), deslize com o dedo no celular (3 e meio por vez) ═══ */
#as .as-logos{display:block;gap:0;flex:none;font-size:inherit;font-weight:400;color:inherit;background:#fff;border-bottom:1px solid var(--as-linha);padding:10px 0 6px}   /* o molde (ninja.css) estiliza todo <nav> do cabeçalho: aqui volta a ser bloco */
#as .as-lvia{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
#as .as-lt{display:flex;width:max-content;animation:asmarq 80s linear infinite}
#as .as-lvia:hover .as-lt,#as .as-lvia:focus-within .as-lt{animation-play-state:paused}
@keyframes asmarq{to{transform:translateX(-50%)}}
#as .as-lgrupo{display:flex}
#as .as-lg{flex:0 0 auto;width:150px;height:60px;margin:0 4px;display:flex;align-items:center;justify-content:center;border-radius:12px;text-decoration:none;transition:background .2s}
#as .as-lg:hover,#as .as-lg:focus-visible{background:var(--as-claro)}
#as .as-lg:focus-visible{outline:2px solid var(--as-agua);outline-offset:-2px}
#as .as-lg img{width:auto;height:auto;max-width:112px;max-height:28px;object-fit:contain;transition:transform .2s}
#as .as-lg img.q{max-height:40px}
#as .as-lg:hover img,#as .as-lg:focus-visible img{transform:scale(1.06)}
/* logo branco ou muito claro ganha pílula de fundo suave (hoje nenhum dos 15 precisa: medido 01/11 14h15) */
#as .as-lg.claro{background:#1f2a2e0d}#as .as-lg.claro img{padding:4px 8px;border-radius:999px;background:#eef3f3}
#as .as-lx{font:800 16px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:.04em;color:var(--as-tinta);white-space:nowrap;transition:transform .2s}
#as .as-lg:hover .as-lx{transform:scale(1.06)}
#as .as-lnota{margin:2px 0 0;text-align:center;font-size:11.5px;color:#8a989c;letter-spacing:.02em}
#as .as-lnota b{color:#5b6a6f;font-weight:700}

/* aviso: quem somos */
#as .as-quem{background:var(--as-claro);color:#4f5e62;border-bottom:1px solid var(--as-linha);font-size:13.5px;line-height:1.45;text-align:center;padding:9px 16px}
#as .as-quem b{color:var(--as-tinta)}
#as .as-qc{display:none}

/* herói: foto clara com véu branco à esquerda (computador) / embaixo (celular), texto escuro */
#as .as-olho{display:inline-block;font:700 12px/1 -apple-system,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--as-agua);margin-bottom:12px}
#as .as-hero{position:relative;width:100%;overflow:hidden;background:var(--as-claro)}
#as .as-hero .as-sl{display:none;position:relative;height:clamp(460px,46vw,720px)}
#as .as-hero .as-sl.on{display:block;animation:asfade .7s ease}
@keyframes asfade{from{opacity:.25}to{opacity:1}}
#as .as-hf,#as .as-hf img{position:absolute;inset:0;width:100%;height:100%;display:block}
#as .as-hf img{object-fit:cover;object-position:72% 50%;max-width:none}
#as .as-hx{position:absolute;inset:0;display:flex;align-items:center;
  background:linear-gradient(90deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.82) 30%,rgba(255,255,255,.35) 52%,rgba(255,255,255,0) 66%)}
#as .as-hin{width:100%;max-width:1360px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
#as .as-hin>*{max-width:560px}
#as .as-ht{font-weight:800;letter-spacing:-.02em;font-size:clamp(32px,3.6vw,56px);line-height:1.08;margin:0 0 16px;color:var(--as-tinta)}
#as .as-hero p{font-size:clamp(16px,1.2vw,18.5px);line-height:1.5;color:#3e4c50;margin:0 0 26px;max-width:32em}
#as .as-btns{display:flex;gap:12px;flex-wrap:wrap}
#as .as-btn{display:inline-block;background:var(--as-agua);color:#fff!important;text-decoration:none;font-weight:700;font-size:15.5px;padding:15px 26px;border-radius:999px;border:2px solid var(--as-agua);transition:.15s}
#as .as-btn:hover{background:var(--as-agua2);border-color:var(--as-agua2)}
#as .as-btn.g{background:#fff;color:var(--as-tinta)!important;border-color:#c5d2d4}
#as .as-btn.g:hover{border-color:var(--as-tinta)}
#as .as-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;gap:6px;justify-content:center;z-index:2}
#as .as-dot{box-sizing:content-box;width:22px;height:4px;padding:14px 0;border:0;border-radius:3px;background:rgba(31,42,46,.25);background-clip:content-box;cursor:pointer}
#as .as-dot.on{width:40px;background:var(--as-agua);background-clip:content-box}

/* ═══ SUPER BANNERS POR MARCA (Paul + Clau 14:15) · o mesmo grid e a mesma tipografia para todas; muda a cor (variáveis
   --bm-* que o próprio banner traz), o logo e o produto-estrela (foto do nosso catálogo num cartão branco) ═══ */
#as .as-hbm{background:#fff}
#as .as-hbm .as-sl{height:auto}
#as .as-hbm .as-dots{position:static;padding:10px 0 4px}
#as .as-bm{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(20px,4vw,64px);background:var(--bm-fundo);color:var(--bm-texto);
  padding:clamp(28px,3.6vw,56px) max(clamp(20px,5vw,72px),calc((100% - 1300px) / 2));min-height:clamp(430px,36vw,540px)}
#as .as-bmtx{min-width:0}
#as .as-bmlogo{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;padding:10px 18px;height:60px;min-width:120px;margin-bottom:18px;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.10)}
#as .as-bmlogo img{max-height:34px;max-width:170px;width:auto;height:auto}
#as .as-bmlogo span{font:800 23px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:.04em}
#as .as-bm .as-bmolho,#as .as-bm .as-bmtit,#as .as-bm .as-bmsub,#as .as-bm .as-bmnota{color:var(--bm-texto)}   /* o molde pinta p/h2 de cinza: aqui vale a cor da marca */
#as .as-bmolho{display:block;font:700 12px/1 -apple-system,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-bottom:12px}
#as .as-bmtit{font-weight:800;font-size:clamp(30px,3.3vw,50px);line-height:1.07;letter-spacing:-.02em;margin:0 0 14px;color:inherit}
#as .as-bmsub{font-size:clamp(15.5px,1.15vw,18px);line-height:1.5;opacity:.93;margin:0 0 24px;max-width:34em}
#as .as-bmbtn{display:inline-block;background:var(--bm-botao);color:var(--bm-botao-txt)!important;font-weight:800;font-size:15.5px;padding:15px 28px;border-radius:999px;text-decoration:none;transition:transform .15s,box-shadow .15s}
#as .as-bmbtn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.18)}
#as .as-bmnota{display:block;margin-top:16px;font-size:12px;opacity:.78}
#as .as-bmprod{display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;text-decoration:none;color:var(--as-tinta)!important;box-shadow:0 22px 50px rgba(0,0,0,.20);width:100%;max-width:460px;justify-self:end}
#as .as-bmfoto{position:relative;display:block;aspect-ratio:5/4}
#as .as-bmfoto img{position:absolute;top:18px;left:24px;width:calc(100% - 48px);height:calc(100% - 36px);object-fit:contain;mix-blend-mode:multiply;max-width:none}
#as .as-bmleg{display:flex;flex-direction:column;gap:3px;padding:12px 20px 16px;border-top:1px solid #edf1f1}
#as .as-bmleg b{font-size:14px;line-height:1.3;font-weight:700}
#as .as-bmleg i{font-style:normal;font-weight:800;font-size:17px}
#as .as-bmleg em{font-style:normal;font-weight:600;font-size:13px;color:var(--as-agua)}

/* as cenas (fotos e textos da Clau) agora são o cabeçalho de cada vitrine */
#as .as-cenatipo{position:relative;border-radius:20px;overflow:hidden;height:clamp(250px,24vw,360px);margin:0 0 20px;background:var(--as-claro2)}
#as .as-cenatipo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 50%;max-width:none}
#as .as-ctx{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(20px,4vw,52px);
  background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.85) 34%,rgba(255,255,255,.25) 58%,rgba(255,255,255,0) 70%)}
#as .as-ctx>*{max-width:540px}
#as .as-ctx h1,#as .as-ctx h2{font-weight:800;font-size:clamp(26px,2.7vw,42px);line-height:1.1;letter-spacing:-.02em;margin:0 0 10px;color:var(--as-tinta)}
#as .as-ctx p{color:#3e4c50;font-size:clamp(15px,1.1vw,17px);line-height:1.5;margin:0}
#as .as-cenacapa{height:clamp(280px,28vw,420px)}

/* página de marca da loja (/dyson, /shark…): o banner da marca no topo e a linha inteira por tipo, no cartão da casa */
#as.as-pagmarca{background:transparent}
#as.as-pagmarca .as-bm{border-radius:22px;margin:4px 0 6px;padding:clamp(24px,3.4vw,52px) clamp(20px,4vw,56px)}
#as .as-mcab{display:flex;gap:24px;align-items:center;padding:22px 0 18px;border-bottom:1px solid var(--as-linha)}
#as .as-mcablogo{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--as-linha);border-radius:16px;padding:14px 22px;min-width:170px;height:84px}
#as .as-mcablogo img{max-height:46px;max-width:190px;width:auto;height:auto}
#as .as-mcablogo span{font:800 26px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:.04em}
#as .as-mcab h1{font-weight:800;font-size:clamp(26px,2.6vw,38px);line-height:1.1;margin:0 0 6px}
#as .as-mcab p{color:var(--as-cinza);margin:0;font-size:15px;line-height:1.5}
#as .as-mtipos{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:18px 0 2px}
#as .as-mtipos b{margin-right:6px}
#as .as-mtipos a{border:1px solid var(--as-linha);border-radius:999px;padding:7px 14px;text-decoration:none;font-weight:700;font-size:14px;background:#fff}
#as .as-mtipos a:hover{border-color:var(--as-agua);color:var(--as-agua)}
#as .as-mtipos small{color:var(--as-cinza);font-weight:600;margin-left:3px}
#as.as-pagmarca .as-sec{padding:30px 0}
#as .as-mcont{color:var(--as-cinza);font-weight:600;font-size:14px}

/* faixa da casa */
#as .as-faixa{display:grid;grid-template-columns:repeat(4,1fr);max-width:1360px;margin:0 auto;padding:18px clamp(16px,3vw,40px);gap:12px;border-bottom:1px solid var(--as-linha)}
#as .as-faixa div{display:flex;flex-direction:column;gap:2px;text-align:center}
#as .as-faixa b{font-size:15px}
#as .as-faixa span{color:var(--as-cinza);font-size:13px}

/* ═══ a brincadeira: sala desenhada em CSS, robô/cachorro/gato em SVG, movimento só com transform ═══ */
#as .as-brinca{max-width:1360px;margin:0 auto;padding:28px clamp(16px,3vw,40px) 6px}
#as .as-cena{position:relative;height:190px;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#f3f8f8 0%,#eaf3f2 62%);border:1px solid var(--as-linha);user-select:none;-webkit-user-select:none}
#as .as-parede{position:absolute;left:0;right:0;top:0;height:118px}
#as .as-quadro{position:absolute;left:12%;top:22px;width:62px;height:44px;border:4px solid #fff;border-radius:4px;background:linear-gradient(135deg,#bfe6e0,#8fd0c6);box-shadow:0 2px 6px rgba(0,0,0,.08)}
#as .as-janela{position:absolute;left:46%;top:16px;width:92px;height:70px;border:5px solid #fff;border-radius:6px;background:linear-gradient(180deg,#d6eefc,#eef8ff);box-shadow:inset 0 0 0 2px #e3edf0}
#as .as-janela:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:#fff}
#as .as-planta{position:absolute;right:16%;top:44px;width:30px;height:62px;border-radius:0 0 6px 6px;background:linear-gradient(#0000 38px,#e9c9a6 38px)}
#as .as-planta:before{content:"";position:absolute;left:-8px;top:0;width:46px;height:42px;border-radius:50% 50% 40% 40%;background:radial-gradient(circle at 30% 40%,#7fcbb5 0 30%,#0000 31%),radial-gradient(circle at 70% 35%,#5fb89e 0 32%,#0000 33%),radial-gradient(circle at 50% 70%,#4aa58a 0 34%,#0000 35%)}
#as .as-chao{position:absolute;left:0;right:0;bottom:0;height:72px;background:repeating-linear-gradient(90deg,#e8d7c2 0 118px,#e2cfb8 118px 120px);border-top:3px solid #d7c3aa}
#as .as-migalhas{position:absolute;left:0;right:0;bottom:16px;height:20px}
#as .as-mg{position:absolute;bottom:0;width:6px;height:5px;border-radius:50%;background:#8b6d50;transition:opacity .25s,transform .25s}
#as .as-mg.f{opacity:0;transform:scale(.2)}
#as .as-robo,#as .as-cao,#as .as-gato{position:absolute;left:0;cursor:pointer;will-change:transform;outline:none}
#as .as-robo{bottom:12px;z-index:3}
#as .as-cao{bottom:14px;z-index:2}
#as .as-gato{bottom:20px;z-index:1}
#as .as-robo svg,#as .as-cao svg,#as .as-gato svg{display:block;overflow:visible}
#as .as-cao .as-vira,#as .as-robo .as-vira{transform:scaleX(-1)}
#as .as-led{animation:asled 1.4s infinite}
@keyframes asled{50%{opacity:.25}}
#as .as-escova{transform-origin:70px 27px;animation:asgira .35s linear infinite}
@keyframes asgira{to{transform:rotate(360deg)}}
#as .as-cao.corre .p1,#as .as-cao.corre .p3{animation:asperna .26s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 0}
#as .as-cao.corre .p2,#as .as-cao.corre .p4{animation:asperna .26s ease-in-out infinite alternate-reverse;transform-box:fill-box;transform-origin:50% 0}
@keyframes asperna{from{transform:rotate(-22deg)}to{transform:rotate(22deg)}}
#as .as-crabo{transform-box:fill-box;transform-origin:100% 100%;animation:asrabo .3s ease-in-out infinite alternate}
@keyframes asrabo{from{transform:rotate(-14deg)}to{transform:rotate(16deg)}}
#as .as-cao.corre svg{animation:aspulo .26s ease-in-out infinite alternate}
@keyframes aspulo{to{transform:translateY(-4px)}}
#as .as-gato.pula .as-gcorpo{animation:aspula .7s ease-out}
@keyframes aspula{0%{transform:translateY(0)}35%{transform:translateY(-34px)}70%{transform:translateY(-6px)}100%{transform:translateY(0)}}
#as .as-gato .as-golho{transition:.2s}
#as .as-balao{position:absolute;left:50%;bottom:100%;transform:translate(-50%,6px) scale(.6);opacity:0;background:#fff;color:var(--as-tinta);border:1px solid var(--as-linha);font:700 12.5px/1 -apple-system,sans-serif;padding:6px 9px;border-radius:12px;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:.2s;pointer-events:none}
#as .as-balao.on{opacity:1;transform:translate(-50%,-4px) scale(1)}
#as .as-legenda{text-align:center;color:var(--as-cinza);font-size:13.5px;margin:10px 0 0}
#as .as-legenda b{color:var(--as-agua)}
#as .as-legenda #ascontador{font-weight:800;color:var(--as-tinta);font-variant-numeric:tabular-nums}

/* seções */
#as .as-sec{max-width:1440px;margin:0 auto;padding:60px clamp(16px,3vw,40px)}
#as .as-sec h2{font-weight:800;font-size:clamp(25px,2.4vw,36px);line-height:1.15;letter-spacing:-.015em;margin:0 0 8px}
#as .as-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;flex-wrap:wrap}
#as .as-cab p{color:var(--as-cinza);font-size:16px;line-height:1.5;max-width:46em;margin:0}
#as .as-mais{font-weight:700;text-decoration:none;border-bottom:2px solid var(--as-agua);padding-bottom:2px;white-space:nowrap;color:var(--as-tinta)}
#as .as-claro{max-width:none;background:var(--as-claro);border-top:1px solid var(--as-linha);border-bottom:1px solid var(--as-linha)}
#as .as-claro>*{max-width:1360px;margin-left:auto;margin-right:auto}

/* portas */
#as .as-portas{padding-top:44px}
#as .as-pg{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}
#as .as-pt{position:relative;display:block;border-radius:18px;overflow:hidden;text-decoration:none;aspect-ratio:4/5;background:var(--as-claro2)}
#as .as-pt img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
#as .as-pt img.as-ptprod{object-fit:contain;background:#fff;padding:12% 12% 30%;mix-blend-mode:multiply}
#as .as-pt:hover img{transform:scale(1.04)}
#as .as-pt span{position:absolute;left:0;right:0;bottom:0;padding:44px 14px 14px;background:linear-gradient(transparent,rgba(20,30,33,.78));color:#fff}
#as .as-pt b{display:block;font-weight:800;font-size:17px;line-height:1.2}
#as .as-pt small{display:block;font-size:13px;opacity:.92;margin-top:4px}
#as .as-marcas{margin:18px 0 0;color:var(--as-cinza);font-size:14px;line-height:2;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
#as .as-marcas b{color:var(--as-tinta);margin-right:4px}
#as .as-marcas span{background:var(--as-claro);border:1px solid var(--as-linha);border-radius:999px;padding:2px 12px;line-height:1.7;color:var(--as-tinta)}

/* vitrine = cartão da casa, foto no branco do mesmo tamanho */
#as .grade{margin-top:0}
#as .card{color:var(--as-tinta)!important;text-decoration:none;border-color:var(--as-linha)}
#as .card .ph{position:relative}
.loja-aspiradores .card .ph{aspect-ratio:1/1;background:#fff;padding:16px;overflow:hidden}
.loja-aspiradores .card .ph img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;mix-blend-mode:multiply}
#as .card .prconsulta{font-size:.95em;font-weight:700;color:#14202b}
#as .card:hover .cta{background:var(--as-agua);border-color:var(--as-agua);color:#fff}
#as .as-curta>.card:nth-child(n+13){display:none}
#as .as-vermais{display:block;margin:20px auto 0;padding:13px 28px;border:1px solid var(--as-tinta);border-radius:999px;background:#fff;color:var(--as-tinta);font:700 15px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;cursor:pointer}
#as .as-vermais:hover{background:var(--as-tinta);color:#fff}

/* peças: fundo verde-água bem claro para achar rápido */
#as .as-pecas{background:var(--as-aguaclaro);max-width:none}
#as .as-pecas>*{max-width:1360px;margin-left:auto;margin-right:auto}

/* como funciona */
#as .as-como h2{text-align:center;margin-bottom:24px}
#as .as-cg{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
#as .as-cg div{border-top:3px solid var(--as-agua);padding-top:12px}
#as .as-cg b{display:block;font-size:16px;margin-bottom:6px}
#as .as-cg span{color:var(--as-cinza);font-size:14.5px;line-height:1.45}
#as .as-nota{color:var(--as-cinza);font-size:14px;margin:26px auto 0;text-align:center;max-width:60em}
#as .as-nota a{font-weight:700;color:var(--as-agua)}
#as .as-legal{text-align:center;color:#87959a;font-size:12.5px;margin:18px auto 0;max-width:60em;line-height:1.5}

/* ficha e cesta: o botão Comprar com a cor dos botões da loja (vigia R5: o molde pinta com var(--ninja)) */
.loja-aspiradores .prodcomprar{background:var(--as-agua);color:#fff;border:0}
.loja-aspiradores .prodcomprar:hover{background:var(--as-agua2);filter:none}

@media(max-width:1200px){#as .as-pg{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1100px){#as .as-cg{grid-template-columns:repeat(2,1fr)}#as .as-faixa{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
  #as .as-lvia{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  #as .as-lvia::-webkit-scrollbar{display:none}
  #as .as-lt{animation:none;padding:0 8px}
  #as .as-dup{display:none}
  #as .as-lg{width:calc((100vw - 16px) / 3.5);height:54px;margin:0;scroll-snap-align:start}
  #as .as-lg img{max-width:78%;max-height:24px}#as .as-lg img.q{max-height:34px}
  #as .as-lx{font-size:14px}
  #as .as-logos{padding:6px 0 4px}#as .as-lnota{font-size:11px;padding:0 12px}
  #as .as-bm{grid-template-columns:1fr;gap:18px;padding:20px 16px 26px;min-height:660px;align-content:start}
  #as .as-bmprod{order:-1;justify-self:stretch;max-width:none;border-radius:18px}
  #as .as-bmfoto{aspect-ratio:16/10}#as .as-bmfoto img{top:12px;left:16px;width:calc(100% - 32px);height:calc(100% - 24px)}
  #as .as-bmleg{padding:10px 14px 12px}#as .as-bmleg b{font-size:13px}#as .as-bmleg i{font-size:15.5px}
  #as .as-bmlogo{height:48px;padding:8px 14px;margin-bottom:12px}#as .as-bmlogo img{max-height:26px;max-width:130px}#as .as-bmlogo span{font-size:19px}
  #as .as-bmtit{font-size:clamp(25px,7vw,31px);margin-bottom:10px}
  #as .as-bmsub{font-size:14.5px;margin-bottom:16px}
  #as .as-bmbtn{display:block;text-align:center;padding:14px 18px;font-size:16px}
  #as.as-pagmarca .as-bm{min-height:0;border-radius:16px}
  #as .as-cenatipo{height:300px;border-radius:16px}#as .as-cenacapa{height:360px}
  #as .as-cenatipo img{object-position:50% 40%}
  #as .as-ctx{justify-content:flex-end;padding:0 16px 18px;background:linear-gradient(0deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 38%,rgba(255,255,255,.4) 60%,rgba(255,255,255,0) 78%)}
  #as .as-ctx h1,#as .as-ctx h2{font-size:clamp(23px,6.6vw,29px)}#as .as-ctx p{font-size:14px}
  #as .as-mcab{flex-direction:column;align-items:flex-start;gap:14px}#as .as-mcablogo{height:66px;min-width:130px}
  #as .as-ql{display:none}
  #as .as-qc{display:inline}
  #as .as-quem{font-size:12px;padding:7px 12px}
  #as .as-hero .as-sl{height:auto;aspect-ratio:4/5;max-height:calc(100svh - 96px);min-height:460px}
  #as .as-hf img{object-position:50% 50%}
  #as .as-hx{align-items:flex-end;background:linear-gradient(0deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 42%,rgba(255,255,255,.55) 60%,rgba(255,255,255,0) 76%)}
  #as .as-hin{padding:0 18px 42px}
  #as .as-hero .as-olho{font-size:11px;margin-bottom:9px}
  #as .as-ht{font-size:clamp(26px,7.4vw,33px);line-height:1.1;margin-bottom:9px}
  #as .as-hero p{font-size:14.5px;line-height:1.42;margin-bottom:16px}
  #as .as-btn{display:block;width:100%;text-align:center;padding:14px 18px;font-size:16px}
  #as .as-btn.g{display:none}
  #as .as-dots{bottom:2px}
  #as .as-faixa{padding:14px 16px;gap:12px 8px}
  #as .as-faixa b{font-size:14px}#as .as-faixa span{font-size:12px}
  #as .as-brinca{padding:20px 16px 0}
  #as .as-cena{height:170px;border-radius:16px}
  #as .as-quadro{left:6%}#as .as-janela{left:40%;width:76px}#as .as-planta{right:8%}
  #as .as-legenda{font-size:12.5px}
  #as .as-robo svg{width:64px;height:auto}#as .as-cao svg{width:78px;height:auto}#as .as-gato svg{width:70px;height:auto}
  #as .as-sec{padding:40px 16px}
  #as .as-cab{margin-bottom:16px}
  #as .as-mais{font-size:14px}
  #as .as-pg{grid-template-columns:repeat(2,1fr);gap:10px}
  #as .as-pt b{font-size:16px}
  /* cartões: os mesmos ajustes do departamento no celular */
  #as .card .nm{font-size:13.5px;line-height:1.3}
  #as .card .cta{padding:8px 10px!important;font-size:13.5px!important;margin-top:8px!important}
  #as .card .prde{font-size:11.5px}
  #as .card:hover{transform:none}
  #as .as-curta>.card:nth-child(n+7){display:none}
  #as .as-vermais{width:100%}
}
@media(max-width:480px){#as .as-cg{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#as .as-lt{animation:none}#as .as-lvia{overflow-x:auto}#as .as-dup{display:none}#as .as-hero .as-sl.on{animation:none}#as .as-pt img{transition:none}#as .as-led,#as .as-escova,#as .as-crabo,#as .as-cao.corre svg,#as .as-cao.corre .p1,#as .as-cao.corre .p2,#as .as-cao.corre .p3,#as .as-cao.corre .p4{animation:none}}