/* RESETEO PADDING Y MARGIN DE TODO EL DOCUMENTO */
* {
  padding: 0;
  margin: 0;
}

/* SELECCION FUENTE PARA LA PAGINA */
body {
  font-family: "Roboto", sans-serif;
}

/* ESTILOS DEL HEADER (LOGO Y NOMBRE) */
header {
  height: 5em;
  background-color: #c179b9;
  background-image: url("../imgs/background.png");
  padding: 3em 3em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo {
  width: 9em;
}

/* ESTILOS DE LA SECCION DE PRODUCTO EN LA CLASE cardProducto */
.cardProducto {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 2em 0;
}
.containerImg img {
  width: 25em;
  height: 25em;
  border: 1px solid black;
}
.descripcion {
  width: 20%;
}

/* EFECTO TRANSICION HOVER */
.imgShow {
  transition: opacity 1s ease-in-out;
  position: absolute;
}
.imgShow:hover {
  opacity: 0;
}

/* ESTILOS DEL FOOTER */
footer {
  background-color: #636363;
  width: 100%;
  height: 3.5em;
  font-size: 1.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f8f1ff;
}
footer p i {
  margin: 0.5em;
}