:root{--indigo:#4043b1;--indigo-escuro:#2f3290;--indigo-deep:#16184a;--vinho:#8e2c52;--papel:#f5f5fa;--tinta:#17182b;--cinza:#535470;--linha:#e4e4ef;--erro:#9b1c1c;--ok:#1b6b3e}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--papel);color:var(--tinta);flex-direction:column;min-height:100vh;font-family:Archivo,Helvetica Neue,Arial,sans-serif;font-size:1.0625rem;line-height:1.55;display:flex}a{color:var(--indigo)}:focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #b9bbf5}.wrap{width:100%;max-width:40rem;margin:0 auto;padding:0 1.25rem}.topo{border-bottom:1px solid var(--linha);background:#fff}.topo-in{justify-content:space-between;align-items:center;padding-top:.9rem;padding-bottom:.9rem;display:flex}.topo img{width:clamp(130px,34vw,168px);height:auto;display:block}.topo-titulo{color:var(--indigo-deep);font-weight:700;font-stretch:87.5%}.principal{flex:1;padding-top:2rem;padding-bottom:3rem}h1{color:var(--indigo-deep);font-size:clamp(2rem,7vw,2.75rem);font-weight:800;font-stretch:75%;line-height:1}.sub{color:var(--cinza);margin-top:.6rem}.cartao{border:1px solid var(--linha);background:#fff;border-radius:16px;margin-top:1.5rem;padding:1.4rem}label{margin-bottom:.4rem;font-weight:600;display:block}input{width:100%;font:inherit;color:var(--tinta);background:#fff;border:1.5px solid #c8cadb;border-radius:10px;padding:.85rem .95rem;font-size:1.15rem}input:focus{border-color:var(--indigo);outline:none;box-shadow:0 0 0 3px #dcddf7}.botao{cursor:pointer;background:var(--indigo);color:#fff;width:100%;font:inherit;border:0;border-radius:999px;justify-content:center;align-items:center;margin-top:1rem;padding:.9rem 1rem;font-weight:700;text-decoration:none;display:flex}.botao:hover{background:var(--indigo-escuro)}.botao:disabled{opacity:.6;cursor:wait}.link{color:var(--indigo);font:inherit;cursor:pointer;background:0 0;border:0;padding:.6rem 0;font-weight:600;text-decoration:underline}.erro{color:var(--erro);margin-top:.75rem;font-weight:600}.nota{color:var(--cinza);margin-top:1rem;font-size:.925rem}.contrato{color:var(--cinza);margin-top:2rem;font-weight:700;font-stretch:87.5%}.fatura{border:1px solid var(--linha);background:#fff;border-radius:14px;margin-top:.9rem;padding:1.15rem}.fatura.vencida{border-left:4px solid var(--vinho)}.fatura-topo{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.valor{color:var(--indigo-deep);font-size:1.9rem;font-weight:800;font-stretch:75%;line-height:1.1}.venc{color:var(--cinza);font-size:.95rem}.venc.atrasada{color:var(--erro);font-weight:700}.acoes{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.9rem;display:grid}.acoes>*{text-align:center;min-height:2.9rem;font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:.6rem .5rem;font-size:.95rem;font-weight:700;text-decoration:none;display:flex}.acoes .primaria{background:var(--indigo);color:#fff;border:0}.acoes .secundaria{color:var(--indigo-deep);background:#fff;border:1.5px solid #c8cadb}.acoes .larga{grid-column:1/-1}.acoes>:disabled{opacity:.6;cursor:wait}.pix{background:var(--papel);word-break:break-all;border-radius:8px;margin-top:.75rem;padding:.6rem .75rem;font-family:ui-monospace,Menlo,monospace;font-size:.8rem}.aviso{margin-top:.6rem;font-size:.9rem}.aviso.ok{color:var(--ok);font-weight:600}.vazio{margin-top:1.5rem}.seguranca{border-left:4px solid var(--indigo);background:#fff;border-radius:6px;margin-top:2rem;padding:.9rem 1rem;font-size:.95rem}.barra{justify-content:space-between;align-items:center;gap:1rem;display:flex}.rodape{background:var(--indigo-deep);color:#c6c7e6;padding:1.4rem 0;font-size:.85rem}.rodape a{color:#fff}@media (max-width:420px){.acoes{grid-template-columns:1fr}}