@import url('https://fonts.cdnfonts.com/css/brandon-text-medium');
@import url('https://fonts.cdnfonts.com/css/gaston-villa');
@import url('https://fonts.cdnfonts.com/css/lovin-summer');


body{
    font-family: 'Brandon Text Regular', sans-serif !important;
    background: #ffffff;

}

.dreamsCard {
    box-shadow: 0px 5px rgba(0,0,0,0.13);
    border-radius: 20px;
    border: 0.5px solid rgb(191,203,215);
    background: linear-gradient(#EBF9FC, #82B3F9);
}

.goldCard {
    box-shadow: 0px 5px rgba(0,0,0,0.13);
    border-radius: 20px;
    border: 0.5px solid rgb(191,203,215);
    background: linear-gradient(#fcfae9, #ebda75);
}

.blackCard {
    box-shadow: 0px 5px rgba(0,0,0,0.13);
    border-radius: 20px;
    border: 0.5px solid rgb(191,203,215);
    background: linear-gradient(#fdfdfd, #424242);
}

.platinumCard {
    box-shadow: 0px 5px rgba(0,0,0,0.13);
    border-radius: 20px;
    border: 0.5px solid rgb(191,203,215);
    background: linear-gradient(#ffffff, #c5cfd1);
}

.oneCard {
    box-shadow: 0px 5px rgba(0,0,0,0.13);
    border-radius: 20px;
    border: 0.5px solid rgb(191,203,215);
    background: linear-gradient(#fffefe, #c75959);
}

@media screen and (max-width: 300px){
    .texto-categoria{
        line-height: inherit;
        text-align: center;
        font-size: 2.6rem;
        background-image: linear-gradient(90deg, #00287B, #2C9CD8);
        font-family: 'Gaston Villa', sans-serif;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .texto-cliente{
        color: #ffffff;
        font-size: 0.7rem;
        font-weight: bold;
        text-align: left;
    }
    
    .texto-casino{
        margin-top: 24px;
        line-height: inherit;
        text-align: right;
        font-size: 0.7rem;
        color: #ffffff;
    }

    .flecha{
        text-align: right;
        width: 1.2rem;
    }
    
    .texto-titulo-perfil{
        color: ##00287B;
        font-size: 0.7rem;
        font-weight: bold;
        text-align: center;
    }

    .texto-subtitulo-perfil{
        line-height: inherit;
        text-align: center;
        font-size: 0.7rem;
        color: #00287B;
    }

    .texto-titulo-puntos-perfil{
        line-height: inherit;
        text-align: center;
        font-size: 0.67rem;
        color: #00287B;
    }

    .texto-subtitulo-puntos-perfil{
        line-height: inherit;
        text-align: center;
        font-style: italic;
        font-size: 0.6rem;
        color: #00287B;
    }
    
    .puntos-perfil{
        color: #00287B;
        font-weight: bold;
        font-size: 0.6rem;
    }

    .texto-opciones{
        color: #00287B;
        text-align: center;
        font-size: 0.6rem;
    }
    
    .progress{
        width: 10rem !important;
        height: 4rem !important;
        line-height: 150px !important;
        background: none !important;
        margin: 0 auto !important;
        box-shadow: none !important;
        position: relative !important;        
    }
    
    .link-cartola-puntos{
        color: #00287B;
        font-size: 0.49rem;
    }
    
    .texto-botones{
        color: #ffffff;
        font-weight: bold;
        font-size: 0.7rem;
        width: 62%;
        background: linear-gradient(#071d46 0%, rgb(28,52,97) 48%, #071d46);
        margin-bottom: 15px;
    }
    
    .ìmg-tarjeta-dreams{
        width: 6rem;
        position: absolute;
        left: 1rem;
        top: 3rem;
    }
    
    .texto-titulo-saldo{
        font-size: 0.9rem;
        color: #071d46;
    }
    
    .texto-mi-cash{
        font-size: 0.8rem;
        color: #071d46;
        text-align: center;
    }
    
    .saldo-perfil{
        color: #071d46;
        font-weight: bold;
        font-size: 1.8rem;
    }
    
    .titulo-micash{
        font-weight: bold;
        color: rgb(255,255,255);
        font-size: 1.6rem;        
    }
    
    .texto-inst-micash{
        color: #ffc107;
        font-size: 0.9rem;
        text-align: justify;
    }

    .texto-leyenda-micash{  
        color: rgb(255,255,255);
        font-size: 0.9rem;
    }
    
    .texto-leyenda-micash-2{
        font-size: 0.9rem;
        color: rgb(255,255,255);
        font-weight: bold;
    }
    
    .info-espera-micash{
        color: rgb(255,255,255);
        font-size: 1.1rem;
        text-align: center;
    }

    .boton-amarillo-micash{
        background: url('../img/BOTON_AMARILLO.svg');
        color: #071d46;
        font-weight: bold;
        font-size: 0.7rem;
        width: 85%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .boton-amarillo-ver-notificacion{
        background: url('../img/BOTON_AMARILLO.svg');
        color: #071d46;
        font-weight: bold;
        font-size: 0.7rem;
        width: 85%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .icono-contacto{
        width: 1.5rem;
    }
    
    .texto-contacto{
        color: rgb(255,255,255);
        font-size: 0.8rem;
    }
    
    .titulo-notificaciones{
        color: #071d46;
        font-size: 1rem;
        font-weight: bold;
        padding-left: 1rem;
    }
    
    .titulo-notificacion{
        color: #11316A;
        font-size: 0.8rem;
        font-weight: bold;
    }
    
    .texto-notificacion{
        text-align: justify;
        font-size: 0.7rem;
        color: #5F6FA1;
    }
    
    .fecha-notificacion{
        text-align: right;
        color: #071d46 !important;
        font-size: 0.8rem;
    }
    
    .fecha-notificaciones-detalles{
        margin-left: 50%;
        font-size: 0.9rem;
        color: rgb(108, 117, 125);
    }
    
    .titulo-notificaciones-detalles{
        color: #071D46;
        font-size: 1rem;
        font-weight: bold;
        text-align: left;
    }
    
    .cuerpo-notificacion-detalles{
        line-height: inherit;
        text-align: left;
        font-size: 0.9rem;
        color: #11316A;
    }
}

@media screen and (min-width: 300px) and (max-width: 350px){
    .texto-categoria{
        line-height: inherit;
        text-align: center;
        font-size: 3rem;
        background-image: linear-gradient(90deg, #00287B, #2C9CD8);
        font-family: 'Gaston Villa', sans-serif;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .texto-cliente{
        color: #ffffff;
        font-size: 0.8rem;
        font-weight: bold;
        text-align: left;
    }
    
    .texto-casino{
        margin-top: 24px;
        line-height: inherit;
        text-align: right;
        font-size: 0.8rem;
        color: #ffffff;
    }
    
    .flecha{
        text-align: right;
        width: 1.4rem;
    }

    .texto-titulo-perfil{
        color: #00287B;
        font-size: 0.9rem;
        font-weight: bold;
        text-align: center;
    }
    
    .texto-subtitulo-perfil{
        line-height: inherit;
        text-align: center;
        font-size: 0.8rem;
        color: #00287B;
    }
    
    .texto-titulo-puntos-perfil{
        line-height: inherit;
        text-align: center;
        font-size: 0.9rem;
        color: #00287B;
    }

    .texto-subtitulo-puntos-perfil{
        line-height: inherit;
        text-align: center;
        font-style: italic;
        font-size: 0.8rem;
        color: #00287B;
    }

    .puntos-perfil{
        color: #00287B;
        font-weight: bold;
        font-size: 0.9rem;
    }

    .texto-opciones{
        color: #00287B;
        text-align: center;
        font-size: 0.8rem;
    }

    .progress{
        width: 10rem !important;
        height: 5rem !important;
        line-height: 150px !important;
        background: none !important;
        margin: 0 auto !important;
        box-shadow: none !important;
        position: relative !important;        
    }

    .link-cartola-puntos{
        color: #00287B;
        font-size: 0.6rem;
    }

    .texto-botones{
        color: #ffffff;
        font-weight: bold;
        font-size: 0.9rem;
        width: 62%;
        background: linear-gradient(#071d46 0%, rgb(28,52,97) 48%, #071d46);
        margin-bottom: 15px;
    }

    .ìmg-tarjeta-dreams{
        width: 9rem;
        position: absolute;
        top: 2.5rem;
        left: 0rem;
    }    
    
    .texto-titulo-saldo{
        font-size: 1.1rem;
        color: #00287B;
    }
    
    .texto-mi-cash{
        font-size: 1rem;
        color: #00287B;
        text-align: center;
    }

    .saldo-perfil{
        color: #071d46;
        font-weight: bold;
        font-size: 2rem;
    }
    
    .titulo-micash{
        font-weight: bold;
        color: rgb(255,255,255);
        font-size: 1.8rem;        
    }
    
    .texto-inst-micash{
        color: #ffc107;
        font-size: 1rem;
        text-align: justify;
    }

    .texto-leyenda-micash{  
        color: rgb(255,255,255);
        font-size: 1rem;
    }
    
    .texto-leyenda-micash-2{
        font-size: 1rem;
        color: rgb(255,255,255);
        font-weight: bold;
    }
    
    .info-espera-micash{
        color: rgb(255,255,255);
        font-size: 1.2rem;
        text-align: center;
    }    
    
    .boton-amarillo-micash{
        background: url('../img/BOTON_AMARILLO.svg');
        color: #071d46;
        font-weight: bold;
        font-size: 0.9rem;
        width: 85%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .boton-amarillo-ver-notificacion{
        background: url('../img/BOTON_AMARILLO.svg');
        color: #071d46;
        font-weight: bold;
        font-size: 0.9rem;
        width: 85%;
        background-repeat: no-repeat;
        background-size: cover;
    }    
    
    .icono-contacto{
        width: 1.7rem;
    }
    
    .texto-contacto{
        color: rgb(255,255,255);
        font-size: 1rem;
    }
    
    .titulo-notificaciones{
        color: #071d46;
        font-size: 1.2rem;
        font-weight: bold;
        padding-left: 1.4rem;
    }
    
    .titulo-notificacion{
        color: #11316A;
        font-size: 1rem;
        font-weight: bold;
    }
    
    .texto-notificacion{
        text-align: justify;
        font-size: 0.9rem;
        color: #5F6FA1;
    }
    
    .fecha-notificacion{
        text-align: right;
        color: #071d46 !important;
        font-size: 1rem;
    }
    
    .fecha-notificaciones-detalles{
        margin-left: 55%;
        font-size: 1rem;
        color: rgb(108, 117, 125);
    }
    
    .titulo-notificaciones-detalles{
        color: #071D46;
        font-size: 1.1rem;
        font-weight: bold;
        text-align: left;
    }
    
    .cuerpo-notificacion-detalles{
        line-height: inherit;
        text-align: left;
        font-size: 1rem;
        color: #11316A;
    }
}

@media screen and (min-width: 350px) and (max-width: 400px){
    .texto-categoria{
        line-height: inherit;
        text-align: center;
        font-size: 3rem;
        background-image: linear-gradient(90deg, #00287B, #2C9CD8);
        font-family: 'Gaston Villa', sans-serif;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .texto-cliente{
        color: #ffffff;
        font-size: 0.9rem;
        font-weight: bold;
        text-align: left;
    }
    
    .texto-casino{
        margin-top: 24px;
        line-height: inherit;
        text-align: right;
        font-size: 0.9rem;
        color: #ffffff;
    }

    .flecha{
        text-align: right;
        width: 1.4rem;
    }
    
    .texto-titulo-perfil{
        color: #00287B;
        font-size: 1.2rem;
        font-weight: bold;
        text-align: center;
    }
    
    .texto-subtitulo-perfil{
        line-height: inherit;
        text-align: center;
        font-size: 1.2rem;
        color: #00287B;
    }
    
    .texto-titulo-puntos-perfil{
        line-height: inherit;
        text-align: center;
        font-size: 1.1rem;
        color: #00287B;
    }
    
    .texto-subtitulo-puntos-perfil{
        line-height: inherit;
        text-align: center;
        font-style: italic;
        font-size: 1rem;
        color: #00287B;
    }

    .puntos-perfil{
        color: #00287B;
        font-weight: bold;
        font-size: 1.2rem;
    }

    .texto-opciones{
        color: #00287B;
        text-align: center;
        font-size: 1rem;
    }
    
    .progress{
        width: 10rem !important;
        height: 6rem !important;
        line-height: 150px !important;
        background: none !important;
        margin: 0 auto !important;
        box-shadow: none !important;
        position: relative !important;        
    }
    
    .link-cartola-puntos{
        color: #00287B;
        font-size: 0.8rem;
    }
    
    .texto-botones{
        color: #ffffff;
        font-weight: bold;
        font-size: 1.1rem;
        width: 62%;
        background: linear-gradient(#071d46 0%, rgb(28,52,97) 48%, #071d46);
        margin-bottom: 15px;
    }
    
    .ìmg-tarjeta-dreams{
        width: 9rem;
        position: absolute;
        top: 4.5rem;
        left: 1rem;
    }    
    
    .texto-titulo-saldo{
        font-size: 1.4rem;
        color: #071d46;
    }
    
    .saldo-perfil{
        color: #071d46;
        font-weight: bold;
        font-size: 2.2rem;
    }
    
    .texto-mi-cash{
        font-size: 1.2rem;
        color: #071d46;
        text-align: center;
    }
    
    .titulo-micash{
        font-weight: bold;
        color: rgb(255,255,255);
        font-size: 2rem;        
    }
    
    .texto-inst-micash{
        color: #ffc107;
        font-size: 1.1rem;
        text-align: justify;
    }

    .texto-leyenda-micash{  
        color: rgb(255,255,255);
        font-size: 1.1rem;
    }

    .texto-leyenda-micash-2{
        font-size: 1.1rem;
        color: rgb(255,255,255);
        font-weight: bold;
    }
    
    .info-espera-micash{
        color: rgb(255,255,255);
        font-size: 1.3rem;
        text-align: center;
    }    
    
    .boton-amarillo-micash{
        background: url('../img/BOTON_AMARILLO.svg');
        color: #071d46;
        font-weight: bold;
        font-size: 1.1rem;
        width: 85%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .boton-amarillo-ver-notificacion{
        background: url('../img/BOTON_AMARILLO.svg');
        color: #071d46;
        font-weight: bold;
        font-size: 1.1rem;
        width: 85%;
        background-repeat: no-repeat;
        background-size: cover;
    }    
    
    .icono-contacto{
        width: 1.9rem;
    }
    
    .texto-contacto{
        color: rgb(255,255,255);
        font-size: 1.2rem;
    }
    
    .titulo-notificaciones{
        color: #071d46;
        font-size: 1.4rem;
        font-weight: bold;
        padding-left: 1.4rem;
    }
    
    .titulo-notificacion{
        color: #11316A;
        font-size: 1.2rem;
        font-weight: bold;
    }
    
    .texto-notificacion{
        text-align: justify;
        font-size: 1.1rem;
        color: #5F6FA1;
    }

    .fecha-notificacion{
        text-align: right;
        color: #071d46 !important;
        font-size: 1.2rem;
    }
    
    .fecha-notificaciones-detalles{
        margin-left: 57%;
        font-size: 1.2rem;
        color: rgb(108, 117, 125);
    }
    
    .titulo-notificaciones-detalles{
        color: #071D46;
        font-size: 1.3rem;
        font-weight: bold;
        text-align: left;
    }
    
    .cuerpo-notificacion-detalles{
        line-height: inherit;
        text-align: l.2eft;
        font-size: 1.2rem;
        color: #11316A;
    }    
}

@media screen and (min-width: 400px) and (max-width: 450px){
    .texto-categoria{
        line-height: inherit;
        text-align: center;
        font-size: 4rem;
        background-image: linear-gradient(90deg, #00287B, #2C9CD8);
        font-family: 'Gaston Villa', sans-serif;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .texto-cliente{
        color: #ffffff;
        font-size: 1rem;
        font-weight: bold;
        text-align: left;
    }
    
    .texto-casino{
        margin-top: 24px;
        line-height: inherit;
        text-align: right;
        font-size: 1rem;
        color: #ffffff;
    }
    
    .flecha{
        text-align: right;
        width: 1.8rem;
    }

    .texto-titulo-perfil{
        color: #00287B;
        font-size: 1.4rem;
        font-weight: bold;
        text-align: center;
    }
    
    .texto-subtitulo-perfil{
        line-height: inherit;
        text-align: center;
        font-size: 1.4rem;
        color: #00287B;
    }
    
    .texto-titulo-puntos-perfil{
        line-height: inherit;
        text-align: center;
        font-size: 1.4rem;
        color: #00287B;
    }

    .texto-subtitulo-puntos-perfil{
        line-height: inherit;
        text-align: center;
        font-style: italic;
        font-size: 1.2rem;
        color: #00287B;
    }
    
    .puntos-perfil{
        color: #00287B;
        font-weight: bold;
        font-size: 1.6rem;
    }

    .texto-opciones{
        color: #00287B;
        text-align: center;
        font-size: 1.2rem;
    }
    
    .progress{
        width: 10rem !important;
        height: 7rem !important;
        line-height: 150px !important;
        background: none !important;
        margin: 0 auto !important;
        box-shadow: none !important;
        position: relative !important;        
    }
    
    .link-cartola-puntos{
        color: #00287B;
        font-size: 0.9rem;
    }
    
    .texto-botones{
        color: #ffffff;
        font-weight: bold;
        font-size: 1.3rem;
        width: 62%;
        background: linear-gradient(#071d46 0%, rgb(28,52,97) 48%, #071d46);
        margin-bottom: 15px;
    }
    
    .ìmg-tarjeta-dreams{
        width: 10rem;
        position: absolute;
        left: 1.7rem;
        top: 4.2rem;
    }    
    
    .texto-titulo-saldo{
        font-size: 1.4rem;
        color: #071d46;
    }
    
    .saldo-perfil{
        color: #071d46;
        font-weight: bold;
        font-size: 2.4rem;
    }
    
    .texto-mi-cash{
        font-size: 1.4rem;
        color: #071d46;
        text-align: center;
    }
    
    .titulo-micash{
        font-weight: bold;
        color: rgb(255,255,255);
        font-size: 2.2rem;        
    }
    
    .texto-inst-micash{
        color: #ffc107;
        font-size: 1.2rem;
        text-align: justify;
    }   
    
    .texto-leyenda-micash{  
        color: rgb(255,255,255);
        font-size: 1.2rem;
    }
    
    .texto-leyenda-micash-2{
        font-size: 1.2rem;
        color: rgb(255,255,255);
        font-weight: bold;
    }

    .info-espera-micash{
        color: rgb(255,255,255);
        font-size: 1.4rem;
        text-align: center;
    }    
    
    .boton-amarillo-micash{
        background: url('../img/BOTON_AMARILLO.svg');
        color: #071d46;
        font-weight: bold;
        font-size: 1.3rem;
        width: 85%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .boton-amarillo-ver-notificacion{
        background: url('../img/BOTON_AMARILLO.svg');
        color: #071d46;
        font-weight: bold;
        font-size: 1.3rem;
        width: 85%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .icono-contacto{
        width: 2.1rem;
    }
    
    .texto-contacto{
        color: rgb(255,255,255);
        font-size: 1.4rem;
    }
    
    .titulo-notificaciones{
        color: #071d46;
        font-size: 1.6rem;
        font-weight: bold;
        padding-left: 1.4rem;
    }
    
    .titulo-notificacion{
        color: #11316A;
        font-size: 1.4rem;
        font-weight: bold;
    }
    
    .texto-notificacion{
        text-align: justify;
        font-size: 1.3rem;
        color: #5F6FA1;
    }
    
    .fecha-notificacion{
        text-align: right;
        color: #071d46 !important;
        font-size: 1.4rem;
    }
    
    .fecha-notificaciones-detalles{
        margin-left: 60%;
        font-size: 1.24rem;
        color: rgb(108, 117, 125);
    }
    
    .titulo-notificaciones-detalles{
        color: #071D46;
        font-size: 1.4rem;
        font-weight: bold;
        text-align: left;
    }
    
    .cuerpo-notificacion-detalles{
        line-height: inherit;
        text-align: l.2eft;
        font-size: 1.24rem;
        color: #11316A;
    }    
}

@media screen and (min-width: 450px){
    .texto-categoria{
        line-height: inherit;
        text-align: center;
        font-size: 4.5rem;
        background-image: linear-gradient(90deg, #00287B, #2C9CD8);
        font-family: 'Gaston Villa', sans-serif;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .texto-cliente{
        color: #ffffff;
        font-size: 1.2rem;
        font-weight: bold;
        text-align: left;
    }
    
    .texto-casino{
        margin-top: 24px;
        line-height: inherit;
        text-align: right;
        font-size: 1.2rem;
        color: #ffffff;
    }

    .flecha{
        text-align: right;
        width: 2.2rem;
    }
    
    .texto-titulo-perfil{
        color: #071d46;
        font-size: 1.7rem;
        font-weight: bold;
        text-align: center;
    }
    
    .texto-subtitulo-perfil{
        line-height: inherit;
        text-align: center;
        font-size: 1.7rem;
        color: #00287B;
    }
    
    .texto-titulo-puntos-perfil{
        line-height: inherit;
        text-align: center;
        font-size: 1.6rem;
        color: #00287B;
    }

    .texto-opciones{
        color: #00287B;
        text-align: center;
        font-size: 1.4rem;
    }
    
    .texto-subtitulo-puntos-perfil{
        line-height: inherit;
        text-align: center;
        font-style: italic;
        font-size: 1.4rem;
        color: #00287B;
    }

    .puntos-perfil{
        color: #00287B;
        font-weight: bold;
        font-size: 1.8rem;
    }
    
    .progress{
        width: 10rem !important;
        height: 9rem !important;
        line-height: 150px !important;
        background: none !important;
        margin: 0 auto !important;
        box-shadow: none !important;
        position: relative !important;        
    }
    
    .link-cartola-puntos{
        color: #00287B;
        font-size: 1rem;
    }
    
    .texto-botones{
        color: #ffffff;
        font-weight: bold;
        font-size: 1.5rem;
        width: 62%;
        background: linear-gradient(#071d46 0%, rgb(28,52,97) 48%, #071d46);
        margin-bottom: 15px;
    }
    
    .ìmg-tarjeta-dreams{
        width: 12rem;
        position: absolute;
        left: 1rem;
        top: 5rem;
    }    
    
    .texto-titulo-saldo{
        font-size: 1.6rem;
        color: #071d46;
    }
    
    .saldo-perfil{
        color: #071d46;
        font-weight: bold;
        font-size: 2.6rem;
    }
    
    .texto-mi-cash{
        font-size: 1.6rem;
        color: #071d46;
        text-align: center;
    }
    
    .titulo-micash{
        font-weight: bold;
        color: rgb(255,255,255);
        font-size: 2.4rem;        
    }
    
    .texto-inst-micash{
        color: #ffc107;
        font-size: 1.3rem;
        text-align: justify;
    }
    
    .texto-leyenda-micash{  
        color: rgb(255,255,255);
        font-size: 1.3rem;
    }

    .texto-leyenda-micash-2{
        font-size: 1.3rem;
        color: rgb(255,255,255);
        font-weight: bold;
    }
    
    .info-espera-micash{
        color: rgb(255,255,255);
        font-size: 1.5rem;
        text-align: center;
    }    
    
    .boton-amarillo-micash{
        background: url('../img/BOTON_AMARILLO.svg');
        color: #071d46;
        font-weight: bold;
        font-size: 1.5rem;
        width: 85%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .boton-amarillo-ver-notificacion{
        background: url('../img/BOTON_AMARILLO.svg');
        color: #071d46;
        font-weight: bold;
        font-size: 1.5rem;
        width: 85%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .icono-contacto{
        width: 2.3rem;
    }
    
    .texto-contacto{
        color: rgb(255,255,255);
        font-size: 1.6rem;
    }
    
    .titulo-notificaciones{
        color: #071d46;
        font-size: 1.8rem;
        font-weight: bold;
        padding-left: 1.4rem;
    }
    
    .titulo-notificacion{
        color: #11316A;
        font-size: 1.6rem;
        font-weight: bold;
    }
    
    .texto-notificacion{
        text-align: justify;
        font-size: 1.5rem;
        color: #5F6FA1;
    }
    
    .fecha-notificacion{
        text-align: right;
        color: #071d46 !important;
        font-size: 1.6rem;
    }
    
    .fecha-notificaciones-detalles{
        margin-left: 64%;
        font-size: 1.3rem;
        color: rgb(108, 117, 125);
    }
    
    .titulo-notificaciones-detalles{
        color: #071D46;
        font-size: 1.5rem;
        font-weight: bold;
        text-align: left;
    }
    
    .cuerpo-notificacion-detalles{
        line-height: inherit;
        text-align: l.2eft;
        font-size: 1.3rem;
        color: #11316A;
    }
}

@media screen and (max-width: 400px){
    .texto-alertas{
        font-family: Mulish, sans-serif;
        color: #000000;
        font-size: 0.8rem;
    }
    
    .icono-rechazo{
        color: #FF0000;
    }
    
    .icono-ok{
        color: #008506;
    }
}

@media screen and (min-width: 400px){
    .texto-alertas{
        font-family: Mulish, sans-serif;
        color: #000000;
        font-size: 1rem;
    }
    
    .icono-rechazo{
        color: #FF0000;
    }
    
    .icono-ok{
        color: #008506;
    }
}

@media screen and (max-width: 450px){
    .img_notificaciones{
        width: 2.1rem;
    }
}

@media screen and (min-width: 450px){
    .img_notificaciones{
        width: 2.2rem;
    }
}

.notificaciones-leidas{
    box-shadow: 0px 5px rgb(0 0 0 / 13%);
    border-radius: 20px;
    cursor: pointer;
}

.notificaciones-no-leidas{
    background: #FED045;
    box-shadow: 0px 5px rgba(0,0,0,0.13);
    border-radius: 20px;
    cursor: pointer;
}