/* /loteca — a página do concurso da vez. Leitora típica: 60+, no celular.
   Letra grande, contraste alto, um botão por tela e alvos de toque de 48px.
   Cores e fonte são as do site: fundo #f7f7f5 e vermelho #E30714 da página da
   comunidade, cartões brancos e a fonte dos artigos do blog. */
.lt-pagina{margin:0;background:#f7f7f5;color:#202124;font:17px/1.55 "Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-text-size-adjust:100%}
.lt-topo{background:#fff;border-bottom:1px solid #edf0f2;box-shadow:0 2px 10px rgba(18,32,44,.06)}
.lt-topo div{max-width:720px;margin:0 auto;padding:10px 16px}
.lt-topo img{width:200px;max-width:60vw;height:auto;display:block}
.lt{max-width:720px;margin:0 auto;padding:18px 16px 40px}
.lt h1{margin:0 0 12px;font-size:27px;line-height:1.2;font-weight:800;color:#202124}
.lt h2{margin:0 0 12px;font-size:20px;line-height:1.25;font-weight:700;color:#202124}
.lt a{color:#b81230}

.lt-situacao{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:7px 14px;border-radius:999px;font-size:15px;font-weight:600;background:#e8f5ed;color:#0d7a3e}
.lt-situacao span{width:9px;height:9px;border-radius:50%;background:currentColor;flex:none}
.lt-situacao.lt-vivo{background:#fde9ea;color:#b50922}
.lt-situacao.lt-vivo span{animation:lt-pulso 1.4s ease-in-out infinite}
.lt-situacao.lt-espera{background:#fdf1d8;color:#7a4d00}
.lt-situacao.lt-fim{background:#e8ebf0;color:#3a4657}
@keyframes lt-pulso{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.lt-situacao.lt-vivo span{animation:none}}

.lt-ficha{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}
.lt-ficha div{background:#fff;border:1px solid #e3e4e7;border-radius:14px;padding:10px 12px}
.lt-ficha div:nth-child(3){grid-column:1 / -1}
.lt-ficha dt{font-size:13px;color:#5f6368;text-transform:uppercase;letter-spacing:.05em}
.lt-ficha dd{margin:2px 0 0;font-size:18px;line-height:1.25;font-weight:700;color:#202124}
.lt-ficha small{display:block;margin-top:4px;font-size:14px;font-weight:400;line-height:1.4;color:#0d7a3e}

.lt-acao{margin:0 0 22px}
.lt-botao{display:block;min-height:52px;box-sizing:border-box;padding:14px 18px;border-radius:14px;background:#E30714;color:#fff !important;font-size:19px;font-weight:700;text-align:center;text-decoration:none}
.lt-botao:hover,.lt-botao:focus{background:#b50922}
.lt-acao p{margin:8px 2px 0;font-size:15px;color:#5f6368}

.lt-bloco{background:#fff;border:1px solid #e3e4e7;border-radius:16px;padding:16px 14px;margin:0 0 16px}
.lt-nota{margin:12px 2px 0;font-size:15px;color:#5f6368}
.lt-nota-topo{margin:-4px 2px 10px}
.lt-andamento .lt-situacao{margin-bottom:12px}
.lt-andamento .lt-acao{margin:0}

.lt-jogos{list-style:none;margin:0;padding:0}
.lt-jogo{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #eceef0}
.lt-jogo:first-child{border-top:0}
.lt-n{width:28px;height:28px;border-radius:50%;background:#202124;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
.lt-times{display:flex;flex-direction:column;gap:4px;min-width:0}
.lt-time{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lt-time img,.lt-time i{width:22px;height:22px;flex:none;object-fit:contain}
.lt-time>span{overflow:hidden;text-overflow:ellipsis}
.lt-x{flex:none;font-style:normal;font-weight:400;font-size:15px;color:#8a8f96}
.lt-time i{border-radius:50%;background:#e3e4e7}
.lt-quando,.lt-placar{text-align:right;line-height:1.25}
.lt-quando b{display:block;font-size:17px}
.lt-quando small,.lt-placar small{display:block;font-size:13px;color:#5f6368}
.lt-placar b{display:block;font-size:19px;line-height:26px;min-width:22px;text-align:center}
.lt-placar{display:grid;grid-template-columns:auto;justify-items:center}
.lt-jogo-vivo .lt-placar b{color:#b50922}
.lt-jogo-vivo .lt-placar small{color:#b50922;font-weight:600}

.lt-video{display:block;position:relative;border-radius:12px;overflow:hidden;text-decoration:none;background:#202124}
.lt-video img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;opacity:.9}
.lt-video span{display:block;padding:12px 14px;color:#fff;font-weight:600}
.lt-video-vivo span{background:#E30714}
.lt-live{margin-top:14px}

.lt-mais ul{list-style:none;margin:0;padding:0}
.lt-mais li{border-top:1px solid #eceef0}
.lt-mais li:first-child{border-top:0}
.lt-mais a{display:block;min-height:48px;padding:11px 2px;text-decoration:none}
.lt-mais b{display:block;font-size:17px;color:#b81230}
.lt-mais span{display:block;font-size:15px;color:#5f6368}

.lt-texto{padding:18px 16px}
.lt-texto h2{margin-top:26px}
.lt-texto h2:first-of-type{margin-top:0}
.lt-texto h3{margin:20px 0 6px;font-size:18px;line-height:1.3;color:#202124}
.lt-texto p,.lt-texto li{font-size:17px;line-height:1.65;color:#202124}
.lt-texto p{margin:0 0 14px}
.lt-texto ul,.lt-texto ol{margin:0 0 14px;padding-left:22px}
/* A tabela de preços vem do artigo dentro de <figure>, que o navegador recua 40px:
   sem zerar, ela saía deslocada e cortada à direita no celular. */
.lt-texto figure{margin:0 0 14px}
.lt-texto .loteca-table-responsive{margin:0;overflow-x:auto}
.lt-texto table{width:100%;max-width:100%;margin:0;border-collapse:collapse;font-size:16px}
.lt-texto small{font-size:14px;color:#5f6368}
@media (min-width:560px){.lt h1{font-size:32px}.lt-ficha{grid-template-columns:1fr 1fr 1.4fr}.lt-ficha div:nth-child(3){grid-column:auto}.lt-jogo{grid-template-columns:34px minmax(0,1fr) auto}.lt-times{flex-direction:row;gap:10px}.lt-time{flex:1}.lt-time:first-child{justify-content:flex-end;text-align:right}.lt-time:first-child img{order:2}.lt-time:first-child .lt-x{order:3;margin-left:6px}}