/* Textos bordeados */

.font-bord {
    -webkit-text-stroke: 0.5px black;
    color: transparent;
}

.header-welcome {
    font-size: 20px !important;
    color: rgb(40, 103, 220);
    padding-bottom: auto;
}

.font-azul {
        font-size: 18px;
 
}

.font-azul2 {
    font-size: 18px;
    color:rgb(240, 242, 245) !important;   
    border-radius: 5%;
}

.font-azul3 {
    font-size: 18px;
    color: rgb(240, 242, 245) !important;  
    border-radius: 5%;
}

.mt-4 {
    margin-top: 4px !important;
}

.ml-25 {
    margin-left: 25px;
}


/* Colores de letras y cajas de header */

.subtitulos {
    background: rgba(213, 230, 244, 0.4);
    padding: 8px;
    border-radius: 5px;
}

.txt-sub {
    color: rgb(0, 0, 0) !important;
}


/* navbar */

.solid-navbar {
    box-shadow: 0 5px auto 0 rgba(33, 34, 39, 0.37);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}


/* bordeado del navbar*/

.txt-dark {
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.301), 1px 1px 1px rgba(0, 0, 0, 0.323), -1px 1px 1px rgba(0, 0, 0, 0.301), 1px -1px 1px rgba(0, 0, 0, 0.185);
}

.header-img {
    background: rgb(119, 115, 108);
    background-image: url('.././images/v2.0/1/1.jpg');
    padding-bottom: 100px;
    padding-top: 100px;
    margin-bottom: 50px;
    size: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.text-justify {
    text-align: justify;
    color: #1f1f1f !important;
}

.text-white {
    color: #ffff;
}


/* color navbar */

.bg-dark {
    background: #1f1f1f !important;
    /* background: #313131 !important; */
}


/* fondo header img */

.bg-header {
    background: #1f1f1f;
    padding: 30px;
    width: 50%;
    border-radius: 10px 100px 100px 10px;
}


/* margen del menu */

.ml {
    margin-left: auto !important;
}

.caja-productos {
    overflow-y: scroll !important;
    height: 90vh;
    overflow-x: hidden;
    display: flex;
    flex-flow: wrap;
}


/* Boton de productos */

.btn-prod {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #7f7e7e;
    color: #ffff;
    text-transform: none;
    border: none;
}

.btn-prod:hover {
    background: #6b93b0 !important;
}


/* logo de producto cuando se ve la info completa */

.logo-cat {
    width: 50% !important;
    height: 40vh !important;
}

.t-detalle {
    font-size: 13px !important;
    width: 50;
}

.caja-detalle {
    margin: 0;
    padding: 10px;
}

.t-blanco {
    font-size: 14px;
    color: rgb(255, 255, 255) !important;
    font-weight: bold !important;
}


/* menu de categorias de productos */

.menu-categorias {
    height: 98vh;
    background: rgba(19, 14, 14, 0.39);
}

.text-wrap {
    overflow-wrap: break-word;
}