/* padding y border dentro del porcentaje */
* {
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

.bg {
    background: url('../imagenes/bg.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#showFilter:hover {
    cursor:pointer;
}

#showFilter2:hover {
    cursor:pointer;
}

#showFilter {
    margin:10px;
    width:38px;
    border-radius:5px!important;
    padding-left:6px;
    font-size:20px;
    color:darkgrey;
    border-style:solid;
    border-width:2px;
    background-color:rgba(255, 255, 255, 0.836);
    -webkit-text-stroke: 0.5px rgb(85, 85, 85);
    display: flex;
}

#showFilter2 {
    margin:10px;
    width:100px;
    border-radius:5px!important;
    padding-left:11px;
    font-size:20px;
    color:darkgrey;
    border-style:solid;
    border-width:2px;
    background-color:rgba(255, 255, 255, 0.836);
    -webkit-text-stroke: 0.5px rgb(85, 85, 85);
    display: flex;
}

.colInfo{
    font-size: 35px;   
}

.logoTxt {
    font-family: 'Palace Script MT', sans-serif;  
    transform: scale(2.5);
    margin-left: 50px;                                 
}

.carousel .carousel-item {
    max-height:600px;
}

.carousel-item img {
    object-fit:cover;
    max-height:600px;
}

body {
    overflow-x: hidden;
}

.card-img-top{
    max-height: 300px;
    min-height: 300px;
    object-fit:scale-down;
}

.card-body {
    text-align: center;
}

.card-text {
    min-height: 30px;
}

.card {
    margin-top: 0px!important;
    margin-bottom: 30px!important;
    margin-left: 30px!important;
    margin-right: 20px!important;

    box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2)!important;
    border-radius: 5px!important;
    background-color: rgba(255, 255, 255, 0.836)!important;
    overflow: hidden!important;
    transition: all 0.3s ease-in-out!important;
}

.card2 {
    margin-top: 80px!important;
    margin-left: 30px!important;
    margin-right: 20px!important;
    align-items: normal;
    padding: 25px;

    box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2)!important;
    border-radius: 5px!important;
    background-color: rgba(255, 255, 255, 0.836)!important;
    overflow: hidden!important;
    transition: all 0.3s ease-in-out!important;
}

.form-group{
    text-align: -webkit-left;
}

.guardarCuenta{
    margin-top: 20px!important;
}

.card:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.card:hover a {
    background-color: #da21d0;
}


.card a {
    background-color: #614caf;
    border: #614caf;
    cursor: copy;
}

.row {
    justify-content: center; 

}

html, body {padding:0; margin:0; height:100%;}
footer{position: inherit; margin-top: 0px!important; bottom: 0; left: 0; right: 0;}