@import url('https://fonts.googleapis.com/css2?family=Signika+Negative:wght@300&family=Roboto:ital@1&display=swap');
body, html {
  font-family: 'Signika Negative', sans-serif;
  height: 100%;
} 

h5{
  font-family: 'Roboto', sans-serif;
}

.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .f-ar {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgimg-1 {
  background-image: url("img/portada.png");
  width: 100%;
  height: 100%;
  
}
.bgimg-2 {
  background-image: url("img/bibliotecas_p.png");
  width: 100%;
  height: 30%;
  background-attachment: fixed;
}
.bgimg-3 {
  background-image: url("img/archivos_p.png");
  width: 100%;
  height: 60%;
  background-attachment: fixed;
}

.bgimg-4 {
  background-image: url("img/automatiza_ba.jpg");
  width: 100%;
  height: 60%;
  background-attachment: fixed;
}

.bgimg-5 {
  background-image: url("img/tecnologia_pd.jpg");
  width: 100%;
  height: 60%;
  background-attachment: fixed;
}

.caption {
  position: absolute;
  right: 10%;
  top: 30%;
  width: 80%;
  height: 60%;
  text-align: center;
  color: white;
  font-size: 80%;
  background-color: black;
  opacity: 0.8;
  border-radius: 20px;
 
}

.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 15px;
}

.icon-bar a:hover {
  background-color: #000;
}
 
.fa:hover {
    opacity: 0.7;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}
.instagram {
  background: #125688;
  color: white;
}

.content {
  margin-left: 75px;
  font-size: 30px;
}
.navcolor{
background: linear-gradient(to left, #000046, #1cb5e0); 
}
.mobirise-spinner em:nth-child(1){background: #4ea2e3;}.mobirise-spinner em:nth-child(2){background: #4addff;}.mobirise-spinner em:nth-child(3){background: #0dcd7b;}#scrollToTopMarker{display: none;}#scrollToTopButton{background-color: #4ea2e3;}#scrollToTopButton a:before{background: #ffffff;}#scrollToTopButton a:after{border-top-color: #ffffff;border-right-color: #ffffff;}.cid-swIvqGILvk{padding-top: 60px;padding-bottom: 0px;background-image: url("assets/images/encabezado-960x222.jpg");}.cid-swIvvXYQ90{padding-top: 15px;padding-bottom: 15px;background-color: #ffffff;}.cid-swHE4xioiI{padding-top: 75px;padding-bottom: 75px;background-color: #efefef;}.cid-swHE4xioiI .carousel,.cid-swHE4xioiI .slider-box,.cid-swHE4xioiI .carousel-img{width: 100%;height: 300px;}.cid-swHE4xioiI img{object-fit: cover;}@media (min-width: 768px){.cid-swHE4xioiI .carousel-img{max-width: 450px;}}@media (max-width: 767px){.cid-swHE4xioiI .carousel-img{margin: 0;padding: 0;}.cid-swHE4xioiI .amp-carousel-button{display: none;}}.cid-swIxKAIEm0{padding-top: 60px;padding-bottom: 60px;background-color: #ffffff;}.cid-swIxKAIEm0 .counter-container li{list-style: none;position: relative;}.cid-swIxKAIEm0 .counter-container li:before{position: absolute;left: -55px;content: '';display: inline-block;margin: 10px 15px;line-height: 20px;width: 10px;height: 10px;color: #ffffff;background: #4ea2e3;-webkit-transform: rotate(45deg);transform: rotate(45deg);}.cid-swIzNQBeP3{background-color: #ffffff;padding-top: 0px;padding-bottom: 0px;}.cid-swIzNQBeP3 .video-block{width: 66%;}@media (max-width: 767px){.cid-swIzNQBeP3 .video-block{width: 100%;}}.cid-swIDtvJ47w{padding-top: 60px;padding-bottom: 60px;background-color: #ffffff;}.cid-swIDtvJ47w .card-wrapper{position: relative;border: 1px solid #ffffff;background-color: #efefef;}.cid-swIDtvJ47w .card-wrapper:before{transform: rotate(45deg);width: 14px;height: 14px;background-color: #efefef;border-color: #ffffff;border-style: solid;border-width: 0 1px 1px 0;bottom: -8px;content: "";display: block;left: 50px;position: absolute;}.cid-swIDtvJ47w .author-name{padding: .5rem 0;}.cid-swIDtvJ47w .mbr-text{color: #232323;}@media (max-width: 767px){.cid-swIDtvJ47w .author-name,.cid-swIDtvJ47w .author-title{text-align: left;}}.cid-swIDtvJ47w .mbr-row{margin-left: -1.5rem;margin-right: -1.5rem;}.cid-swInaASMGt{padding-top: 30px;padding-bottom: 30px;background-color: #232323;}
.engine{position: absolute;text-indent: -2400px;text-align: center;padding: 0;top: 0;left: -2400px;}[class*="-iconfont"]{display: inline-flex;}

/* Codigo para imagenes con info dentro*/
.btn{
  width: 100% !important;
  top: 88% !important;
  position: relative;
}

.containerdos {
  position: relative;
}

.image {
  width: 100%;
  height: 290px;
  border-radius: 8px;
}

.overlay{
  position: absolute;
  top: 0;
  bottom: 50px;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: white;
  border-radius: 8px;
}

.containerdos:hover .overlay {
  opacity: 0.9; 
}

.text {
  color: black;
  position: absolute;
  text-align: justify;
  top: 40%;
  left: 50%;
  width: 95%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.card {
  margin-bottom: 30px !important;
  padding: 8px !important;
}


#servicios {
  display: block;
  transition: .9s ease;
}
#productos {
  display: none;
  transition: .9s ease;
}
#productosP{
  display: none;
  transition: .9s ease;
}
#casos_exito{
  display: none;
  transition: .9s ease;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}