/* Zavarise Apps — site institucional. Marca: azul-marinho + dourado; divisões coloridas via --cor. */
:root{
  --marinho:#14213D; --marinho-2:#0B1630; --ouro:#D4A537; --ouro-2:#B8891E;
  --verde:#1B5E20; --teal:#00695C; --indigo:#3949AB;
  --fundo:#F7F8FA; --papel:#FFFFFF; --texto:#1B1F2A; --texto-2:#4B5563; --texto-3:#6B7280; --linha:#E5E7EB;
  --raio:18px; --sombra:0 10px 30px rgba(20,33,61,.08); --sombra-2:0 20px 50px rgba(20,33,61,.16);
  --fonte:'Inter',system-ui,-apple-system,sans-serif; --titulo:'Outfit',var(--fonte);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:var(--fonte);color:var(--texto);background:var(--fundo);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--titulo);line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2rem,4.5vw,3.4rem);font-weight:800}
h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700}
h3{font-size:1.15rem;font-weight:700}
p{margin:0 0 1em}
.lead{font-size:1.15rem;color:var(--texto-2);max-width:62ch}
.wrap{width:min(1180px,100% - 32px);margin-inline:auto}
.centro{text-align:center}
.ms{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:24px;line-height:1;display:inline-block;vertical-align:middle;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 1}
.sobre{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ouro-2);margin-bottom:.6rem}
.sobre--claro{color:var(--ouro)}
.mini{font-size:.85rem;color:var(--texto-3)}
.mini a{text-decoration:underline}

/* topo */
.topo{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--linha)}
.topo__in{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:16px}
.marca{display:flex;align-items:center;gap:10px;font-family:var(--titulo);font-weight:700;font-size:1.25rem;color:var(--marinho)}
.marca img{border-radius:10px}
.marca b{color:var(--ouro-2);font-weight:800}
.marca--clara{color:#fff}.marca--clara b{color:var(--ouro)}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{padding:8px 12px;border-radius:10px;font-weight:500;color:var(--texto-2);font-size:.95rem}
.nav a:hover,.nav a.ativo{background:var(--fundo);color:var(--marinho)}
.idiomas{display:flex;gap:2px;margin-left:8px;padding-left:10px;border-left:1px solid var(--linha)}
.idiomas a{padding:6px 7px;border-radius:8px;font-size:.8rem;font-weight:600;color:var(--texto-3)}
.idiomas a span{display:none}
.idiomas a.ativo{background:var(--marinho);color:#fff}
.idiomas a.ativo span,.idiomas a:hover span{display:inline}
.aviso-idioma{margin:-6px 0 12px}
@media (max-width:820px){.idiomas{border-left:0;padding:10px 0 0;margin:6px 0 0;border-top:1px solid var(--linha);flex-wrap:wrap}.idiomas a span{display:inline}}
.menu-btn{display:none;background:none;border:0;padding:10px;cursor:pointer}
.menu-btn span{display:block;width:22px;height:2px;background:var(--marinho);margin:4px 0;border-radius:2px}
@media (max-width:820px){
  .menu-btn{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;flex-direction:column;padding:12px 16px 18px;border-bottom:1px solid var(--linha);box-shadow:var(--sombra)}
  .nav.aberto{display:flex}
  .nav a{padding:12px 14px;font-size:1.05rem}
}

/* botões */
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;font-weight:600;font-size:.95rem;border:1.5px solid transparent;transition:transform .15s,box-shadow .15s;white-space:nowrap}
.btn:hover{transform:translateY(-1px);box-shadow:var(--sombra)}
.btn--g{padding:14px 22px;font-size:1.05rem}
.btn--play{background:var(--marinho);color:#fff}
.btn--ouro{background:var(--ouro);color:var(--marinho-2)}
.btn--verde{background:var(--verde);color:#fff}
.btn--teal{background:var(--teal);color:#fff}
.btn--sec{background:transparent;border-color:currentColor;color:var(--marinho)}
.hero .btn--sec,.cta .btn--sec{color:#fff}
.btn--branco{background:#fff;color:var(--marinho)}
.btn--apple{background:#1C1C1E;color:#fff}

/* hero da home */
.hero{background:linear-gradient(135deg,var(--marinho-2) 0%,var(--marinho) 55%,#1E3A6E 100%);color:#fff;padding:64px 0 56px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto -10% -40% auto;width:60%;aspect-ratio:1;background:radial-gradient(circle,rgba(212,165,55,.22),transparent 60%);pointer-events:none}
.hero .lead{color:rgba(255,255,255,.82)}
.hero__in{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center;position:relative}
.hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.hero__num{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hero__num div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--raio);padding:20px}
.hero__num b{display:block;font-family:var(--titulo);font-size:2.4rem;font-weight:800;color:var(--ouro);line-height:1}
.hero__num span{font-size:.9rem;color:rgba(255,255,255,.78)}
@media (max-width:900px){.hero__in{grid-template-columns:1fr}.hero{padding:44px 0}}

/* seções */
section{padding:56px 0}
.destaques{background:var(--papel)}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.grade--3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.grade--4{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.card{display:flex;align-items:center;gap:16px;background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);padding:16px;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative}
.card:hover{transform:translateY(-3px);box-shadow:var(--sombra-2);border-color:var(--cor,var(--marinho))}
.card__icone{width:72px;height:72px;border-radius:18px;flex:none;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.card__txt{flex:1;min-width:0}
.card h3{margin:0 0 4px;font-size:1.05rem}
.card p{margin:0 0 8px;font-size:.9rem;color:var(--texto-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card>.ms{color:var(--cor,var(--marinho));flex:none}
.card__selos{display:flex;flex-wrap:wrap;gap:6px}
.selo{font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--fundo);color:var(--texto-2);border:1px solid var(--linha)}
.selo--tipo{background:color-mix(in srgb,var(--cor,var(--marinho)) 10%,#fff);color:var(--cor,var(--marinho));border-color:transparent}
.selo--apple{background:#1C1C1E;color:#fff;border-color:transparent;display:inline-flex;align-items:center;gap:4px}
.selo--apple .ms{font-size:14px}

.div{border-top:1px solid var(--linha)}
.div__cab{display:flex;gap:20px;align-items:flex-start;margin-bottom:28px}
.div__ico{width:64px;height:64px;border-radius:18px;background:var(--cor);color:#fff;display:grid;place-items:center;flex:none}
.div__ico .ms{font-size:34px}
.div .sobre{color:var(--cor)}
.div .btn--sec{color:var(--cor)}
.div .centro{margin-top:26px}
.sub-idioma{margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--linha)}

.iphone{background:linear-gradient(135deg,#1C1C1E,#3A3A3C);color:#fff}
.iphone .lead{color:rgba(255,255,255,.82)}
.iphone__in{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.iphone__in img{justify-self:center;max-height:420px;width:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
@media (max-width:820px){.iphone__in{grid-template-columns:1fr}.iphone__in img{max-height:320px}}

.empresa{background:var(--papel);border-top:1px solid var(--linha)}
.empresa__in{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}
@media (max-width:900px){.empresa__in{grid-template-columns:1fr}}
.ficha{margin:0;display:grid;gap:0;border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;background:var(--fundo)}
.ficha div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:12px 16px;border-bottom:1px solid var(--linha);font-size:.93rem}
.ficha div:last-child{border-bottom:0}
.ficha dt{color:var(--texto-3);font-weight:500}.ficha dd{margin:0;font-weight:500}
.ficha a{color:var(--marinho);text-decoration:underline}
.ficha--card{background:var(--papel);box-shadow:var(--sombra)}
@media (max-width:520px){.ficha div{grid-template-columns:1fr;gap:2px}}

/* páginas internas */
.hero--div{background:linear-gradient(135deg,var(--cor2,var(--marinho-2)),var(--cor,var(--marinho)));padding:56px 0}
.hero--app{padding:56px 0 48px}
.hero__app{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center}
.hero__icone{width:160px;height:160px;border-radius:36px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
@media (max-width:700px){.hero__app{grid-template-columns:1fr;text-align:center}.hero__icone{margin:0 auto;width:120px;height:120px;border-radius:28px}.hero__app .hero__btns{justify-content:center}.hero__app .lead{margin-inline:auto}}
.preco{font-family:var(--titulo);font-weight:700;color:var(--ouro);font-size:1.1rem}
.faixa{background:var(--papel);border-bottom:1px solid var(--linha);padding:36px 0}
.faixa__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.faixa .ms{font-size:30px;color:var(--verde)}
.faixa h3{margin:8px 0 4px;font-size:1.05rem}.faixa p{margin:0;color:var(--texto-2);font-size:.92rem}
.rec{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);padding:22px}
.rec .ms{font-size:32px;color:var(--cor,var(--marinho));margin-bottom:10px}
.rec h3{font-size:1.05rem;margin-bottom:6px}.rec p{margin:0;color:var(--texto-2);font-size:.93rem}
.rec--link:hover{box-shadow:var(--sombra-2);transform:translateY(-3px)}
.recursos{background:var(--fundo)}
.passos{background:var(--papel)}
.passos__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.passos__lista li{display:flex;gap:16px;align-items:flex-start}
.passos__lista b{flex:none;width:44px;height:44px;border-radius:50%;background:var(--ouro);color:var(--marinho-2);display:grid;place-items:center;font-family:var(--titulo);font-size:1.2rem}
.passos__lista h3{margin-bottom:4px;font-size:1.05rem}.passos__lista p{margin:0;color:var(--texto-2);font-size:.93rem}
.faq details{background:var(--papel);border:1px solid var(--linha);border-radius:14px;padding:16px 20px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:600;font-family:var(--titulo);font-size:1.05rem}
.faq details p{margin:10px 0 0;color:var(--texto-2)}
.cta{background:linear-gradient(135deg,var(--cor2,var(--marinho-2)),var(--cor,var(--marinho)));color:#fff}
.cta .hero__btns{justify-content:center}
.cta .mini{color:rgba(255,255,255,.7);margin-top:18px}
.outros{background:var(--papel);border-top:1px solid var(--linha)}
.texto{background:var(--papel)}
.texto__in{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:start}
@media (max-width:900px){.texto__in{grid-template-columns:1fr}}
.texto a:not(.btn){color:var(--marinho);text-decoration:underline}
.texto__doc{max-width:78ch}.texto__doc h2{font-size:1.35rem;margin-top:1.6em}
.texto__doc ul{padding-left:1.2em}.texto__doc li{margin-bottom:.5em}
.iphone-card{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start;background:var(--fundo);border:1px solid var(--linha);border-radius:var(--raio);padding:28px;margin-bottom:36px}
.iphone-card img{border-radius:28px;box-shadow:var(--sombra)}
@media (max-width:640px){.iphone-card{grid-template-columns:1fr}}

/* rodapé */
.rodape{background:var(--marinho-2);color:rgba(255,255,255,.8);padding:48px 0 0;margin-top:0}
.rodape__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:32px}
.rodape h4{color:#fff;font-size:.95rem;margin-bottom:12px}
.rodape a{display:block;padding:4px 0;font-size:.92rem}
.rodape a:hover{color:var(--ouro)}
.rodape__desc{font-size:.9rem;margin-top:12px;max-width:40ch}
.rodape__legal p{font-size:.88rem;line-height:1.6}
.rodape__legal a{display:inline;text-decoration:underline}
.rodape__fim{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding:18px 0;font-size:.8rem;color:rgba(255,255,255,.55)}
@media (max-width:900px){.rodape__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.rodape__grid{grid-template-columns:1fr}}

.bandeira{display:inline-block;width:20px;height:14px;border-radius:3px;vertical-align:-2px;box-shadow:0 0 0 1px rgba(0,0,0,.12);object-fit:cover}
.selo .bandeira{width:16px;height:11px;margin-right:2px}
/* ── página de app personalizada (prints, números, sobre) ── */
.app-num{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px}
.app-num span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 14px;font-size:.92rem;color:#fff}
.app-num .ms{font-size:18px;color:var(--ouro)}
.galeria{background:var(--papel);padding:48px 0}
.galeria__trilho{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 18px;-webkit-overflow-scrolling:touch}
.galeria__trilho img{flex:0 0 auto;width:220px;height:auto;border-radius:20px;border:1px solid var(--linha);box-shadow:var(--sombra);scroll-snap-align:start}
@media (max-width:560px){.galeria__trilho img{width:62vw}}
.sobre-app{background:var(--papel)}
.sobre-app__in{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.sobre-app__in p{color:var(--texto-2);font-size:1.05rem}
.sobre-app__cta{background:var(--fundo);border:1px solid var(--linha);border-radius:var(--raio);padding:26px;text-align:center}
.sobre-app__cta img{width:96px;height:96px;border-radius:24px;box-shadow:var(--sombra);margin:0 auto 12px}
.sobre-app__cta h3{margin-bottom:4px}.sobre-app__cta p{font-size:.92rem;margin:0 0 14px}
@media (max-width:900px){.sobre-app__in{grid-template-columns:1fr}}
.grade--3.recs6{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.grade--3.recs6{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.grade--3.recs6{grid-template-columns:1fr}}
/* carrossel dos prints */
.carrossel{position:relative}
.galeria__trilho{scrollbar-width:none}
.galeria__trilho::-webkit-scrollbar{display:none}
.carrossel__seta{position:absolute;top:calc(50% - 32px);width:48px;height:48px;border-radius:50%;border:0;background:var(--papel);box-shadow:var(--sombra-2);color:var(--marinho);cursor:pointer;display:grid;place-items:center;z-index:2;transition:opacity .2s}
.carrossel__seta .ms{font-size:28px}
.carrossel__seta--ant{left:-12px}.carrossel__seta--prox{right:-12px}
.carrossel__seta:disabled{opacity:0;pointer-events:none}
.carrossel__pontos{display:flex;justify-content:center;gap:8px;margin-top:6px}
.carrossel__pontos button{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:var(--linha);cursor:pointer}
.carrossel__pontos button.ativo{background:var(--cor,var(--marinho));width:22px;border-radius:5px}
.carrossel--cabe .carrossel__seta,.carrossel--cabe .carrossel__pontos{display:none}
@media (max-width:560px){.carrossel__seta{display:none}}