/* Estilos globais */ body { margin: 0; font-family: Arial, sans-serif; color: #ffffff; /* Texto branco */ text-align: center; background-image: url('../comprar-pre-treino-mvw-power-suplements-03.webp?text=Imagem+de+Pessoa+Fazendo+Musculação'); background-size: cover; /* Faz a imagem cobrir toda a tela */ background-position: center; /* Centraliza a imagem */ background-attachment: fixed; /* Fixa a imagem enquanto o conteúdo rola */ } header { padding: 20px; background-color: rgba(26, 26, 26, 0.9); /* Fundo escuro translúcido */ border-bottom: 2px solid #e63946; /* Barra de destaque */ } header img { max-width: 300px; height: auto; } header h1 { margin: 20px 0 10px; font-size: 2.5em; text-transform: uppercase; } main { padding: 30px 15px; background-color: rgba(0, 0, 0, 0.7); /* Fundo translúcido para destacar o texto */ margin: 20px; border-radius: 10px; } .video-section iframe, .video-section video  { width: 80%; height: 400px; max-width: 800px; margin: 20px auto; border: none; border-radius: 10px; } .image-gallery { display: flex; justify-content: center; gap: 15px; margin: 30px 0; } .image-gallery img { width: 30%; max-width: 255px; border-radius: 10px; } .benefits { max-width: 800px; margin: 20px auto; line-height: 1.6; text-align: left; } .benefits h2 { text-align: center; color: #ffff; /* Destaque */ font-size: 2.2em; text-transform: uppercase; } .benefits ul { list-style: none; padding: 0; } .benefits li { margin: 10px 0; font-size: 1.2em; } .cta-button { display: inline-block; margin: 30px auto; padding: 15px 30px; font-size: 1.2em; font-weight: bold; color: #ffffff; background-color: #6aa623; /* Vermelho destacado */ border: none; border-radius: 5px; cursor: pointer; text-decoration: none; } .cta-button:hover { background-color: #436e10; /* Sutil escurecimento no hover */ } footer { margin-top: 40px; padding: 15px; background-color: rgba(26, 26, 26, 0.8); /* Fundo escuro translúcido */ font-size: 0.9em; border-top: 2px solid #e63946; } .benefits video{max-width:35%;float: left; margin: 0px 15px 0px 0px;} .imagem{max-width:45%;float: left; margin: 0px 15px 0px 0px;} .centralizar{text-align:center!important;} .txt_anvisa p{text-align: justify;} .logo_footer{max-width:300px;} .detalhes{font-size: 1em!important; font-style: italic;} .destaque{font-size:1.3em;} .espaco{margin-bottom:40px;} .bg_uso{height:536px;} a {color:#fff;text-decoration:none;} .coluna2{float:left; width:50%; text-align:center; justify-content: center;gap: 15px;}.unidades{max-width:100%;} @media (max-width: 991.98px) { .coluna2{width:100%; float:none;} .video-section iframe { width: 100%; } .image-gallery { display: inline-grid; } .image-gallery img { width:100%; max-width: 100%; float:left; } .imagem, .benefits video{max-width:100%;float: none;} .img_anvisa{max-width:100%;float: none;} .espaco{margin-bottom:0;} .bg_uso{height:100%;} }