*{margin: 0; padding: 0;}

body{
  height: 100%;
}

.todo-negro{
  color: #000;
  background-color: #000;
  background: #000;
}

.item-xxxx{
  background-color: rgba(0, 0, 0, 0.03);
  height: 300%;
  line-height: 300%;
  padding-left: 2.5%;
}

.cardTitle {
  height: 30px;
  text-align: center;
  padding-top: 2.5%;
}

.cardButton:after {
  content: 'Ver detalles';
}

.cardlist {
  margin: 0 0 10px 20px;
}

.caja1{
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0);;
}
.caja2{
  width: 100%;
  height: 150px;
  background: rgba(0, 0, 0, 0);
  overflow: hidden;
  padding-top: 2.5%;
}

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

@supports(object-fit: contain){
    .caja2 img{
      width: 50%;
      margin-left:25%;
      object-fit: contain;
      object-position: center center;
    }
}

.caja3{
  width: 100%;
  height: 400px;
  background: rgba(0, 0, 0, 0);
  overflow: hidden;
}

.caja3 img{
  width: auto;
  height: 90%;
}

@supports(object-fit: contain){
    .caja3 img{
      width: 80%;
      margin-left:10%;
      object-fit: contain;
      object-position: center center;
    }
}

.caja4{
  width: 100%;
  height: 500px;
  background: rgba(0, 0, 0, 0);
  overflow: hidden;
}

.caja4 iframe{
  width: auto;
  height: 90%;
}

@supports(object-fit: contain){
    .caja4 iframe{
      width: 950%;
      margin-left:5%;
      object-fit: contain;
      object-position: center center;
    }
}

.scrollspy-example {
  height: 330px;
  scroll-behavior: smooth;
}

/* .lgi {
  font-weight: bold;
  font-size: 1em;
  color: #fff;
  background-color: #a6aab4;
} */

.lgia2 {
  /*padding-left: 4rem !important;
  border-color: #6c757d;
  width: 100%;*/
  color: #7a7d87;
  text-align: center;
  background-color: #f0f4f9;
}

.lgia2:hover, .lgia2:focus {
  z-index: 1;
  color: #e1e9f0;
  text-decoration: none;
  background-color: #f8f9fa;
}

.lgia2:active {
  color: #9aa6b3;
  background-color: #e9ecef;
}

.list-group-item-light.lgia2.active {
  color: #fff;
  background-color: #29299E;
  border-color: #B1B1B4;
}

.derecha{
  float: right;
}

.padre i{
  padding: 2%;
  transition: 1s;
}

.padreServicios i{
  transition: 1s;
}

.clickeado i{
  transform: rotateZ(90deg);
  transition: 1s;
  /* color: white; */
}

.tablink {
  color: rgba(208, 232, 208, 1);
  background-color: rgba(43, 120, 31, 0.8);
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 17px;
  width: 33.3%;
  text-align: center;
}

.nav-link{
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 17px;
  width: 100%;
  height: 100%;
  padding: 15px 10px;
  text-align: center;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background: rgba(45, 133, 32, 0.8);
  color: white;
}

a.nav-link{
  color: rgba(208, 232, 208, 1);
}

.tablink a{
  text-decoration: none;
}

.tablink:hover, .tablink:focus {
  background: rgba(45, 133, 32, 0.8);
  color: rgba(208, 232, 208, 1);
}

.tablink.activada {
  background: rgba(49, 135, 35, 0.8);
  color: white;
}

.pageTitle{
  color: rgba(70, 110, 60, 0.8);
  background: rgba(210, 233, 205, 0.6)
}

#ver_productos, #saca_productos{
  color: green;
  cursor: pointer;
}