* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Arial, sans-serif; background-color: #f9f9f9; color: #333; display: flex; flex-direction: column; align-items: center; } header .banner img { width: 100vw; height: auto; display: block; } main { width: 100%; display: flex; flex-direction: column; align-items: center; } main section { margin: 10px 0; } .container { max-width: 768px; margin: auto; padding: 20px; }  .principal-section img { width: 75vw; max-width: 100%; display: block; margin: 0 auto; border-radius: 8px; }  .video-wrapper { width: 90vw; max-width: 768px; position: relative } .video-wrapper video { width: 100%; border-radius: 8px; display: block; } .video-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none;  } .video-overlay img { width: 80px;  opacity: 0; transition: opacity 0.3s ease; } .video-subtitle { font-size: 20px; margin-bottom: 10px; color: #333; }  .cta-button, .option-button { display: inline-block; width: 100%; padding: 20px 40px; background-color: rgb(79, 6, 39); color: #fff; text-align: center; text-decoration: none; border-radius: 8px; font-size: 18px; font-weight: bold; transition: 0.3s ease; transform: translateY(0); box-shadow: 0 4px 10px rgba(40, 167, 69, 0.25);  } .cta-button:hover, .option-button:hover { background-color: rgb(60, 4, 30); } .cta-verde { background-color: #28a745;  color: #ffffff; border: none; font-weight: bold; } .cta-verde:hover { background-color: #218838;  } .botao-esgotado { background-color: #999999; color: #ffffff; cursor: not-allowed; pointer-events: none; box-shadow: none; opacity: 0.8; font-weight: bold; } .botao-esgotado:hover { background-color: #999999; transform: none; } .horizontal-section { margin: 20px 0; padding: 0 20px; display: flex; justify-content: center; } .horizontal-section img { width: 100%; max-width: 768px; border-radius: 8px; display: block; } .review-section { margin: 10px 30px; display: flex; flex-direction: column; align-items: center;  } .review-section img { width: 100%; max-width: 768px;  border-radius: 8px; display: block; } .site-footer { width: 100%; background-color: #530B2C;  color: #ffffff; padding: 30px 20px; text-align: center; margin-top: 40px; } .site-footer .footer-content { max-width: 768px; margin: 0 auto; } .site-footer p { margin-bottom: 10px; font-size: 14px; color: #ffffff;  } .footer-links a { color: #ffffff;  text-decoration: none; margin: 0 10px; font-size: 14px; transition: 0.3s; } .footer-links a:hover { text-decoration: underline; color: #ffcad4;  }  .form-wrapper { padding: 0 20px; margin: 20px 0; display: flex; justify-content: center; } .form-section { max-width: 768px; width: 100%; text-align: center; } .form-section h2, .form-section p { margin-bottom: 15px; color: #333; } .option-group { display: flex; flex-direction: column; gap: 15px;  }  .option-button { display: block; width: 100%;  padding: 16px; background-color: rgb(79, 6, 39); color: #fff; text-align: center; text-decoration: none; border: none; border-radius: 8px; font-size: 16px; transition: 0.3s ease; cursor: pointer; } .option-button:hover { background-color: rgb(60, 4, 30); transform: scale(1.02); }  .subtitle-page { text-align: center; font-size: 20px; font-weight: bold; color: #333; padding: 0 20px; margin: 20px 0; line-height: 1.4; } .subtitle-page span { font-weight: bold; }  .barra-status { width: 100%; max-width: 768px; margin: 30px auto; padding: 0 20px; } .barra-topo { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } .texto-barra { font-size: 16px; color: #333; font-weight: bold; } .porcentagem-barra { font-size: 16px; color: #28a745; font-weight: bold; } .barra-fundo { background-color: #e0e0e0; height: 12px; border-radius: 8px; overflow: hidden; } .barra-preenchida { width: 0%; height: 100%; background-color: #28a745; border-radius: 8px; transition: none;  }  .sessao-produtos { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; padding: 20px; max-width: 768px; margin: 0 auto; } .produto { flex: 1 1 calc(50% - 10px); background-color: #fff; border-radius: 12px; padding: 15px; display: flex; flex-direction: column; justify-content: space-between; text-align: left; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); } .produto img { width: 100%; border-radius: 8px; margin-bottom: 10px; } .produto h2 { font-size: 18px; margin-bottom: 10px; color: #333; }  .info-preco { margin: 15px 0; text-align: left;  } .etiqueta-gratis { display: inline-block; background-color: #28a745; color: white; padding: 4px 10px; border-radius: 12px; font-size: 14px; font-weight: bold; margin-bottom: 8px; } .preco-original { font-size: 14px; color: #555; text-decoration: line-through; margin: 5px 0; } .preco-final { font-size: 22px; font-weight: bold; color: #222; margin: 5px 0; } .desconto { font-size: 16px; font-weight: bold; color: #28a745; margin-left: 8px; } .frete-full { color: #28a745; font-size: 14px; font-weight: bold; } .ultima-unidade { background-color: #ffe5e5; color: #e60023; font-size: 14px; font-weight: bold; display: inline-block; padding: 4px 10px; border-radius: 6px; margin-top: 10px; }