/* BOTÓN FLOTANTE */

.fab-container{
    position: fixed;
    /*bottom: 25px;*/
    bottom: 65px;
    /*right: 25px;*/
    right: 10px;
    z-index: 999;
    cursor: pointer;
}
div.fab{
    position: fixed;
    z-index: 1;
    bottom: 20px;
    right: 20px;
}

div.fab a{
    height: 60px;
    width: 60px;
    border-radius: 50px !important;
}



.fab-icon-holder{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    box-shadow: 0 6px 20px rgba(0,0,0,0,0.2);    
}

.fab-icon-holder:hover{
    opacity: 0.8;
}

.fab-icon-holder i{
    list-style: none ;
}
.fab-icon-holder i{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 30px;
    color: #fff;
}

.fab-fab{
    width: 60px;
    height: 60px;
}

.fab-options{
    list-style: none;
    margin: 0;
    position: absolute;
    bottom: 70px;
    right: 0;
    opacity: 0;
    transition: all 0.3s ease;
    transform: scale(0);
    transform-origin: 85% bottom;
}



.fab-fab:hover +.fab-options, .fab-options:hover{
    opacity: 1;
    transform: scale(1);
}



.fab-options li{
    display: flex;
    justify-content: flex-end;
    padding: 4px;
}

.fab-label{
    padding: 2px 5px;
    align-self: center;
    user-select: none;
    white-space: nowrap;
    border-radius: 3px;
    font-size: 16px;
    background: #666666;
    color: #ffffff;
    box-shadow: 0 6px 20px rgba(0,0,0,0,0.2);
    margin-right: 10px;
}

.fab-options i{
    margin-right: 0 !important;
}
.fab-options i:hover{
    color: #ccc !important;
}

.abierto{
    transform: rotate(45deg);
    transition: ease 0.5s;
}

.cerrado{
    transform: rotate(360deg);
    transition: ease 0.5s;
}


/*COLOR DE BOTONES*/
.general{
    background-color: #ae9e8f;
    color: #659755; /* ANTERIOR: #64B22E */
    /*background-color: #659755;*/
    border-style: solid; /*Nuevo*/
    border-width: 2px; /*Nuevo*/
    border-color: #ffffff; /*Nuevo*/
}
.whatsapp{
    background-color: #00e676;
}
.message{
    background-color: #eeb028;
}
.messenger{
    background-color: #4376b6;
}
.phone{
    background-color: #d11d1b;
}




/* BOTONES PARA REDES SOCIALES */  
  .btn-circle.btn-lg-correo { /* Para botón de correo */
    width: 48px;
    height: 48px;    
    /*padding: 10px 16px;*/    
    padding: 11px 13px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
  } 

  .btn-circle.btn-lg-what-mess { /* Para botón de whatsapp y messenger */
    width: 48px;
    height: 48px;    
    padding: 10px 13px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
  } 

  .btn-circle.btn-lg-tel { /* Para botón de teléfono */
    width: 48px;
    height: 48px;    
    padding: 13px 12px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
  }  

  .btn-circle.btn-lg-cel { /* Para el boton de celular */
    width: 48px;
    height: 48px;
    padding: 9px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
  }    

  .btn-circle.btn-lg-twitter { /* Para el boton de twitter */
    width: 48px;
    height: 48px;
    padding: 12px 13px;
    font-size: 17px;
    line-height: 1.33;
    border-radius: 25px;
  }  

  .btn-circle.btn-lg-facebook { /* Para el boton de facebook */
    width: 48px;
    height: 48px;
    padding: 13px 12px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
  }