/* App Talkvia: selos das lojas e telas do celular (home e /app-talkvia). */
.app-stores{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.app-store{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:8px 18px 8px 14px;border-radius:12px;background:#0b1b30;color:#fff;text-decoration:none;border:1px solid #0b1b30;transition:background .15s ease,transform .15s ease}
.app-store:hover{background:#1d4ed8;border-color:#1d4ed8}
.app-store:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.app-store svg{width:24px;height:24px;flex:none;fill:currentColor}
.app-store span{display:flex;flex-direction:column;line-height:1.1;text-align:left}
.app-store small{font-size:11px;font-weight:600;opacity:.85}
.app-store strong{font-size:17px;font-weight:800;letter-spacing:-.01em}
.app-store.is-soon{background:#fff;color:#475569;border:1px dashed #94a3b8;cursor:default}
.app-store.is-soon:hover{background:#fff;border-color:#94a3b8}
.app-store-note{margin-top:12px;font-size:13px;line-height:1.6;color:#64748b}

/* Aparelhos: proporções do iPhone Pro (402×874 pt) e do iPad Pro 13" (1376×1032 pt). */
.dev{margin:0;container-type:inline-size;position:relative}
.dev img{display:block;width:100%;flex:1 1 auto;min-height:0;object-fit:cover;object-position:top;background:#f4f4f5}
.dev-status{display:flex;align-items:center;justify-content:space-between;flex:none;background:#f4f4f5;color:#09090b;font-family:-apple-system,"SF Pro Text",Inter,system-ui,sans-serif;font-weight:600;letter-spacing:-.01em}
.dev-status svg{display:block;fill:currentColor}
.dev-status-icons{display:flex;align-items:center}

.dev-iphone{width:100%;aspect-ratio:71.5/149.6}
.dev-iphone-bezel{height:100%;padding:2.35cqw;border:1.25cqw solid transparent;border-radius:17.4cqw;background:linear-gradient(#050506,#050506) padding-box,linear-gradient(145deg,#e3e5e8 0%,#8c9096 18%,#55595f 45%,#a7abb1 70%,#e3e5e8 100%) border-box;box-shadow:0 40px 70px -24px rgba(11,27,48,.45),0 14px 28px -12px rgba(11,27,48,.3)}
.dev-iphone-screen{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:13.8cqw;background:#f4f4f5}
.dev-iphone .dev-status{height:13.4cqw;padding:2cqw 7.5cqw 0 9.5cqw;font-size:4.3cqw}
.dev-iphone .dev-status-icons{gap:1.6cqw}
.dev-iphone .dev-status-icons svg{height:3.1cqw;width:auto}
.dev-island{position:absolute;top:2.6cqw;left:50%;width:30.5cqw;height:9cqw;transform:translateX(-50%);border-radius:5cqw;background:#000;z-index:2}
.dev-island::after{content:"";position:absolute;top:50%;right:5.2cqw;width:3cqw;height:3cqw;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 35% 35%,#2b3a55 0 25%,#0b0f18 60%)}
.dev-home{position:absolute;left:50%;bottom:2cqw;width:34cqw;height:1.25cqw;transform:translateX(-50%);border-radius:1cqw;background:#09090b;z-index:2}
.dev-btn{position:absolute;width:.9cqw;border-radius:.6cqw;background:linear-gradient(90deg,#6b7077,#c5c8cc)}
.dev-btn.is-action{left:-.55cqw;top:19%;height:6%}
.dev-btn.is-vol-up{left:-.55cqw;top:28%;height:9.5%}
.dev-btn.is-vol-down{left:-.55cqw;top:39.5%;height:9.5%}
.dev-btn.is-power{right:-.55cqw;top:30%;height:14%;background:linear-gradient(270deg,#6b7077,#c5c8cc)}
.dev-btn.is-camera{right:-.4cqw;top:56%;height:8%;width:.7cqw;background:linear-gradient(270deg,#4b4f55,#9ca0a5)}

.dev-ipad{width:100%;aspect-ratio:281.6/215.5}
.dev-ipad-bezel{position:relative;height:100%;padding:3cqw;border:.45cqw solid transparent;border-radius:6.3cqw;background:linear-gradient(#050506,#050506) padding-box,linear-gradient(150deg,#eef0f2,#9fa3a9 40%,#c9ccd0 75%,#eef0f2) border-box;box-shadow:0 40px 70px -30px rgba(11,27,48,.35),0 14px 28px -14px rgba(11,27,48,.22)}
.dev-ipad-bezel::before{content:"";position:absolute;top:1.1cqw;left:50%;width:.75cqw;height:.75cqw;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 35% 35%,#2b3a55 0 25%,#0b0f18 65%)}
.dev-ipad-screen{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:2.6cqw;background:#f4f4f5}
.dev-ipad .dev-status{height:2.3cqw;padding:0 2.2cqw;font-size:1.15cqw}
.dev-ipad .dev-status-icons{gap:.6cqw}
.dev-ipad .dev-status-icons svg{height:1cqw;width:auto}
.dev-ipad .dev-home{bottom:3.9cqw;width:22cqw;height:.45cqw}

.app-devices{position:relative;width:100%;max-width:640px;margin-inline:auto;padding:0 4% 7% 0}
.app-devices .dev-ipad{width:86%}
.app-devices .dev-iphone{position:absolute;right:0;bottom:0;width:27%}
.app-gallery{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,.62fr) minmax(0,.62fr);gap:28px;align-items:end}
.app-gallery figcaption{margin-top:14px;font-size:12px;color:#64748b;text-align:center}
.app-phones-note{margin-top:28px;font-size:12px;line-height:1.6;color:#64748b;text-align:center}

.app-home{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px 56px;align-items:center}
.app-home-list{display:grid;gap:10px;margin:24px 0 28px;padding:0;list-style:none}
.app-home-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.55;color:#334155}
.app-home-list li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:50%;background:#dbeafe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d4ed8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
.app-home-more{display:inline-flex;margin-top:18px;font-size:14px;font-weight:700;color:#1d4ed8}
.app-home-more:hover{text-decoration:underline}

@media (max-width:1023px){.app-home{grid-template-columns:minmax(0,1fr)}.app-gallery{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.app-gallery>:first-child{grid-column:1/-1}}
@media (max-width:560px){
  .app-store{flex:1 1 100%;justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){.app-store{transition:none}}

/* Fundos escuros (hero e fechamento da página do app). */
.corporate-site :is(.pp-hero,.pp-closing) a.app-store.app-store{background:#fff;color:#0b1b30;border-color:#fff}
:is(.pp-hero,.pp-closing) .app-store :is(span,small,strong){color:inherit}
:is(.pp-hero,.pp-closing) .app-store:hover{background:#dbeafe;border-color:#dbeafe}
:is(.pp-hero,.pp-closing) .app-store.is-soon{background:transparent;color:#cbd5e1;border-color:rgba(203,213,225,.6)}
:is(.pp-hero,.pp-closing) .app-store.is-soon:hover{background:transparent}
.pp-hero .app-stores{margin-top:28px}