body {
    background: url(../img/bg-circular-content.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

#nav-principal{
    background: linear-gradient(90deg, rgba(231, 246, 245, 1) 43%, rgba(0, 177, 176, 1) 100%);
}

a {
    color: #15b7b6;
    text-decoration: none;
}

.nav-link{
    color: #0fb6b5;
}

.offcanvas-body ul li a:hover{
    background: #f8f9fa !important;
    border-left: 3px solid #dee2e6 !important;
    color: #0fb6b5 !important;
    scale: 1.1;
}

#btnSaveDatosUsuario{
    background: #00b1b0; 
    border:#00b1b0;
}

#btnSaveDatosUsuario:hover{
    background: #00b1b1d5; 
    border:#00b1b1b6;
}

.animacion {
  border-radius: 11px 11px 1px 1px;
}

.animacion {
  display: inline-block;
  transition-duration: 0.5s;
  transition-property: transform;
}
.animacion:hover {
  transform: translateY(-8px);
  animation-name: hover;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: rgba(229, 229, 229, 0.3);
}

/*STYLES FOOTER*/

.facebook:hover {
    color: #143f9c;
    background-color: transparent;
}

.twitter:hover {
    color: #00acee;
    background-color: transparent;
}

.instagram:hover {
    color: #e1307d;
    background-color: transparent;
}

.linkedin:hover {
    color: #0A66C2;
    background-color: transparent;
}

.youtube:hover {
    color: #c4302b;
    background-color: transparent;
}

.blog:hover {
    color: #ee9f00;
    background-color: transparent;
}

/* End Styles Footer */