/* Ajustes de leitura solicitados para todas as páginas comerciais, sem mudar ofertas. */
/* O voltar da campanha fica sobre papel, inclusive quando o mouse permanece nele. */
body.campanha-venda .loja-produto-nav .loja-voltar,
body.campanha-venda .loja-produto-nav .loja-voltar:is(:hover,:focus-visible) { color:var(--camp-ink); }
body.campanha-venda .loja-produto-nav .loja-voltar:hover { text-decoration:underline; text-underline-offset:.2em; }
body.campanha-venda .loja-produto-nav .loja-voltar:focus-visible { outline:2px solid var(--camp-ink); outline-offset:4px; }
body:is(.campanha-venda,.venda-ecossistema) [data-autor] .loja-autor h2 {
  max-width: 52rem; margin: .45rem 0 .55rem; font-family: inherit;
  font-size: 1.3rem; line-height: 1.45; font-weight: 600; letter-spacing: -.01em;
}
body:is(.campanha-venda,.venda-ecossistema) .loja-autor { padding: 28px 32px; }
body:is(.campanha-venda,.venda-ecossistema) .loja-autor :is(.loja-autor-titulo,.loja-autor-lista li) {
  font-size: 1rem; line-height: 1.6;
}
body:is(.campanha-venda,.venda-ecossistema) :is(.loja-cfm-linha,.loja-dado-nota,.loja-checkout-aviso,.loja-spi-em-breve,.loja-oferta-parcela,.loja-oferta-preco>span,.spi-nota,.spi-tira-dica,.spi-neuro-pe) {
  font-size: .96rem; line-height: 1.6;
}
body:is(.campanha-venda,.venda-ecossistema) :is(.spi-pontos span,.spi-passos p,.spi-grade p,.loja-jornada p) { font-size: 1rem; line-height: 1.65; }
body:is(.campanha-venda,.venda-ecossistema) .loja-problema-lista>div { display:grid; gap:8px; padding:20px 24px; border-bottom:1px solid #b5b7b54d; }
body:is(.campanha-venda,.venda-ecossistema) .loja-problema-lista>div:last-child { border-bottom:0; }
body:is(.campanha-venda,.venda-ecossistema) .loja-problema-lista>div>b { font-family:inherit; font-size:1.25rem; line-height:1.4; font-weight:600; }
body:is(.campanha-venda,.venda-ecossistema) .loja-problema-lista>div>span { display:block; font-size:1.05rem; line-height:1.65; }
/* A página Plantão mostra o print inteiro, maior e sem sobrepor uma tela à outra. */
body.venda-plantao .spi-dif { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); column-gap:48px; }
body.venda-plantao .spi-dif-rev { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); }
body.venda-plantao .spi-par { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:12px 0; align-items:start; }
body.venda-plantao .spi-par .spi-phone { width:100%; max-width:none; min-width:0; margin:0; transform:none; }
body.venda-plantao .spi-par .spi-phone+.spi-phone { margin:0; transform:none; }
body.venda-plantao .spi-tira { width:min(100%,760px); margin:28px auto 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; overflow:visible; }
body.venda-plantao .spi-tira figure { width:100%; min-width:0; margin:0; }
body.venda-plantao .spi-tira .spi-phone { width:100%; max-width:none; }
body.venda-plantao .spi-solo { width:min(100%,340px); }
body.venda-plantao .spi-phone img { height:auto; object-fit:contain; cursor:zoom-in; }
body.venda-plantao .spi-ampliar { display:inline-flex; align-items:center; gap:8px; margin-top:12px; padding:10px 15px; min-height:44px; border:1px solid currentColor; border-radius:4px; background:transparent; color:inherit; font:600 .95rem/1.4 CampanhaSans,sans-serif; cursor:zoom-in; }
body.venda-plantao .spi-phone .spi-ampliar { margin:12px 8px 8px; color:#f7f2e8; }
.spi-imagem-dialogo { padding:0; width:min(1040px,calc(100% - 32px)); max-width:1040px; max-height:calc(100dvh - 32px); overflow:auto; border:1px solid #c0b493; border-radius:6px; background:#101b2a; color:#f7f2e8; }
.spi-imagem-dialogo::backdrop { background:#08111bdf; }
.spi-imagem-dialogo .spi-imagem-cab { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 20px; background:#101b2a; border-bottom:1px solid #ffffff33; }
.spi-imagem-dialogo .spi-imagem-cab p { margin:0; max-width:48rem; color:#f7f2e8; font:400 1rem/1.5 CampanhaSans,sans-serif; }
.spi-imagem-dialogo .spi-imagem-fechar { flex:none; min-height:44px; padding:10px 16px; border:1px solid #dfc38c; border-radius:4px; background:#dfc38c; color:#172638; font:600 1rem/1.4 CampanhaSans,sans-serif; cursor:pointer; }
.spi-imagem-dialogo .spi-imagem-acoes { display:flex; align-items:center; gap:10px; }
.spi-imagem-dialogo .spi-imagem-tamanho,.spi-imagem-dialogo .spi-imagem-ajuda { display:none; }
.spi-imagem-dialogo .spi-imagem-corpo { padding:20px; }
.spi-imagem-dialogo img { display:block; width:100%; max-width:720px; height:auto; margin:0 auto; }
.spi-imagem-dialogo button:focus-visible { outline:3px solid #f7f2e8; outline-offset:4px; }
@media(max-width:1100px){
 body.venda-plantao .spi-dif,body.venda-plantao .spi-dif-rev { grid-template-columns:minmax(0,1fr); grid-template-areas:'cab' 'pts' 'vis'; gap:24px; }
 body.venda-plantao .spi-par { max-width:800px; margin-inline:auto; gap:24px; }
}
@media(max-width:650px){
 body:is(.campanha-venda,.venda-ecossistema) .loja-autor { padding:24px; }
 body:is(.campanha-venda,.venda-ecossistema) [data-autor] .loja-autor h2 { font-size:1.15rem; }
 body.venda-plantao .spi-par,body.venda-plantao .spi-tira { grid-template-columns:minmax(0,1fr); gap:28px; }
 body.venda-plantao .spi-par .spi-phone { max-width:360px; margin-inline:auto; }
 body.venda-plantao .spi-tira { max-width:360px; }
 body.venda-plantao .spi-neuro { width:calc(100% + 48px); margin-inline:-24px; padding:32px 24px; border-radius:0; }
 .spi-imagem-dialogo { width:calc(100% - 16px); max-height:calc(100dvh - 16px); }
 .spi-imagem-dialogo .spi-imagem-cab { gap:12px; padding:12px; }
 .spi-imagem-dialogo .spi-imagem-cab p { font-size:.95rem; }
 .spi-imagem-dialogo .spi-imagem-corpo { padding:10px; overflow:auto; }
 .spi-imagem-dialogo .spi-imagem-cab { flex-wrap:wrap; }
 .spi-imagem-dialogo .spi-imagem-tamanho { display:block; min-height:44px; padding:10px 14px; border:1px solid #c4cdd4; border-radius:4px; background:transparent; color:#f7f2e8; font:600 1rem/1.4 CampanhaSans,sans-serif; }
 .spi-imagem-dialogo .spi-imagem-ajuda { display:block; margin:12px 10px 0; font:400 .95rem/1.5 CampanhaSans,sans-serif; color:#c4cdd4; }
 .spi-imagem-dialogo.spi-imagem-real img { min-width:720px; }
}
