body {
  font-family: "Montserrat", sans-serif;
  background-color: #f4f4f4;
  font-size: 16px;
  color: #36363d;
}

header {
  background-color: #000;
  color: #fff;
  padding: 0 20px;
}

footer {
  background-color: #000;
  color: #fff;
}
footer li{
  margin: 0px;
}

nav {
  font-size: 87.5%;
}

li {
  list-style: none;
  margin: 10px;
}
li a {
  text-decoration: none;
  color: #fff;
}
li a:hover {
  color: #19cab8;
  font-weight: bold;
}

h1 {
  font-size: 185%;
  font-weight: bold;
}

.text-g {
  color: #36363d;
}

h2 {
  font-size: 150%;
  font-weight: bold;
}

h3 {
  font-size: 125%;
  font-weight: bold;
}

h4 {
  font-size: 110%;
}
.navbar-toggler{
  color:#fff;
}
.navbar-toggler-icon{
  color:#fff;
}
.btn-dark {
  background-color: #000;
  color: #fff;
  border: none;
}

.btn-dark:hover {
  background-color: #19cab8;
  color: #000;
}

.bg-color {
  background-color: #ff6335;
  color: #fff;
}

.hero {
  width: 100%;
  height: 70vh;
  image-rendering: auto;
}

.boton-blanco {
  border: #fff solid 1px;
  color: #201b1b;
  padding: 10px;
  text-decoration: none;
}

.boton-blanco:hover {
  background-color: #fff;
  color: #36363d;
  font-weight: bold;
  border: #36363d solid 1px;
}

.boton-car {
  border: #ff6335 solid 1px;
  color: #ff6335;
  background-color: #fff;
  padding: 10px;
  text-decoration: none;
}

.boton-car:hover {
  background-color: #19cab8;
  color: #000;
  font-weight: bold;
  border: #19cab8 solid 1px;
}

.boton-naranjo {
  border: #36363d solid 1px;
  color: #36363d;
  padding: 10px;
  text-decoration: none;
}

.boton-naranjo:hover {
  background-color: #ff6335;
  color: #fff;
  font-weight: bold;
}

.boton-turquesa {
  border: #36363d solid 1px;
  color: #36363d;
  padding: 10px;
  text-decoration: none;
}

.boton-turquesa:hover {
  background-color: #19cab8;
  color: #36363d;
  font-weight: bold;
}

.boton-turquesa-ft {
  color: #fff;
  text-decoration: none;
}

.boton-turquesa-ft:hover {
  color: #19cab8;
}

.boton-sus {
  border: #36363d solid 1px;
  color: #36363d;
  text-decoration: none;
}

.boton-sus:hover {
  background-color: #19cab8;
  color: #000;
  font-weight: bold;
}

.contenedor-img {
  position: relative;
  overflow: hidden;
}

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

.text {
  background-color: #19cab8;
  padding: 15px;
  opacity: 90%;
  position: absolute;
  color: #fff;
  width: 92%;
  height: 100%;
  top: 100%;
}

.text-1 {
  background-color: #19cab8;
  padding: 15px;
  opacity: 90%;
  position: absolute;
  color: #fff;
  width: 100%;
  height: 100%;
  top: 100%;
}

.contenedor-img:hover .text {
  top: 0%;
  transition: all 1s;
}

.contenedor-img:hover .text-1 {
  top: 0%;
  transition: all 1s;
}

.logo-blanco {
  filter: invert(100%);
}

.pos {
  position: absolute;
  top: 60%;
  left: 10%;
  color: #fff;
}

.list-category {
  display: block;
  text-align: center;
  margin-top: 10px;
}

.list-category li {
  display: inline-block;
  padding: 10px;
}

.list-category label {
  color: #36363d;
  font-size: 16px;
  cursor: pointer;
}

#todos:checked ~ .list-category label[for=todos],
#parque:checked ~ .list-category label[for=parque],
#bella:checked ~ .list-category label[for=bella],
#vita:checked ~ .list-category label[for=vita],
#reco:checked ~ .list-category label[for=reco] {
  color: #36363d;
  font-weight: bold;
  font-size: 110%;
}

#parque:checked ~ .list-images .type-bella,
#parque:checked ~ .list-images .type-vita,
#parque:checked ~ .list-images .type-reco,
#vita:checked ~ .list-images .type-parque,
#vita:checked ~ .list-images .type-bella,
#vita:checked ~ .list-images .type-reco,
#bella:checked ~ .list-images .type-reco,
#bella:checked ~ .list-images .type-parque,
#bella:checked ~ .list-images .type-vita,
#reco:checked ~ .list-images .type-bella,
#reco:checked ~ .list-images .type-parque,
#reco:checked ~ .list-images .type-vita {
  visibility: hidden;
}

.text-n {
  color: #ff6335;
}

.text-t {
  color: #19cab8;
}

.bg-gris {
  background-color: #d1d1d1;
}

.pos-tx {
  position: absolute;
  top: 45%;
  left: 35%;
  color: #fff;
}

.pos-tx2 {
  position: absolute;
  top: 45%;
  right: 35%;
  color: #fff;
}

.img-nos {
  width: 90%;
  height: 90%;
}

.accordion-item {
  color: #36363d;
}

.accordion-button:not(.collapsed) {
  color: #ff6335;
  font-weight: bold;
  background-color: #fff;
}

.bg-3 {
  color: #36363d;
}

p a {
  text-decoration: none;
  color: #36363d;
  font-weight: bold;
}
p a:hover {
  color: #19cab8;
}

.c-2 {
  color: #36363d;
}

.c-2:hover {
  color: #ff6335;
  font-weight: 300;
}

.c-2-a {
  color: #ff6335;
  font-weight: bold;
  font-size: 125%;
}

@media screen and (max-width: 600px) {
  .hero {
    height: 40vh;
  }
  .pos-tx2 {
    right: 25%;
  }
  .pos{
    top: 40%;
  }
}