.bg-white {
    background-color: #f8f9fa;
    color: #212529;
}

.bg-green {
   /* background-color: #1abc9c;  */
   background-color: #dc3545; 
    color: #FFFF;
}
.bg-red {
   background-color: #dc3545;
    color: #FFFF;
}

.bg-blue {
    background-color: #212529;
    color: #FFFF;
}

.bg-grey {
    background-color: #e5e5e5;
    color: #212529;
}

.copy {
    color: #585858;
    font-size: 14px;
}

.netrabbit {
    color: #2596BE;
}

.netrabbit:hover {
    color: #0083b3;
}

.whatspedidos {
    /* color: #1abc9c;  */
    color: #f5f7f7;
}

.row {
    color: #212529;
}

.text-blue {
    color: #212529;
}
.text-white {
    color: #FFFF;
}

.grey {
    filter: grayscale(100%);
}


.prod {
    max-height:150px;
    max-width:100%;
    height:auto;
    width:auto;
}

.back-to-top {
    position: fixed;
    /* display: none; */
    right: 30px;
    bottom: 30px;
    z-index: 99999;
    animation: action 1s infinite alternate;
}

.EstiloB {
    color: transparent;
    transition: all .3s;
}

.EstiloB:hover {
    filter: saturate(180%);
    transition: transform .2s;
    transform: translate(10px);
}

#flotante {
    position: absolute;
    width: 40px;
    z-index: 9999;
    left: -3px;
    bottom: 250px;
    position: fixed;
}

.btn-outline-info:hover, .btn-outline-info:active {
    color: #fff !important;
}

/* ----------------------------- Navbar ----------------------------- */

.navtext {
    color: #212529;
    font-weight: 900;
}

/* Color of the links BEFORE scroll */
.navbar-scroll .nav-link,
.navbar-scroll .navbar-toggler-icon,
.navbar-scroll .navbar-brand {
    color: #fff;
}

/* Color of the links AFTER scroll */
.navbar-scrolled .nav-link,
.navbar-scrolled .navbar-toggler-icon,
.navbar-scrolled .navbar-brand {
    color: #fff;
}

/* Color of the navbar AFTER scroll */
.navbar-scroll,
.navbar-scrolled {
    background-color: #484848;
}

.mask-custom {
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.303)
}

.navbar-brand {
    font-size: 1.75rem;
    letter-spacing: 3px;
}

.masthead {
    margin-top: 80px;
}
.pcont {
    margin-top: 80px;
}

.paddingphone {
    margin-top: 80px;
}

.tarifa {
    width: 50%;
}

.vacio {
    width: 200px;
}

@media (max-width: 576px) {

    .navbar>.container,
    .navbar>.container-fluid,
    .navbar>.container-sm,
    .navbar>.container-md,
    .navbar>.container-lg,
    .navbar>.container-xl,
    .navbar>.container-xxl {
        justify-content: center;
    }

    .tarifa {
        width: 100%;
    }

    .paddingphone {
        margin-top: 120px;
    }

    .btn {
        padding: 5px;
    }
}

@media (max-width: 456px) {

    .masthead,
    .pcont {
        margin-top: 100px;
    }
    /* .navtext {
        color: #212529;
        font-weight: 1.25rem;
    } */

    .vacio {
        width: 130px;
    }

    .masthead-heading {
        font-size: 30px !important;
    }
}

@media (max-width: 345px) {

    .navtext {
       font-size: large !important;
    }

    .fotext, .focopy {
        font-size: x-small;
    }
}

/* -------------- Navbar -------------- */

/* INICIO DEL MAPA VMAH 20/MAYO/2023 */
#map {
    width: 100%;
    height: 340px;
}

/* #motocicleta {
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(motocicleta.png);
    background-size: cover;
    transition: transform 1s linear;
} */

/* FIN DEL MAPA VMAH 20/MAYO/2023 */






/*--------------------------------------------------------------
# Imagenes redondas  VMAH ENERO 11 2024
--------------------------------------------------------------*/

img.imgRedonda {
    width:150px;
    height:150px;
    border-radius:75px;
    border:5px solid #000000;
}