/* ==========================================================================
   [sms-vivo] 12/10/2026 — página /sms no padrão novo da loja: o mesmo iPhone
   da home (copiado de hero-fone.css, só a parte do aparelho, para não
   carregar o card da promoção aqui), cards flutuantes com logo dos serviços,
   cupom dourado, passos que giram. Celular: sem enfeite contínuo nem vidro.
   ========================================================================== */
.hf{--hf-w:288px;--hf-neon:#39ff88;position:relative;display:grid;place-items:center;
  padding:22px 0 38px;isolation:isolate;min-height:640px}

/* luz atrás + anel girando */
.hf-aura{position:absolute;z-index:-2;width:calc(var(--hf-w)*1.95);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side at 38% 40%,rgba(139,92,246,.45),transparent 70%),
             radial-gradient(closest-side at 66% 62%,rgba(56,189,248,.24),transparent 70%),
             radial-gradient(closest-side at 50% 82%,rgba(57,255,136,.12),transparent 70%);
  animation:hf-respira 7s ease-in-out infinite}
.hf-anel{position:absolute;z-index:-1;width:calc(var(--hf-w)*1.55);aspect-ratio:1;border-radius:50%;pointer-events:none;opacity:.85;
  background:conic-gradient(from 0deg,transparent 0 62%,rgba(167,139,250,.6) 74%,rgba(57,255,136,.55) 82%,transparent 92%);
  -webkit-mask:radial-gradient(closest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px));
  mask:radial-gradient(closest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px));
  animation:hf-gira 14s linear infinite}
@keyframes hf-respira{0%,100%{transform:scale(.94);opacity:.85}50%{transform:scale(1.06);opacity:1}}
@keyframes hf-gira{to{transform:rotate(360deg)}}

.hf-flutua{animation:hf-flutua 7s ease-in-out infinite}
@keyframes hf-flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hf-tilt{--rx:0deg;--ry:0deg;--gx:30%;transform:perspective(1300px) rotateX(var(--rx)) rotateY(var(--ry));
  transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.hf-sombra{position:absolute;bottom:6px;left:50%;z-index:-1;width:calc(var(--hf-w)*.78);height:26px;margin-left:calc(var(--hf-w)*-.39);
  border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);animation:hf-sombra 7s ease-in-out infinite}
@keyframes hf-sombra{0%,100%{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.86);opacity:.6}}

/* ---- aparelho ---- */
.hf-fone{position:relative;width:var(--hf-w);aspect-ratio:9/19.2;border-radius:calc(var(--hf-w)*.175);padding:4px;
  background:linear-gradient(145deg,#8f8a9e 0%,#3b3846 18%,#24222c 42%,#5d5969 62%,#1d1b24 84%,#77728a 100%);
  box-shadow:0 50px 90px -40px rgba(0,0,0,.85),0 22px 40px -24px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.14)}
.hf-fone::before{content:"";position:absolute;inset:4px;border-radius:inherit;background:#050507}
.hf-bt{position:absolute;width:3px;border-radius:2px;background:linear-gradient(90deg,#4a4656,#8e899d)}
.hf-bt.a{left:-2px;top:17%;height:4.5%}.hf-bt.b{left:-2px;top:25%;height:8.5%}.hf-bt.c{left:-2px;top:36%;height:8.5%}
.hf-bt.d{right:-2px;top:29%;height:13%;background:linear-gradient(270deg,#4a4656,#8e899d)}
.hf-tela{position:absolute;inset:11px;border-radius:calc(var(--hf-w)*.145);overflow:hidden;color:#fff;
  background:#0a0816;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;transform:translateZ(0)}
.hf-papel{position:absolute;inset:0;background:radial-gradient(140% 90% at 50% -10%,#2a1f5c 0%,#110d27 50%,#07060e 100%)}
.hf-papel i{position:absolute;border-radius:50%;will-change:transform}
.hf-papel i:nth-child(1){width:120%;aspect-ratio:1;left:-45%;top:-20%;background:radial-gradient(closest-side,rgba(124,58,237,.5),transparent);animation:hf-m1 16s ease-in-out infinite alternate}
.hf-papel i:nth-child(2){width:110%;aspect-ratio:1;right:-55%;top:35%;background:radial-gradient(closest-side,rgba(37,99,235,.38),transparent);animation:hf-m2 19s ease-in-out infinite alternate}
.hf-papel i:nth-child(3){width:100%;aspect-ratio:1;left:-25%;bottom:-48%;background:radial-gradient(closest-side,rgba(57,255,136,.14),transparent);animation:hf-m3 22s ease-in-out infinite alternate}
@keyframes hf-m1{to{transform:translate(28%,18%) scale(1.12)}}
@keyframes hf-m2{to{transform:translate(-30%,-12%) scale(.9)}}
@keyframes hf-m3{to{transform:translate(22%,-24%) scale(1.15)}}
.hf-reflexo{position:absolute;inset:0;z-index:9;pointer-events:none;
  background:linear-gradient(115deg,transparent 0 calc(var(--gx,30%) - 18%),rgba(255,255,255,.06) var(--gx,30%),transparent calc(var(--gx,30%) + 16%))}

/* barra de status */
.hf-status{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px 0 24px;height:40px;font-size:12.5px;font-weight:600;letter-spacing:-.01em}
.hf-hora{font-variant-numeric:tabular-nums}
.hf-status-d{display:inline-flex;align-items:center;gap:5px}

/* Dynamic Island */
.hf-ilha{position:absolute;z-index:6;top:10px;left:0;right:0;margin:0 auto;width:92px;height:27px;border-radius:20px;background:#000;
  display:flex;align-items:center;justify-content:flex-end;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.04);
  transition:width .6s cubic-bezier(.3,1.4,.45,1),height .6s cubic-bezier(.3,1.4,.45,1),border-radius .6s ease}
.hf-ilha.aberta{width:calc(100% - 22px);height:50px;border-radius:25px;justify-content:stretch;box-shadow:0 10px 30px -10px rgba(0,0,0,.8)}
.hf-cam{width:10px;height:10px;margin-right:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#34345a,#0b0b14 60%);box-shadow:inset 0 0 0 1.5px #15151f;transition:opacity .2s}
.hf-ilha.aberta .hf-cam{opacity:0;position:absolute}
.hf-ilha-c{display:flex;align-items:center;gap:9px;width:100%;padding:0 14px 0 10px;white-space:nowrap;opacity:0;filter:blur(6px);transition:opacity .3s .12s,filter .3s .12s}
.hf-ilha.aberta .hf-ilha-c{opacity:1;filter:blur(0)}
.hf-ilha:not(.aberta) .hf-ilha-c{position:absolute;transition:none}
.hf-ilha-ic{width:28px;height:28px;border-radius:9px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#7dffb2,#39ff88 55%,#10b981)}
.hf-ilha-t{display:flex;flex-direction:column;font-size:11.5px;font-weight:650;line-height:1.15}
.hf-ilha-t small{font-size:9.5px;font-weight:500;color:rgba(255,255,255,.55)}
.hf-ilha-ip{margin-left:auto;font:700 12.5px ui-monospace,"Cascadia Mono",Consolas,monospace;color:var(--hf-neon);letter-spacing:.02em}
.hf-home{position:absolute;z-index:3;bottom:8px;left:50%;width:36%;height:4.5px;margin-left:-18%;border-radius:3px;background:rgba(255,255,255,.85)}

/* ---- cards flutuando em volta ---- */
.hf-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:9px 14px 9px 9px;border-radius:15px;white-space:nowrap;
  background:rgba(22,16,40,.72);border:1px solid rgba(233,222,255,.14);color:#fff;
  backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);
  box-shadow:0 18px 40px -22px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.07);animation:hf-chip 7s ease-in-out infinite}
.hf-chip b{display:block;font-size:12.5px;font-weight:650;letter-spacing:-.01em;line-height:1.25}
.hf-chip small{display:block;font-size:10.5px;color:rgba(233,222,255,.62);line-height:1.3}
.hf-chip-ic{width:30px;height:30px;border-radius:10px;flex:none;display:grid;place-items:center}
.hf-chip-ic svg{width:15px;height:15px}
.hf-chip-ic.ok{background:linear-gradient(135deg,#7dffb2,#39ff88 55%,#10b981);box-shadow:0 0 16px -2px rgba(57,255,136,.55);color:#04260f}
.hf-chip-ic.roxo{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 6px 16px -6px rgba(124,58,237,.7);color:#fff}
.hf-chip-ic.azul{background:linear-gradient(135deg,#7dd3fc,#2563eb);box-shadow:0 6px 16px -6px rgba(37,99,235,.7);color:#fff}
.hf-chip-ic.rosa{background:linear-gradient(135deg,#f9a8d4,#db2777);box-shadow:0 6px 16px -6px rgba(219,39,119,.7);color:#fff}
@keyframes hf-chip{0%,100%{transform:translate(0,0) rotate(-1.5deg)}50%{transform:translate(5px,-12px) rotate(1.5deg)}}

/* congela quando fora da tela */
.hf.hf-pausa,.hf.hf-pausa *{animation-play-state:paused!important}
@media (max-width:760px),(hover:none){
  .hf-aura,.hf-anel,.hf-flutua,.hf-sombra,.hf-papel i,.hf-chip{animation:none!important}
  .hf-papel i{will-change:auto}
  .hf-chip{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(22,16,40,.94)}
}
@media (prefers-reduced-motion:reduce){.hf *,.hf{animation:none!important}.hf-tilt{transition:none}}
.hf-chip-ic.ouro{background:linear-gradient(135deg,#fde68a,#f59e0b 60%,#d97706);box-shadow:0 0 18px -2px rgba(251,191,36,.7);color:#2a1600}
.hf-chip-ic.ouro b{font:800 17px Inter,system-ui,sans-serif}

/* ==========================================================================
   [sms-vivo] partes próprias da página /sms (12/10/2026)
   ========================================================================== */
@property --sv-ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes sv-gira{to{--sv-ang:360deg}}
@keyframes sv-faixa{0%,58%{transform:translateX(-120%)}88%,100%{transform:translateX(120%)}}
@keyframes sv-pisca{0%,100%{opacity:1}50%{opacity:.3}}

/* ------------------------------------------------ palco do celular */
html body:not(#sv) .sp-palco{position:relative;justify-self:center;width:100%;max-width:520px}
.sp-palco .hf{min-height:620px;padding:16px 0 34px}
.sx-hora{position:relative;z-index:2;text-align:center;padding-top:52px}
.sx-hora small{display:block;font-size:12px;color:rgba(255,255,255,.75)}
.sx-hora b{display:block;font:600 60px/1 Inter,system-ui,sans-serif;letter-spacing:-.03em;background:linear-gradient(180deg,#fff 30%,rgba(225,215,255,.78));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.sx-notis{position:relative;z-index:2;display:flex;flex-direction:column;gap:7px;margin:20px 10px 0;height:262px;overflow:hidden;
  -webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}
.sx-noti{display:flex;gap:10px;align-items:flex-start;padding:10px 11px;border-radius:17px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  flex:none;animation:sx-cai .5s cubic-bezier(.3,1.3,.5,1) both;transition:opacity .4s,transform .4s}
.sx-noti:nth-child(2){opacity:.72;transform:scale(.97)}.sx-noti:nth-child(3){opacity:.42;transform:scale(.95)}
@keyframes sx-cai{from{opacity:0;transform:translateY(-22px) scale(.92)}}
.sx-noti img{width:32px;height:32px;border-radius:9px;object-fit:contain;background:transparent;flex:none} /* sem o quadrado branco atras do logo (12/10) */
.sx-noti div{min-width:0;flex:1}
.sx-noti b{display:flex;justify-content:space-between;font-size:12px;color:#fff}
.sx-noti b span{font-weight:500;font-size:10px;color:rgba(255,255,255,.55)}
.sx-noti p{margin:2px 0 0;font-size:11.5px;line-height:1.4;color:rgba(255,255,255,.88)}
.sx-noti code{font:700 12px ui-monospace,"Cascadia Mono",Consolas,monospace;color:#c4b5fd;letter-spacing:.04em}
.sx-noti:first-child code{color:#39ff88;text-shadow:0 0 10px rgba(57,255,136,.45)}

/* cards flutuando: logo real do serviço no ícone */
.hf-chip-ic.logo{background:#fff;box-shadow:0 6px 16px -6px rgba(0,0,0,.6)}
.hf-chip-ic.logo img{width:20px;height:20px;object-fit:contain;display:block}
.hf-chip code{font:700 11px ui-monospace,"Cascadia Mono",Consolas,monospace;color:#39ff88;letter-spacing:.05em}
.sp-c1{left:-2%;top:12%}
.sp-c2{right:-3%;top:24%;animation-delay:-2s;animation-duration:8s}
.sp-c3{left:-5%;top:50%;animation-delay:-4s;animation-duration:9s}
.sp-c4{right:-2%;bottom:20%;animation-delay:-5.5s;animation-duration:8.5s}
.sp-c5{left:2%;bottom:7%;animation-delay:-1s;animation-duration:7.5s}

@media (max-width:1180px){.sp-c3,.sp-c5{display:none}.sp-c1{left:0}.sp-c2{right:0}.sp-c4{right:0}}
@media (max-width:960px){html body:not(#sv) .sp-palco{order:2;max-width:460px}}
@media (max-width:560px){
  .sp-palco .hf{--hf-w:236px;min-height:530px;padding:6px 0 24px}
  .sx-hora{padding-top:44px}.sx-hora b{font-size:48px}
  .sx-notis{height:214px;margin:16px 8px 0}
  .sp-c2{display:none}
  .sp-c1,.sp-c4{padding:6px 10px 6px 6px;gap:7px;border-radius:12px}
  .sp-c1 b,.sp-c4 b{font-size:11px}.sp-c1 small,.sp-c4 small{font-size:9.5px}
  .sp-c1 .hf-chip-ic,.sp-c4 .hf-chip-ic{width:24px;height:24px;border-radius:8px}
  .sp-c1{left:0;top:16%}.sp-c4{right:0;bottom:18%}
}
@media (max-width:760px),(hover:none){
  .sx-noti{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(40,32,70,.92)}
}

/* ------------------------------------------------------ CTA com brilho */
html body:not(#sv) .cta:not(.vazado){position:relative;overflow:hidden;isolation:isolate}
html body:not(#sv) .cta:not(.vazado)::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.32) 50%,transparent 65%);transform:translateX(-120%);animation:sv-faixa 4.5s 1.2s ease-in-out infinite}

/* ------------------------------------------------------------ números */
html body:not(#sv) .num{position:relative;overflow:hidden;isolation:isolate;border-radius:18px!important}
html body:not(#sv) .num::after{content:"";position:absolute;left:14%;right:14%;top:0;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--sv-c,#a78bfa),transparent);box-shadow:0 0 12px var(--sv-c,#a78bfa)}
html body:not(#sv) .num:nth-child(1){--sv-c:#a78bfa}html body:not(#sv) .num:nth-child(2){--sv-c:#38bdf8}
html body:not(#sv) .num:nth-child(3){--sv-c:#39ff88}html body:not(#sv) .num:nth-child(4){--sv-c:#fcd34d}
html body:not(#sv) .num b{font-size:clamp(22px,2.6vw,30px)!important;font-variant-numeric:tabular-nums}
@media (hover:hover){html body:not(#sv) .num:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--sv-c) 55%,transparent)!important;box-shadow:0 22px 44px -28px var(--sv-c)!important}}

/* --------------------------------------------------- cards de serviço */
html body:not(#sv) .serv{overflow:hidden;isolation:isolate;border-radius:18px!important}
html body:not(#sv) .serv::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),rgba(168,85,247,.2),transparent 65%)}
html body:not(#sv) .serv::after{content:"";position:absolute;left:14%;right:14%;top:0;height:2px;border-radius:2px;opacity:0;transition:opacity .3s;
  background:linear-gradient(90deg,transparent,#c4b5fd,transparent);box-shadow:0 0 12px #a78bfa}
@media (hover:hover){html body:not(#sv) .serv:hover::before,html body:not(#sv) .serv:hover::after{opacity:1}
  html body:not(#sv) .serv:hover .serv-logo{transform:rotate(-6deg) scale(1.08)}}
html body:not(#sv) .serv-logo{transition:transform .45s cubic-bezier(.3,1.5,.5,1)!important;box-shadow:0 8px 18px -10px rgba(168,85,247,.8),0 0 0 1px rgba(255,255,255,.12)!important}
html body:not(#sv) .serv-preco{background:linear-gradient(180deg,#fff 40%,#e2d4ff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
html body:not(#sv) .serv-preco small{-webkit-text-fill-color:var(--fg-3)}
html body:not(#sv) .serv-selo{display:inline-flex;align-items:center;gap:6px}
html body:not(#sv) .serv-selo.oferta::before{content:"";width:6px;height:6px;border-radius:50%;background:#fcd34d;box-shadow:0 0 8px #fcd34d;animation:sv-pisca 1.8s ease-in-out infinite}
html body:not(#sv) .serv-selo.top::before{content:"";width:6px;height:6px;border-radius:50%;background:#c4b5fd;box-shadow:0 0 8px #a78bfa}

/* -------------------------------------------- cupom: ingresso dourado */
html body:not(#sv) .cupom-box{position:relative;overflow:hidden;isolation:isolate;border:0!important;border-radius:22px!important;
  background:radial-gradient(120% 140% at 0% 0%,rgba(252,211,77,.14),transparent 55%),linear-gradient(160deg,rgba(60,36,10,.55),rgba(20,12,30,.85))!important}
html body:not(#sv) .cupom-box::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;pointer-events:none;z-index:-1;
  background:conic-gradient(from var(--sv-ang),rgba(252,211,77,.22) 0 55%,#fcd34d 70%,#f0abfc 80%,rgba(252,211,77,.22) 92%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:sv-gira 7s linear infinite}
html body:not(#sv) .cupom-ic{background:linear-gradient(135deg,#fde68a,#f59e0b 60%,#d97706)!important;border:0!important;color:#2a1600!important;box-shadow:0 0 22px -4px rgba(251,191,36,.7)!important}
html body:not(#sv) .cupom-t{color:#fde68a!important;font-weight:600}
html body:not(#sv) .cupom-c{border-color:rgba(252,211,77,.55)!important;color:#fde68a!important;background:rgba(252,211,77,.06)!important}
html body:not(#sv) .cupom-c:hover{border-color:#fcd34d!important;background:rgba(252,211,77,.12)!important}
html body:not(#sv) .cupom-box .cta{background:linear-gradient(135deg,#fde68a,#f59e0b 55%,#d97706)!important;color:#2a1600!important;border-color:rgba(255,236,180,.5)!important;
  box-shadow:0 14px 30px -14px rgba(245,158,11,.9),inset 0 1px 0 rgba(255,255,255,.4)!important}

/* ---------------------------------------- passos: destaque que gira */
html body:not(#sv) .passos{counter-reset:sv}
html body:not(#sv) .passo{position:relative;overflow:hidden;isolation:isolate;border-radius:18px!important;transition:border-color .4s,transform .4s cubic-bezier(.2,.8,.2,1),background .4s!important}
html body:not(#sv) .passo b{width:40px!important;height:40px!important;border-radius:12px!important;font-size:16px!important;
  background:linear-gradient(135deg,rgba(167,139,250,.3),rgba(124,58,237,.18))!important;transition:background .4s,box-shadow .4s,color .4s}
html body:not(#sv) .passo::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,#a78bfa,#39ff88);box-shadow:0 0 10px #39ff88}
html body:not(#sv) .passo.on{border-color:rgba(196,160,255,.5)!important;background:linear-gradient(165deg,rgba(124,58,237,.16),rgba(255,255,255,.02))!important;transform:translateY(-3px)}
html body:not(#sv) .passo.on b{background:linear-gradient(135deg,#c4b5fd,#7c3aed)!important;color:#fff!important;box-shadow:0 0 22px -4px rgba(168,85,247,.85)!important}
html body:not(#sv) .passo.on::after{width:100%;transition:width 3.4s linear}

/* --------------------------------------------- fechamento com moldura */
html body:not(#sv) .fim{position:relative;isolation:isolate;margin-top:12px;margin-bottom:clamp(30px,5vw,60px);padding:clamp(34px,5vw,56px) clamp(18px,4vw,40px)!important;border-radius:26px;overflow:hidden;
  background:radial-gradient(70% 120% at 50% 0%,rgba(124,58,237,.28),transparent 70%),linear-gradient(165deg,rgba(30,20,56,.75),rgba(10,7,20,.9))}
html body:not(#sv) .fim::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;pointer-events:none;z-index:-1;
  background:conic-gradient(from var(--sv-ang),rgba(168,85,247,.2) 0 55%,#a78bfa 70%,#39ff88 80%,rgba(168,85,247,.2) 92%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:sv-gira 9s linear infinite}

/* celular / toque: sem animação contínua de enfeite */
@media (max-width:760px),(hover:none){
  html body:not(#sv) .cta:not(.vazado)::after,html body:not(#sv) .cupom-box::before,html body:not(#sv) .fim::before,html body:not(#sv) .serv-selo.oferta::before{animation:none!important}
}
@media (prefers-reduced-motion:reduce){
  html body:not(#sv) .cta::after,html body:not(#sv) .cupom-box::before,html body:not(#sv) .fim::before,html body:not(#sv) .serv-selo::before{animation:none!important}
  html body:not(#sv) .passo.on::after{transition:none}
}

/* 8 serviços: 4x2 no computador (auto-fit dava 5+3, linha com órfãos) */
@media (min-width:961px){html body:not(#sv) .servs{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:401px) and (max-width:960px){html body:not(#sv) .servs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* a luz atrás do celular (1,95x a largura dele) passa da tela no celular e
   empurrava a página para o lado: corta só na horizontal */
@media (max-width:960px){html body:not(#sv) .sp-palco{overflow-x:clip;max-width:min(460px,100%)}}
@media (max-width:560px){html body:not(#sv) .sp-c1{top:46%}html body:not(#sv) .sp-c4{bottom:12%}}