*{box-sizing:border-box}html{font-family:system-ui,sans-serif;line-height:1.5}body{margin:0;min-height:100dvh}main{max-width:64rem;margin:0 auto;padding:1rem}h1{font-size:1.75rem;margin:0 0 1rem}.bloco-texto-e-imagem{display:grid;gap:1rem;margin:2rem 0}.bloco-texto-e-imagem img{width:100%;height:auto;display:block;border-radius:.5rem}@media (min-width:48rem){.bloco-texto-e-imagem{grid-template-columns:1fr 1fr;align-items:center}.bloco-texto-e-imagem[data-posicao=direita] .bloco-imagem{order:2}}