@charset "utf-8";
/* 1-smartphone/footer.css */



footer{
width:100%;
clear:both;
text-align:center;
padding-top: 6em;
font-family: 'Nunito', sans-serif;
}




.lineaapertura {
    background-color: #c2c7cf;
    height: 2px;
    clear: both;
    width: 100%;
    margin-top: 1em;
}



.logos_sociales {
    text-align:center;
    margin:0 auto 0 auto;
    padding-top: 2em;
    min-height: 4em;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    width: 70%;
}


.link_logos {
    font-family: 'Nunito', sans-serif;
    text-decoration: none;
    color:#b3887f;
    font-size: 210%;
    font-weight: bold;
    padding-top: 0.1em;
    cursor: pointer;
    transition:all .3s;
}

.link_logos:hover {
    color:#855e56;
}


.link_logos span {
    display: none;
}


.lineacierre {
    background-color: #ff6300;
    height: 4px;
    clear: both;
    vertical-align: bottom;
    width: 100%;
}




.programador {
  font-size: 85%;
  letter-spacing: .5px;
  color:#ab9794;
  line-height: 300%;
}








#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: -337px; /* Place the button at the bottom of the page */
    left: -225px; /* Place the button 30px from the left */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #ff5501; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 13px 17px; /* Some padding */
    border-radius: 9px; /* Rounded corners */
    -o-transition: color 0.25s ease-in;
    -webkit-transition: color 0.25s ease-in;
    -moz-transition: color 0.25s ease-in;
    transition: color 0.25s ease-in;
  }
  
  #myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
  }

  #myBtn .fa-angle-up {
    font-size: 190%; /* Increase font size */
  }











  
/* botón de Whatsapp */

#whatsapp {
	position: fixed;
	bottom: 100px;
	right:20px;
    font-family: 'Nunito', sans-serif;
}
svg {
	width: 80px;
	display: inline-block;
  vertical-align: middle;
}
circle {
  fill: #25d366;
}
path {
	fill:  #fff;
}
#whatsapp a {padding: 20px 0;}
#whatsapp a::before {
	content: 'Te Asesoramos por Whatsapp';
	display: inline-block;
	vertical-align: middle;
	padding: 5px 10px;
	margin-right: 10px;
	color: rgba(0, 0, 0, .8);
	background: white;
	border: 1px solid #ccc;
	border-radius: 20px;
	transition: .3s ease;
	opacity: 0;
}
#whatsapp:hover a::before {opacity: 1;}
