/* texto à esquerda, Mac em cima e Windows embaixo à direita */
.area.baixar { max-width: 1060px; gap: 40px; }
.baixar-topo { display: grid; grid-template-columns: 1fr minmax(0, 460px); gap: 56px; align-items: center; min-height: calc(100vh - var(--altura-topo, 104px) - 160px); }
.baixar-txt { display: grid; gap: 16px; align-content: center; }
.baixar-txt h1 { font-size: clamp(36px, 5vw, 60px); font-weight: 300; letter-spacing: -.035em; line-height: 1.04; }
.baixar-txt .lead { margin: 0; }
.downloads { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (max-width: 860px) { .baixar-topo { grid-template-columns: 1fr; gap: 28px; min-height: 0; } }
/* como começar e requisitos: menores, para o destaque ficar nos botões */
.baixar-info { display: grid; grid-template-columns: 1.3fr 1fr; gap: 14px; align-items: start; }
@media (max-width: 860px) { .baixar-info { grid-template-columns: 1fr; } }
.baixar-info .caixa { padding: 20px 22px; }
.baixar-info h2 { font-size: 16px !important; font-weight: 500; margin-bottom: 10px !important; }
.baixar-info, .baixar-info .nota { font-size: 13px; }
.plat { transition: border-color .2s, transform .2s; } .plat:hover { border-color: rgba(51, 149, 255, .5); transform: translateY(-2px); }
.plat { background: var(--cartao); border: 1.5px solid var(--linha); border-radius: 18px; padding: 24px; display: grid; gap: 10px; align-content: start; }
.plat.dest { border-color: var(--azul); box-shadow: 0 0 40px rgba(51, 149, 255, .12); }
.plat h2 { margin: 0; font-size: 26px; font-weight: 400; max-width: none; } .plat .sub-p { color: var(--mudo); margin: 0; font-size: 15px; }
.plat .btn[aria-disabled=true] { background: #1B2B4A; color: var(--mudo); cursor: not-allowed; pointer-events: none; }
.sha { font: 12px ui-monospace, Menlo, monospace; color: var(--mudo); word-break: break-all; }
.passos-baixar ol { margin: 0; padding-left: 18px; display: grid; gap: 8px; color: var(--mudo); font-size: 13px; line-height: 1.5; } .passos-baixar li b { color: var(--texto); }
.req { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; color: var(--mudo); font-size: 13px; } @media (max-width: 720px) { .req { grid-template-columns: 1fr; } }
.req h3 { margin: 0 0 6px; color: var(--texto); font-size: 14px; font-weight: 500; } .req ul { margin: 0; padding-left: 20px; }