/* Hero Section Styles */
.hero {
  background-color: var(--primary-light);
  padding: 40px 0;
}

.discount-banner {
  color: var(--primary-color);
  text-align: center;
  border-radius: 5px;
  padding: 10px;
  font-weight: 600;
  background-color:var(--primary-dark);
}

.discount-banner p {
  font-weight: bolder;
  margin-bottom: 0px;
}

.porcent {
  font-size: 25px;
  color: rgb(243, 45, 45);
}

.pulsating {
  display: inline-block;
  animation: pulse 1.5s infinite;
}

/* Animação pulse */
@keyframes pulse {
  0% {
    transform: scale(1);
    text-shadow: 0 0 0px rgba(243, 45, 45, 0.7);
  }
  50% {
    transform: scale(1.05);
    text-shadow: 0 0 8px rgba(243, 45, 45, 0.9);
  }
  100% {
    transform: scale(1);
    text-shadow: 0 0 0px rgba(243, 45, 45, 0.7);
  }
}


.porcent{
  font-size: 25px;
  color: rgb(243, 45, 45);
}


.hero-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.hero-text {
  flex: 1;
}

.hero-text h1 {
  font-size: 42px;
  color: var(--white);
  margin-bottom: 20px;
  font-weight: 700;
}

.benefits-list {
  margin-bottom: 30px;
}

.benefits-list li {
  padding: 8px 0;
  position: relative;
  padding-left: 30px;
  color: var(--white);
  font-weight: 500;
}

.benefits-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--white);
  font-weight: bold;
}

.hero-image {
  flex: 1;
  display: flex;
  justify-content: center;
}

.hero-image img {
  max-height: 400px;
  filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.1));
  transition: transform 0.3s ease;
}

.hero-image img:hover {
  transform: translateY(-10px);
}

/* Certification Section */
.certification {
  background-color: var(--primary-color);
  padding: 30px 0;
}

.certification .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.certification-text {
  flex: 2;
  color: var(--white);
  font-size: 16px;
  line-height: 1.6;
}

.certification-image {
  flex: 1;
  display: flex;
  justify-content: center;
}

.certification-image img {
  max-width: 200px;
  padding: 1rem;
  border-radius: 10px;
}

/* Factory Price Section */
.factory-price {
  background-color: var(--primary-light);
  padding: 40px 0;
}

.factory-price .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.factory-content {
  flex: 1;
  text-align: center;
}

.factory-content h2 {
  color: var(--white);
  margin-bottom: 30px;
}

.factory-image {
  flex: 1;
  display: flex;
  justify-content: center;
}

.factory-image img {
  max-height: 300px;
}