.sc-footer {
    padding: 20px !important;
}

.footer-based {
    line-height: 1.2;
}

.footer-email {
    line-height: 1.2;
}

.footer-logo img {
    width: 20rem;
    cursor: pointer;
}



/* -------------------scroll footer----------------- */


/* ------ contact form container ------- */
#CF-content {
	min-height: 100%;
	min-height: 100vh;
	position: relative;
	z-index: 1;
/* 	-webkit-box-shadow: #000 0 7px 35px 0;
	-moz-box-shadow: #000 0 7px 35px 0;
	box-shadow: #000 0 7px 35px 0; */
}
/* -------- end contact form container----- */


/* #site-footer {
	padding: 25px 0;
	font-size: 85%;
	background-color: #2A2A2A;
	position: fixed;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0;
} */


#site-footer {
  padding: 25px 0;
  font-size: 85%;
  background-color: #2A2A2A;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

  opacity: 0; /* empieza invisible */
  animation: fadein 1s linear forwards;
  animation-timeline: scroll(root);
  animation-range: 400vh 800vh;
  z-index: 0;
}

@keyframes fadein {
  0%   { opacity: 0; visibility: hidden; }
  20%  { opacity: 0; visibility: hidden; } /* todavía oculto */
  100% { opacity: 1; visibility: visible; }
}



/* ================================= */


.list-inline-item {
  color: #6c757d; 
  transition: 0.2s ease-in-out;
}


.list-inline-item:hover {
  color: #c1cad1; 
  border-color: #fff;
}

.list-inline-item a{
  color: #6c757d; 
  transition: 0.2s ease-in-out;
}

.list-inline-item a:hover {
  color: #fff; 
    border-color: #b9b9b900;
      transform: scale(1.2);
}

.list-inline-item i {
  transition: transform 0.3s ease, color 0.3s,  ease;
}


.list-inline-item:hover i {
  color: #fff;    
}