box-sizing: border-box;  font-family: Arial, sans-serif; }
body { margin: 0; background: #f5f5f5; }
header {
      background: #fff;
      padding: 15px 30px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #ddd;
    }
header h1 { margin: 0; }
header input {
      padding: 8px;
      width: 250px;
      border-radius: 6px;
      border: 1px solid #ccc;
    }
nav a { margin-left: 15px; text-decoration: none; color: #333; }

.section {
      margin: 20px;
    }
    
.cart img {
  width: 22px;
  height: 22px;
}
.cart {
  position: relative;
  cursor: pointer;
}  
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background: #f4f6f8;
}
header {
  background: #fff;
  padding: 15px;
}
header h1 a {
  color: black;
  text-decoration: none;
}
.producto {
  max-width: 900px;
  margin: 40px auto;
  background: white;
  padding: 30px;
  border-radius: 20px;
  display: flex;
  gap: 30px;
}
.producto-img img {
  width: 350px;
  border-radius: 15px;
  object-fit: cover;
}
.producto-info h2 {
  margin-top: 0;
}
.precio {
  font-size: 22px;
  font-weight: bold;
}
.precio span {
  color: red;
  font-size: 16px;
}
.descripcion {
  margin: 15px 0;
  color: #555;
}
button {
  padding: 12px 25px;
  background: black;
  color: white;
  border: none;
  border-radius: 25px;
  cursor: pointer;
}

.producto-info {
    flex: 1;           /* Esto hace que la caja de texto crezca y rellene el espacio */
    display: flex;
    flex-direction: column;
    align-items: stretch; /* 👈 ESTO ES LA CLAVE: obliga a los hijos a estirarse */
}

/* Esto obliga al botón de PayPal a no estirarse, sin importar la página */
#paypal-button-container {
    width: 100%;
    max-width: 888px; /* Este es el ancho exacto para que se vea como en tu foto */
    margin: 15px 0;
}

/* Alineación para que no flote en el medio */
.producto-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Todo alineado a la izquierda */
}