@charset "UTF-8";

.dropbtn {
  background-color: #eeeeee;
  width: 65vw;
  color: black;
  padding: 16px;
  font-size: 16px;
  font-weight: bold;
  border:#dddddd solid 1px;
  cursor: pointer;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #dddddd;
}

.dropbtn:after {
  content: ' \002B';
  font-size:22px;
  }



.dropdown-content {
  display: none;
  background-color: #f1f1f1; /* color de fondo abierto */
  width: 65vw;
  overflow: auto;
  border:#cccccc solid 1px;
  z-index: 1;
}

.show {display: block;}

@media screen and (max-width: 600px) {
  .dropbtn {
    width: 90vw;
  }

  .dropdown-content {
    width: 90vw;
  }
}

.contenedor {
  height: 100%;
  width: 100%;
}

.horizontal__content {
  width: 65vw;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .horizontal__content {
      width: 90vw;
      margin: 0 auto;
  }
}