body {

  margin: 0;

  font-family: Arial, sans-serif;

  background-color: #ffffff;

  color: #333333;

}



.banner {

  width: 100%;

  overflow: hidden;

  position: relative;

  height: 300px;

}



.banner img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.product-title {
  font-size: 2.5rem;  /* Valor aumentado para maior destaque */
  font-weight: bold;
  margin: 0.5rem 0 2rem 0;
  color: #005b28;
}



.content {

  max-width: 900px;

  margin: auto;

  padding: 3rem 1rem;

  text-align: center;

}



/* Seção "Descripción": texto centralizado */

.text-content {

  text-align: center;

  margin-bottom: 2rem;

}



.titulo-imagen {

  width: 100%;

  max-width: 400px;

  margin-bottom: 1rem;

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.text-content h2 {

  font-size: 1.5rem;

  font-weight: bold;

  margin-bottom: 1rem;

}



.text-content p {

  font-size: 1rem;

  line-height: 1.6;

  max-width: 800px;

  margin: auto;

  text-align: center;

}



/* Linha separadora */

.separator {

  width: 80%;

  height: 1px;

  background-color: #ddd;

  margin: 2rem auto;

}



/* Seção "Ventajas": conteúdo com imagem e lista (texto alinhado à esquerda) */

.product-details {

  text-align: center;

  margin: 2rem auto;

  max-width: 800px;

}



.ventajas-content {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 40px;

  text-align: left;

  flex-wrap: wrap;

}



.ventajas-content ul {

  flex: 1;

  list-style: none;

  padding: 0;

  margin: 0;

  font-size: 1rem;

  line-height: 1.6;

  text-align: left;

}



.ventajas-content ul li {

  margin-bottom: 0.5rem;

}



.ventajas-image {

  width: 160px;

  height: auto;

  display: block;

}



/* Seção "Indicaciones de uso": centralizada */

.usage-instructions {

  text-align: center;

  margin-top: 2rem;

}



.usage-instructions h2 {

  font-size: 1.5rem;

  font-weight: bold;

  margin-bottom: 1rem;

}



.usage-instructions p {

  font-size: 1rem;

  line-height: 1.6;

  max-width: 600px;

  margin: auto;

}



/* Responsividade */

@media (max-width: 768px) {

  .ventajas-content {

      flex-direction: column;

      text-align: center;

  }

}