* {
  margin: 0;
  box-sizing: border-box;
}
body {
  color: black;
  font-family: "Inter", sans-serif;
}

h1 {
  font-size: 25px;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
}

h2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  margin: 0;
}

li,
h3 {
  font-size: 15px;
  font-weight: 200;
  line-height: 150%;
  margin: 0;
}

p,
a {
  font-size: 15px;
  display: inline;
}

#liproductos {
  font-size: 15px;
}

#container {
  margin: 120px auto 100px auto;
  border-style: solid;
  border-width: 1px;
  border-color: #e5e7e9;
}

/*
.row1 {
  display: flex;
  height: 400px;  Necesita altura 
}
  */

.column1 {
  float: left;
  width: 40%;
  padding: 7px;
  display: flex;
  justify-content: center; /* Centra horizontalmente */
  align-items: flex-start;   /* Inicio */
}

.column2 {
  float: left;
  width: 60%;
  padding: 10px;
}

#imgproductos {
  padding: 10px;
  max-width: 100%;
  height: auto;
}

/* style-page.css */
.hero-section { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); }
.product-card { transition: transform 0.3s ease; }
.product-card:hover { transform: translateY(-5px); }
.brands-hero { border-radius: 0 18px 18px 0; }

/* Responsive */
@media (max-width: 768px) {
	.hero-section { padding: 20% 5% 5% !important; }
	.brands-hero { min-height: 300px; border-radius: 0 0 18px 18px; }
}


/* Clear floats after the columns */
.row1:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column1,
  .column2 {
    width: 95%;
  }

  #imgproductos {
    max-width: 250px;
    height: auto;
    padding: 10px;
  }
}