:root{
  --azul:#1D2B5E;
  --azul-escuro:#111A3D;
  --azul-medio:#1F5FA8;
  --azul-claro:#E3ECF6;
  --vermelho:#E01B22;
  --vermelho-escuro:#B8141A;
  --branco:#FFFFFF;
  --cinza:#EEF1F5;
  --texto:#24304F;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{overflow-x:clip;font-family:"Inter",system-ui,sans-serif;font-size:1.0625rem;line-height:1.55;color:var(--texto);background:var(--branco)}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--vermelho);outline-offset:3px}
h1,h2,h3{line-height:1.15;font-weight:700}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;font:600 1rem/1.2 "Inter",sans-serif;text-transform:uppercase;letter-spacing:.02em;text-decoration:none;padding:.9em 1.8em;border-radius:999px;background:var(--vermelho);color:var(--branco);box-shadow:0 6px 14px -4px rgba(0,0,0,.3);transition:background .2s}
.btn:hover{background:var(--vermelho-escuro)}
.btn svg{width:1.25em;height:1.25em;flex:none}
.btn--azul{background:var(--azul-medio)}
.btn--azul:hover{background:var(--azul)}
.btn[data-wa]{gap:.8em;padding:.7em 1.5em .7em 1.2em;text-transform:none;letter-spacing:0;text-align:left}
.btn[data-wa] svg{width:2em;height:2em}
.btn[data-wa]::after{content:"";width:.5em;height:.5em;margin-left:.6em;flex:none;border:solid currentColor;border-width:2px 2px 0 0;transform:rotate(45deg)}
.btn-txt{display:flex;flex-direction:column;font-weight:500}
.btn-txt b{font-size:1.2em;font-weight:700}

.faixa{background:var(--azul-escuro);color:var(--branco);font-size:.85rem}
.faixa .wrap{display:flex;align-items:center;gap:56px;height:38px}
.faixa span{display:flex;align-items:center;gap:8px}
.faixa svg{width:16px;height:16px;flex:none}
.faixa-social{display:flex;gap:16px;margin-left:auto}
.faixa-social a{display:flex;color:var(--branco)}
.faixa-social svg{width:18px;height:18px}
.topo{position:sticky;top:0;z-index:20;background:var(--branco);box-shadow:0 2px 10px rgba(17,26,61,.08)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:88px}
.topo img{height:76px;width:auto}
.topo nav{display:flex;gap:28px;font-size:.98rem;font-weight:600}
.topo nav a{text-decoration:none;color:var(--azul)}
.topo nav a:hover{color:var(--vermelho)}
.topo .btn{padding:.7em 1.6em;font-size:.9rem}
.menu-btn{display:none;width:46px;height:46px;border:0;border-radius:12px;background:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.menu-btn span{display:block;width:20px;height:2px;border-radius:2px;background:var(--azul);transition:transform .25s,opacity .25s}
.topo.aberto .menu-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.topo.aberto .menu-btn span:nth-child(2){opacity:0}
.topo.aberto .menu-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.banner{position:relative;overflow:hidden;color:var(--branco)}
.banner .wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:540px;gap:40px}
.banner .foto{position:absolute;top:0;bottom:0;width:52%;background-size:cover;background-position:center}
.banner .foto--dir{right:0}
.banner .foto--esq{left:0}
.banner .texto{padding:64px 0}
.banner .texto--dir{grid-column:2}
.selo{display:inline-block;background:var(--vermelho);color:var(--branco);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:5px 30px;margin-bottom:16px;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}
.banner h2{font-size:clamp(2rem,3.6vw,2.9rem);margin-bottom:.35em}
.banner .sub{font-size:1.3rem;font-weight:700;margin-bottom:1em}
.banner p{max-width:52ch;margin-bottom:1.2em}
.banner .texto ul{list-style:none;margin:0 0 1.8em}
.banner .texto ul li{padding-left:1.1em;position:relative;margin-bottom:.55em}
.banner .texto ul li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:currentColor}

.hero{background:var(--branco);color:var(--azul)}
.hero .foto{left:0;width:100%;background-position:right center}
.hero .foto::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 36% 44% at 25% 38%,rgba(255,255,255,.7) 0,rgba(255,255,255,.4) 55%,transparent 100%)}
.hero .wrap{min-height:0;padding-bottom:250px}
.hero .texto{padding:72px 0 0}
.hero-card{position:absolute;left:0;right:0;bottom:96px;z-index:2;max-width:1180px;margin:0 auto;padding:0 20px}
.hero .ondas{height:150px;fill:var(--cinza);z-index:1}
.hero .texto{position:relative;text-align:left}
.hero .olho{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:.85rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--azul-medio)}
.hero .olho::after{content:"";width:44px;height:2px;background:var(--vermelho)}
.hero h1,.hero h2{font-weight:800;font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.05;margin:0;max-width:16em;color:var(--azul)}
.hero em{font-style:normal;color:var(--azul-medio)}
.hero .lema{font-size:1.15rem;line-height:1.4;color:var(--azul);margin:1em 0 1.8em;max-width:44ch}
.hero .lema b{display:block;margin-top:.6em;color:var(--azul)}
.banner.hero{display:grid}
.hero .slide{grid-area:1/1;position:relative;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}
.hero .slide.ativo{opacity:1;visibility:visible}
.seta{position:absolute;top:calc(50% - 130px);z-index:2;width:46px;height:46px;border:0;border-radius:50%;background:var(--branco);box-shadow:0 4px 12px rgba(0,0,0,.25);cursor:pointer}
.seta::after{content:"";position:absolute;inset:0;margin:auto;width:10px;height:10px;border:solid var(--azul);border-width:2.5px 2.5px 0 0;transform:translateX(-2px) rotate(45deg)}
.seta--ant{left:20px}
.seta--ant::after{transform:translateX(2px) rotate(-135deg)}
.seta--prox{right:20px}

.pilares{background:var(--branco);border-radius:28px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 10px 30px -10px rgba(0,0,0,.3)}
.pilar{display:flex;gap:16px;align-items:center;margin:20px 0;padding:4px 24px;color:var(--azul)}
.pilar + .pilar{border-left:1px solid #D5DBE6}
.pilar > svg{flex:none;width:36px;height:36px}
.pilar small{display:block;font-size:.9rem;font-weight:500;line-height:1.3}
.pilar b{display:block;font-size:1.1rem;line-height:1.3}
.pilar span{display:block;font-size:.88rem;line-height:1.3;color:#5A6585}

.centro{padding:72px 0;text-align:center}
.centro--cinza{background:var(--cinza)}
.icone-topo{width:96px;height:96px;border-radius:26px;background:var(--azul-claro);color:var(--azul);display:grid;place-items:center;margin:0 auto 18px}
.centro--cinza .icone-topo,.motivos .icone-topo{background:var(--branco)}
.icone-topo svg{width:64px;height:64px}
.titulo{font-size:clamp(1.9rem,3.2vw,2.6rem);color:var(--azul-medio);margin-bottom:.35em}
.chamada{font-size:1.2rem;font-weight:600;color:var(--azul);max-width:46ch;margin:0 auto 2rem}
.video{width:min(100%,360px);margin:0 auto;border-radius:16px;overflow:hidden;background:var(--azul-escuro);box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}

.dif--3{grid-template-columns:repeat(3,1fr)}
.dif .num{font-style:normal;font-weight:800;font-size:1.1rem;width:44px;height:44px;border-radius:50%;background:var(--vermelho);color:var(--branco);display:grid;place-items:center}
.banner .texto .mini{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.banner .texto .mini li{padding:14px;margin:0;background:var(--branco);border-radius:12px;display:flex;gap:10px;align-items:center;font-size:.95rem;font-weight:600;box-shadow:0 4px 12px -6px rgba(17,26,61,.2)}
.banner .texto .mini li::before{display:none}
.mini i{flex:none;width:36px;height:36px;border-radius:10px;background:var(--azul-claro);color:var(--vermelho);display:grid;place-items:center}
.mini i svg{width:19px;height:19px}
.onde{display:flex;justify-content:center;gap:44px;margin-bottom:2rem}
.onde div{color:var(--azul-medio);font-size:.9rem;width:110px}
.onde i{width:66px;height:66px;border-radius:14px;border:3px solid currentColor;display:grid;place-items:center;margin:0 auto 6px}
.onde i svg{width:34px;height:34px}
.onde div:nth-child(2){color:var(--vermelho)}
.onde div:nth-child(3){color:var(--azul)}

.b-telehelp{background:var(--azul-escuro)}
.b-telehelp .foto{-webkit-mask-image:linear-gradient(90deg,#000 65%,transparent);mask-image:linear-gradient(90deg,#000 65%,transparent)}
.b-telehelp .texto{text-align:right}
.b-telehelp .texto p{margin-left:auto;margin-bottom:1.8em;font-size:1.1rem;color:#C9D6EE}
.b-telehelp .texto .sub{color:#E8473B;font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:800;margin-bottom:.3em}
.b-telehelp .texto .th-chamada{color:var(--branco);font-size:clamp(1.3rem,2vw,1.6rem);font-weight:600;line-height:1.3;margin-bottom:.9em}

.b-app{background:var(--azul-claro);color:var(--azul)}
.b-app h2{color:var(--azul)}
.b-app .sub{color:var(--vermelho)}
.b-app .texto ul li::before{background:var(--vermelho)}

.nota-medico{background:var(--branco);border-left:4px solid var(--vermelho);padding:16px 20px;margin-bottom:1.8em;border-radius:0 10px 10px 0}
.nota-medico b{display:block;color:var(--vermelho)}

.th-passos{position:relative;z-index:1;background:#0B1433;border-top:1px solid rgba(255,255,255,.12)}
.th-passos .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding-top:48px;padding-bottom:132px;min-height:0;align-items:start}
.passo{display:flex;gap:18px;align-items:flex-start}
.passo b{display:block;color:var(--branco);font-size:1.15rem;margin-bottom:4px}
.passo span{color:#B9C5E2;font-size:.98rem}
.passo i{position:relative;flex:none;width:60px;height:60px;border-radius:50%;background:var(--vermelho);color:var(--branco);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:1.05rem}
.passo i svg{width:28px;height:28px}
.passo:first-child i::after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid var(--vermelho)}
@media (prefers-reduced-motion:no-preference){
  .passo:first-child i::after{animation:pulso 1.8s ease-out infinite}
  @keyframes pulso{from{transform:scale(1);opacity:.9}to{transform:scale(1.7);opacity:0}}
}
.rotulo{display:block;color:#FFB4AC;font-weight:700;text-transform:uppercase;font-size:.95rem;margin-bottom:.4em}

.b-cuidado{background:var(--branco);color:var(--texto)}
.b-cuidado h2{color:var(--azul)}
.b-cuidado .sub{color:var(--vermelho)}
.foto-lado{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px;box-shadow:0 20px 40px -20px rgba(17,26,61,.45)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.6em}
.tags span{background:var(--branco);color:var(--azul);border:1.5px solid var(--azul);font-weight:600;font-size:.92rem;padding:5px 16px;border-radius:999px}

.mockup{justify-self:center;width:min(340px,100%);height:auto;margin:40px 0;filter:drop-shadow(0 30px 40px rgba(17,26,61,.35))}

.direcao{position:relative;padding:0}
.b-escritorio{overflow:visible;padding-bottom:140px}
.b-escritorio .ondas{height:150px;bottom:-60px}
.motivos{padding-top:120px}
.direcao .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.direcao h2{font-size:clamp(1.9rem,3.2vw,2.6rem);color:var(--azul);margin-bottom:.5em}
.direcao p{margin-bottom:1em;max-width:56ch}
.numeros{display:flex;gap:48px;margin:1.6em 0 2em}
.numeros strong{display:block;font-size:3rem;font-weight:800;line-height:1;color:var(--vermelho)}
.numeros span{color:#5A6585;font-weight:600}
.fotos-direcao{order:-1;max-width:440px;width:100%;justify-self:center}
.fotos-direcao img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 15%}
.fotos-direcao figure{position:relative;border-radius:20px;overflow:hidden}

.dif{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:left;margin-bottom:3rem}
.dif.dif--3{grid-template-columns:repeat(3,1fr)}
.dif li{list-style:none;background:var(--branco);padding:22px 20px;border-radius:12px;border-top:4px solid var(--azul-medio);box-shadow:0 4px 14px -6px rgba(17,26,61,.18)}
.dif li:nth-child(4n+2),.dif li:nth-child(4n+4){border-top-color:var(--vermelho)}
.dif i{display:block;color:var(--azul-medio);margin-bottom:10px}
.dif i svg{width:30px;height:30px}
.dif b{display:block;color:var(--azul);font-size:1.02rem;margin-bottom:4px}
.dif span{font-size:.93rem;color:#5A6585}
.motivos{--onda-desce:60px;overflow:hidden;background:linear-gradient(var(--branco) var(--onda-desce),var(--azul-claro) var(--onda-desce),var(--branco) calc(var(--onda-desce) + 220px))}
.marquee{position:relative;width:100vw;margin-left:calc(50% - 50vw);display:grid;gap:8px;user-select:none}
.marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:min(16vw,220px);z-index:2;pointer-events:none}
.marquee::before{left:0;background:linear-gradient(90deg,var(--branco) 15%,rgba(255,255,255,0))}
.marquee::after{right:0;background:linear-gradient(270deg,var(--branco) 15%,rgba(255,255,255,0))}
.fileira{overflow:hidden;padding:10px 0;cursor:grab;touch-action:pan-y}
.fileira:active{cursor:grabbing}
.dif.faixa-cards{display:flex;gap:20px;width:max-content;margin:0;will-change:transform}
.dif.faixa-cards li{flex:0 0 300px;border:1px solid #E3E8F0;border-top:4px solid var(--azul-medio)}
.dif.faixa-cards li:nth-child(even){border-top-color:var(--vermelho)}
.fecho{font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:700;color:var(--azul);max-width:34ch;margin:2.6rem auto 1.6rem}
.fecho span{color:var(--vermelho)}

.b-depo{background:var(--azul-claro);color:var(--texto);text-align:center;padding:72px 0 162px}
.ondas{position:absolute;left:0;bottom:-1px;width:100%;height:90px;transform:scaleY(-1);fill:var(--azul);pointer-events:none}
.ondas--claro{fill:var(--azul-claro);z-index:2}
@media (max-width:560px){.b-depo{padding-bottom:117px}.ondas{height:45px}.th-passos .wrap{padding-bottom:88px}}
.b-depo h2{font-size:clamp(1.9rem,3.2vw,2.6rem);margin-bottom:.4em;color:var(--azul-medio)}
.b-depo .chamada{font-weight:400}
.juridico{padding:80px 0;background:var(--branco)}
.juridico .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.juridico .olho{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:.85rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--azul-medio)}
.juridico .olho::after{content:"";width:44px;height:2px;background:var(--vermelho)}
.juridico h2{font-size:clamp(1.9rem,3.2vw,2.6rem);color:var(--azul);margin-bottom:.4em}
.juridico-texto > p{font-size:1.15rem;color:var(--texto);max-width:42ch;margin-bottom:1.6em}
.juridico-sem{list-style:none;display:grid;gap:12px;margin-bottom:2rem}
.juridico-sem li{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;background:var(--cinza);border-left:4px solid var(--vermelho);font-size:1.1rem;font-weight:700;color:var(--azul)}
.juridico-sem i{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--vermelho);color:var(--branco)}
.juridico-sem svg{width:20px;height:20px}
.juridico-painel{padding:40px;border-radius:28px;background:var(--azul-claro)}
.juridico-painel h3{font-size:1.5rem;color:var(--azul);margin-bottom:.3em}
.juridico-painel p{color:#5A6585;margin-bottom:1.4em}
.juridico-painel ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.juridico-painel li{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:16px;background:var(--branco);font-weight:600;line-height:1.3;color:var(--azul);box-shadow:0 4px 14px -8px rgba(17,26,61,.25)}
.juridico-painel i{color:var(--azul-medio)}
.juridico-painel svg{display:block;width:28px;height:28px}
.depo-carrossel{position:relative;margin-top:2.4rem}
.depo-trilho{display:flex;align-items:flex-start;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 28px}
.depo-trilho::-webkit-scrollbar{display:none}
.depo-trilho img{flex:0 0 calc((100% - 40px) / 3);min-width:0;height:auto;scroll-snap-align:start;border-radius:16px;box-shadow:0 12px 26px -14px rgba(17,26,61,.35)}
.depo-carrossel .seta{top:calc(50% - 37px)}
.depo-carrossel .seta--ant{left:-24px}
.depo-carrossel .seta--prox{right:-24px}
.depo-trilho{cursor:grab}
.depo-trilho img{-webkit-user-drag:none;user-select:none}
.depo-pontos{display:flex;justify-content:center;gap:10px}
.depo-pontos button{width:11px;height:11px;padding:0;border:0;border-radius:50%;background:#B9C4D8;cursor:pointer;transition:width .25s,background .25s}
.depo-pontos button[aria-current]{width:28px;border-radius:6px;background:var(--azul)}

.final{background:var(--azul);color:var(--branco);text-align:center;padding:64px 0}
.final h2{font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:.4em}
.final p{max-width:52ch;margin:0 auto 1.8em;font-size:1.15rem;color:#C9D6EE}
.rodape{background:var(--azul-escuro);color:#A9B5D3;font-size:.95rem;padding:56px 0 0}
.rodape .wrap{display:grid;grid-template-columns:1.8fr 1.4fr 1fr 1fr;gap:32px}
.rodape h3{color:var(--branco);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.rodape-marca{display:flex;gap:16px;align-items:center}
.rodape-marca img{flex:none;width:76px;height:auto;background:var(--branco);border-radius:12px;padding:6px}
.endereco{display:inline-flex;gap:10px;align-items:flex-start;color:inherit;text-decoration:none;line-height:1.5}
.endereco svg{width:20px;height:20px;flex:none;margin-top:2px;color:var(--vermelho)}
.endereco:hover{color:var(--branco)}
.social{display:flex;gap:12px}
.social a{width:46px;height:46px;border-radius:8px;background:var(--azul-medio);color:var(--branco);display:grid;place-items:center}
.social svg{width:24px;height:24px}
.rodape .rodape-base{display:block;margin-top:40px;padding-top:20px;padding-bottom:28px;border-top:1px solid rgba(169,181,211,.2);font-size:.85rem}

.flutuante{position:fixed;right:20px;bottom:20px;z-index:30;width:62px;height:62px;border-radius:50%;background:#1FA855;color:var(--branco);display:grid;place-items:center;box-shadow:0 10px 24px -6px rgba(0,0,0,.4)}
.flutuante svg{width:32px;height:32px}

@media (max-width:1000px){
  .dif{grid-template-columns:repeat(2,1fr)}
  .rodape .wrap{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .juridico .wrap{grid-template-columns:1fr;gap:36px}
  .juridico-painel{padding:28px 20px}
  .depo-trilho img{flex-basis:85%}
  .depo-carrossel .seta--ant{left:4px}
  .depo-carrossel .seta--prox{right:4px}
  .faixa .wrap{gap:24px}
  .faixa span:nth-child(3){display:none}
  .topo .btn{display:none}
  .menu-btn{display:flex}
  .topo nav{position:fixed;top:var(--topo-fim,88px);right:0;width:min(300px,82vw);height:calc(100dvh - var(--topo-fim,88px));overflow-y:auto;background:var(--branco);flex-direction:column;gap:0;padding:4px 24px 12px;box-shadow:-14px 0 24px -12px rgba(17,26,61,.3);font-size:1.05rem;transform:translateX(100%);visibility:hidden}
  .topo.animar nav{transition:transform .3s,visibility .3s}
  .topo nav a{padding:14px 0;border-bottom:1px solid var(--cinza)}
  .topo nav a:last-child{border-bottom:0}
  .topo.aberto nav{transform:none;visibility:visible}
  .banner .wrap{grid-template-columns:1fr;min-height:0;width:100%}
  .banner .texto--dir{grid-column:1}
  .banner .foto{position:relative;width:100%;height:300px;-webkit-mask-image:none;mask-image:none}
  .banner{display:flex;flex-direction:column}
  .banner .foto--esq,.banner .foto--dir{order:-1}
  .hero .foto{position:absolute;top:0;left:0;right:0;height:320px;background-position:72% center}
  .hero .foto::after{background:linear-gradient(180deg,transparent 55%,var(--branco))}
  .hero .texto{padding-top:330px;padding-bottom:28px}
  .hero .wrap{padding-bottom:0}
  .hero-card{position:relative;bottom:auto;grid-area:2/1;padding-bottom:80px}
  .hero .ondas{height:70px}
  .seta{top:150px;width:40px;height:40px}
  .seta--ant{left:12px}
  .seta--prox{right:12px}
  .b-telehelp .texto{text-align:left}
  .pilares{grid-template-columns:1fr 1fr}
  .pilar{margin:0;padding:16px}
  .pilar + .pilar{border-left:0}
  .pilar:nth-child(even){border-left:1px solid #D5DBE6}
  .pilar:nth-child(n+3){border-top:1px solid #D5DBE6}
  .pilar > svg{width:28px;height:28px}
  .dif.dif--3{grid-template-columns:1fr}
  .foto-lado{order:-1;margin-top:56px}
  .direcao .wrap{grid-template-columns:1fr;gap:28px}
  .b-escritorio{padding-bottom:90px}
  .b-escritorio .ondas{height:80px;bottom:-32px}
  .direcao .numeros{margin-bottom:0}
  .motivos{padding-top:72px;--onda-desce:32px}
  .b-cuidado .wrap{gap:24px}
  .b-cuidado .texto{padding-top:0}
  .dif.faixa-cards li{flex-basis:260px}
  .mockup{margin:0 0 56px}
  .b-app .texto{padding-bottom:0}
}
@media (max-width:560px){
  .faixa span:nth-child(2){display:none}
  .topo img{height:60px}
  .topo .btn span{display:none}
  .dif{grid-template-columns:1fr}
  .banner .texto .mini{grid-template-columns:1fr}
  .onde{gap:16px}
  .numeros{gap:30px}
  .btn{font-size:1.05rem;padding:1.05em 1.9em}
  .rodape .wrap{grid-template-columns:1fr;text-align:center;gap:28px}
  .rodape-marca{flex-direction:column;gap:12px}
  .rodape-marca img{width:96px;border-radius:14px;padding:8px}
  .endereco{text-align:left}
  .social{justify-content:center}
  .social a{width:52px;height:52px}
}