/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : May 29, 2023, 10:28:27 AM
    Author     : compartido
*/

@font-face {



    
    font-family: "App";
    src: url("../font/quicksand.ttf");



}


*{
    color:#2E4053 !important;
    font-family: "App" !important;
    font-size: 16px  !important;    
}


.logo{
    margin-left: -17px !important;    
    
}

.navbar{
    background: #FFF !important;
    box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.3) !important;
    opacity: 70%;

}

.content{
    opacity: 100%;
    width: 98%;
    margin-left: 1%;
    box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.3) !important;
    /*
    background: url("../img/camion.jpg") no-repeat center center fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    
    */
}


.list-group-flush{
    border: 0px solid rgba(100, 100, 100, 1);
    border-radius: 22px;
}

.titleDes{
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,d7dee3+42,e5ebee+42,e5ebee+42,f5f7f9+100 */
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f6f8f9 0%, #d7dee3 42%, #e5ebee 42%, #e5ebee 42%, #f5f7f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #f6f8f9 0%,#d7dee3 42%,#e5ebee 42%,#e5ebee 42%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #f6f8f9 0%,#d7dee3 42%,#e5ebee 42%,#e5ebee 42%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.textTitleTrabajos{


    color: #FFF !important;
    
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
    
    font-size: 19px !important;
    font-weight: bold !important;
}



.col-lg-4{ opacity: 88%;}
   
.mb-3{opacity: 88%;}
    

.container-fluid{height: 100px !important;}
    


.title{
    font-size: 19px !important;
    letter-spacing: 5px;
}


.divider-text{
    font-size: 17px !important;
    letter-spacing: 5px;
}

.alert-secondary{
    width: calc(100% - 60px);
    margin-left: 30px;
    background: #FFF;
    opacity: 88%;
}

.card{opacity: 88%;}
.card-img{}


    


.card-img-left{
    box-shadow: 5px 0px 13px 0px rgba(0, 0, 0, 0.3) !important;
    border: 4px solid rgba(255, 255, 255, 1);
    border-radius: 4px;
    box-shadow: 8px 0px 173px 0px rgba(0, 0, 0, 0.3);
}


.card-img-top{
    box-shadow: 5px 0px 13px 0px rgba(0, 0, 0, 0.3) !important;
    border: 4px solid rgba(255, 255, 255, 1);
    border-radius: 4px;
    box-shadow: 8px 0px 173px 0px rgba(0, 0, 0, 0.3);
}





.btn-flotante {
    font-size: 16px; /* Cambiar el tamaño de la tipografia */
    text-transform: uppercase; /* Texto en mayusculas */
    font-weight: bold; /* Fuente en negrita o bold */

    letter-spacing: 2px; /* Espacio entre letras */


    position: fixed;
    bottom: 40px;
    right: 40px;
    transition: all 300ms ease 0ms;

    z-index: 99;

    
}
.btn-flotante:hover {
    transform: translateY(-7px);
}
@media only screen and (max-width: 600px) {
    .btn-flotante {
        font-size: 14px;
        padding: 12px 20px;
        bottom: 20px;
        right: 20px;
    }
}