/* Ajustes sobre styles.css: só o que muda por causa do conteúdo deste produto. */

/* Arte do produto dentro do cartão de oferta: neutraliza as regras de imagem do .plan. */
.plan .art .product-art{max-width:520px;margin:0 auto}
.plan .art .product-art img{max-height:none;margin:0;filter:none}
.plan .art .product-art .product-sheet{width:34%}
.plan .art .product-art .product-book img,
.plan .art .product-art .product-phone img{width:100%}

/* Três áreas de estudo em vez de quatro bônus. */
@media (min-width:900px){
  .bonus-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1040px}
}

/* Foco visível nos botões de ação (acessibilidade). */
.btn:focus-visible,.faq-q:focus-visible,.navbtn:focus-visible,.auto-pause:focus-visible{outline:3px solid var(--navy);outline-offset:3px}