body { font-family:'Open Sans', sans-serif; color:#222; }
h1,h2,h3,h4,h5 { font-family:'Poppins', sans-serif; letter-spacing:-0.5px; }
.navbar { background:#fff; padding-bottom: 0px; padding-top: 0px;}
.navbar .nav-link { font-weight:500; padding: 0px 20px !important; font-size: 14px;}

.hero {
  background:linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,.7)), url(../imagenes/fondo-hero.jpg);
  background-size:cover;
  background-position: bottom center;
  height:94vh;
  display:flex;
  align-items:center;
  color:#fff;
}

.btn-primary { background:#0068b3; border:none; padding:12px 22px; border-radius: 50px; }
.btn-primary:hover { background:#036; }
.btn-equal { display:inline-flex; align-items:center; gap:8px; height:48px; border-radius: 50px; padding: 12px 30px; }
.btn-light {padding:12px 22px; border-radius: 50px;}
.section-light { background:#f7f7f7; }
.card { border:none; transition:.3s; }
.card:hover { transform:translateY(-8px); box-shadow:0 10px 30px rgba(0,0,0,.1); }
.card i { color:#0068b3; }

.card-link { display:block; color:inherit;  }
.card-link:hover { color:inherit; }

.ia-banner {
  background:linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), url(../imagenes/fondo-ia.jpg);
  background-size:cover;
  background-position: center center;
  color:#fff;
  padding:100px 20px 100px 20px;
  margin-top:40px;
  border-radius:10px;
}

.cta-mid {
  background:#0068b3;
  color:#fff;
  text-align:center;
}
.cta-mid small { display:block; margin-top:10px; opacity:.8; }

.logos img { opacity:0.5; max-height:50px; transition:.3s; }
.logos img:hover { opacity:1; transform:scale(1.05); }

.stats { font-weight:600; }

footer { background:#0a0a0a; color:#aaa; }
a { color:#0068b3; text-decoration:none; transition: all .4s;}
a:hover { color:#036; }

footer a { color:#aaa; text-decoration:none; }
footer a:hover { color:#fff; }
.social i { font-size:2rem; margin:0 12px; }
section {
    padding-top: 100px;
    padding-bottom: 80px;
}
footer p { font-size: 14px;}
/*! WHATSAPP */
.wa {
	position: fixed;
	right: 10px;
	bottom: 10px;	
	z-index: 1500;
}
.wa img {
	max-width:54px;
}
@media(min-width:768px) {
	.wa {
		position: fixed;
		right: 50px;
		bottom: 20px;	
	}
	.wa img {
		max-width:80px;
	}
}
/*!*/

/*!*/
#myBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 10px; /* Place the button at the bottom of the page */
	left: 10px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: #0068b3; /* Set a background color */
	color: #fff; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 15px; /* Some padding */
	border-radius: 100px; /* Rounded corners */
	font-size: 18px; /* Increase font size */
	line-height: 18px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}  
  #myBtn:hover {
	background-color: #036; /* Add a dark-grey background on hover */
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
@media(min-width:768px) {
	#myBtn {
	bottom: 20px; /* Place the button at the bottom of the page */
	left: 20px; /* Place the button 30px from the right */
	}
}
