/*
botones flotantes
autor: jefferson ramirez
*/
.btn-contenedor{
    width:90px;
/*    height:240px;*/
    position:fixed;
    right: -5px;
    bottom: 40px;
}
.botonF1{
    width:40px;
    height:40px;
    border-radius:100%;
    background:#175aa0;
    right:0;
    line-height: 50%;
    bottom:0;
    position:absolute;
    margin-right:16px;
    margin-bottom:16px;
    border:none;
    outline:none;
    color:#FFF;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
   /* box-shadow: 0 6px #999;*/
   /* transition:.3s;*/
}
.span-flotante{
    transition:.5s;
    line-height: 50%;
}
.botonF1:hover .span-flotante{
    transform:rotate(360deg);
}

.botonF1:hover{
    background:#4382c3;
}
.botonF1:active{
/*    background:#175aa0;
    box-shadow: 0 4px #666;
    transform: translateY(1px);*/
  /*  transform:scale(1.1);*/
}

.botonF1:focus{
    border-color:transparent!important;
    outline:none;

}
.btn-flotante{
    width:40px;
    height:40px;
    border-radius:100%;
    border:none;
    color:#FFF;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    font-size:25px;
    outline:none;
    position:absolute;
    right:0;
    bottom:0;
    margin-right:26px;
    transform:scale(0);
}
.botonF2{
    background:#2196F3;
    margin-bottom:85px;
    transition:0.5s;
}
.botonF3{
    background:#673AB7;
    margin-bottom:130px;
    transition:0.7s;
}
.botonF4{
    background:#009688;
    margin-bottom:175px;
    transition:0.9s;
}
.botonF5{
    background:#FF5722;
    margin-bottom:220px;
    transition:0.99s;
}
.animacionVer{
    transform:scale(1);
}

/*
botones principales
autor: jefferson ramirez
*/

body {
    margin: 0;
    font-family: Segoe UI, Arial;
}

.contenedor-btn-principales {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    /*padding: 1em;
    background: #fcfcfc;*/
    height: 100%;
}
.contenedor-btn-principales .item {
    padding: 0.35em; /*1.3*/
    background: white;
    box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.1);
    border-radius: 0.5em;
    margin: 0.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contenedor-btn-principales .item img {
    height: 4em;
    width: 4em;
    object-fit: contain;
}
.contenedor-btn-principales .item .name {
    /*margin-top: 1.33em; */
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    font-size: 0.75em;
    width: 80px;
    text-align: center;
    height: 26px;
}

.imagenCards{
    max-width: 10em;
    height: 30px;
}

.azul-cli{
    background: #175aa0 !important;
}