/* Reset básico */ * { margin: 0; padding: 0; box-sizing: border-box; } /* Estilos gerais */ body { font-family: Arial, sans-serif; background-color: #f4f4f4; color: #333; line-height: 1.6; padding: 20px; } /* Título */ header h1 { font-size: 2rem; text-align: center; margin-bottom: 20px; } /* Box do Cupom */ .coupon-box { background-color: #ffffff; border: 1px solid #ddd; padding: 20px; text-align: center; margin-bottom: 20px; } .coupon-box h2 { font-size: 1.5rem; color: #e91e63; margin-bottom: 10px; } .coupon-box p { font-size: 1rem; margin-bottom: 20px; } .coupon-box button { padding: 10px 20px; background-color: #e91e63; color: #fff; border: none; cursor: pointer; transition: background-color 0.3s ease; } .coupon-box button:hover { background-color: #c2185b; } /* Banner */ .banner img { max-width: 100%; height: auto; display: block; margin: 20px auto; } /* FAQ */ .faq { background-color: #fff; padding: 20px; border: 1px solid #ddd; margin-bottom: 20px; } .faq h3 { font-size: 1.25rem; margin-bottom: 10px; } .faq p { font-size: 1rem; } /* Rodapé */ footer { text-align: center; font-size: 0.875rem; color: #666; margin-top: 20px; } footer p { margin-bottom: 5px; } footer a { color: #e91e63; text-decoration: none; }