/* Ajuste pontual do parágrafo de apoio do hero: evita que o texto atravesse a área do notebook em telas largas/notebook. Regra mobile existente (reference.css, <=760px) permanece intocada. */
@media(min-width:1051px){
.hero-bottom p{max-width:500px}
}
/* Faixa 761-1050px: .hero-art passa a começar em left:25% (regra já existente em style.css), aproximando a imagem do texto — largura reduzida aqui para manter a mesma folga de segurança. */
@media(min-width:761px) and (max-width:1050px){
.hero-bottom p{max-width:360px}
}