@font-face {
    font-family: 'monserrat-bold';
    src: url('/frontEnd/dist/fonts/Montserrat-Bold.ttf');
    /* IE9 Compat Modes */
    src: url('/frontEnd/dist/fonts/Montserrat-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
}

@font-face {
    font-family: 'monserrat-extra-bold';
    src: url('/frontEnd/dist/fonts/Montserrat-ExtraBold.ttf');
    /* IE9 Compat Modes */
    src: url('/frontEnd/dist/fonts/Montserrat-ExtraBold.ttf') format('truetype'), /* Safari, Android, iOS */
}

@font-face {
    font-family: 'monserrat-medium-bold';
    src: url('/frontEnd/dist/fonts/Montserrat-Medium.ttf');
    /* IE9 Compat Modes */
    src: url('/frontEnd/dist/fonts/Montserrat-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
}

.icono-lista-blanca{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
}

.container-icon-lista-blanca{
    font-size:0.8rem;
}

.container-icon-lista-blanca-white {
    font-size: 0.75rem;
}

.link-almacenes-bosch
{
    cursor:pointer !important;
    color:#103593 !important;
    text-decoration:underline !important;
}


@media (max-width: 425.99px) {
    .tr-texto-responsive{
        flex-direction: column !important;
    }
    .tr-texto-responsive strong{
        line-height: initial;
    }
}

 .bottom-dt {
     margin-right: 30px;
 }

 .loader {
     width: 30px;
     height: 30px;
     border: 5px solid #f3f3f3;
     border-top: 5px solid #003b69;
 }

 .btn-aceptar-modal {
     padding: 0.5rem 3rem 0.5rem 3rem;
     background-color: #003399;
     border-radius: 0;
     font-weight: bold;
     color: #FFF;
     border: none;
     outline: none;
 }

 .btn-aceptar-modal:active {
     border: none;
     outline: none;
 }

 .btn-aceptar-modal:hover {
     cursor: pointer;
 }

 .btn-ver-detalles {
     margin-left: 10px;
     text-decoration: underline !important;
 }

 .btn-ver-detalles:hover {
     cursor: pointer;
 }

 .promociones {
     display: flex;
     align-items: center;
     gap: 45px;
 }

 .precio {
     padding-left: 15px;
     padding-right: 0px;
 }


 @media(min-width: 402px) {
     .precio {
         padding-right: 3px;
     }
 }


 .ecovalor {
     padding-top: .5rem;
     padding-left: 15px;
 }

 @media(min-width: 402px) {
     .ecovalor {
         padding: 0;
     }
 }

 .enfasis-comentario{
    font-weight: bold;
    color: #E30613;
    text-wrap: balance !important;
 }