#contenedor-partial-evento {
    position: relative;
    box-sizing: border-box;
}
#partial-aviso-evento {
    padding: 0;
    width: 100%;
    height: 74px;
    position: absolute;
    z-index: 5;
    display: flex;
    justify-content: center;
    font-family: 'Open sans', sans-serif;
    box-sizing: border-box;
}
#partial-aviso-evento .contenedor {
    max-width: 830px;
    display: flex;
}
#partial-aviso-evento .contenedor .imagen {
    margin-right: 40px;
    padding-top: 2px;
    width: 120px;
    height: 100%;
    box-sizing: border-box;
}
#partial-aviso-evento .contenedor .imagen img {
    width: 100%;
    height: auto;
}
#partial-aviso-evento .contenedor .texto {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#partial-aviso-evento .contenedor .texto a {
    text-decoration: none;
    color: unset;
}
#partial-aviso-evento .contenedor .texto a:hover {
    text-decoration: underline;
}
#partial-aviso-evento .contenedor .texto h2 {
    margin: 0;
    font-size: var(--pe-size);
    font-weight: bold;
    text-align: center;
    color: unset;
}
#partial-aviso-evento .contenedor .texto p {
    margin: 0;
    font-size: var(--xpe-size);
    text-align: center;
    color: unset;
}

#partial-aviso-evento.blanco {color: var(--color-azulnoche); background: linear-gradient(180deg, #FFFFFF 0%, #FDFDFD 0.01%, #F1F1F1 100%);}
#partial-aviso-evento.amarillo {color: var(--color-azulnoche); background: linear-gradient(180deg, #FFEC87 -63.26%, #FFF5BE -63.23%, #DAB700 163.26%);}
#partial-aviso-evento.melocoton {color: var(--color-azulnoche); background: linear-gradient(180deg, #FFDFAF -63.26%, #F19100 163.26%);}
#partial-aviso-evento.rosa {color: var(--color-azulnoche); background: linear-gradient(180deg, #FFD7D7 -63.26%, #EC7474 163.26%);}
#partial-aviso-evento.orquidea {color: var(--color-azulnoche); background: linear-gradient(180deg, #E9D7FF -63.26%, #E274EC 163.26%);}
#partial-aviso-evento.azulcielo {color: var(--color-azulnoche); background: linear-gradient(180deg, #D7ECFF -63.26%, #74B9EC 163.26%);}
#partial-aviso-evento.azul {color: var(--color-blanco); background: linear-gradient(180deg, #337FC5 -63.26%, #092D8A 163.26%);}
#partial-aviso-evento.verde {color: var(--color-blanco); background: linear-gradient(180deg, #61C533 -9.46%, #4A8A09 114.86%);}
#partial-aviso-evento.purpura {color: var(--color-blanco); background: linear-gradient(180deg, #C533A5 -63.26%, #70098A 163.26%);}
#partial-aviso-evento.violeta {color: var(--color-blanco); background: linear-gradient(180deg, #C53379 -63.26%, #8A0938 163.26%);}
#partial-aviso-evento.cafe {color: var(--color-blanco); background: linear-gradient(180deg, #C57933 -63.26%, #8A4709 163.26%);}
#partial-aviso-evento.naranja {color: var(--color-blanco); background: linear-gradient(180deg, #FF9900 -63.26%, #885304 163.26%);}
#partial-aviso-evento.rojo {color: var(--color-blanco); background: linear-gradient(180deg, #C53333 0%, #8A0909 114.86%);}
#partial-aviso-evento.gris {color: var(--color-blanco); background: linear-gradient(180deg, #B8B8B8 -63.26%, #404040 163.26%);}
#partial-aviso-evento.negro {color: var(--color-blanco); background: linear-gradient(180deg, #626262 -63.26%, #0C0C0C 163.26%);}




/* PANTALLAS */
@media only screen and (max-width: 768px) {
    #contenedor-partial-evento {
        padding: 0;
        height: 74px;
        /* background-color: var(--color-lu-azul); */
        background: var(--grad-radio-azul);
    }
    #partial-aviso-evento {
        margin: 30px 0;
        padding: 10px 0;
        height: unset;
        display: flex;
        justify-content: center;
    }
    #partial-aviso-evento .contenedor .imagen {
        margin-right: 10px;
        padding-top: unset;
        padding: 5px;
        width: 50px;
        height: unset;
        box-sizing: border-box;
    }
    #partial-aviso-evento .contenedor .texto h2 {
        font-size: var(--xpe-size);
        text-align: left;
    }
    #partial-aviso-evento .contenedor .texto p {
        text-align: left;
    }
}

@media only screen and (min-width: 768px) {
    
}

@media only screen and (min-width: 1000px) {
    
}

@media only screen and (min-width: 1200px) {
    
}

@media only screen and (min-width: 1400px) {
    
}

@media only screen and (min-width: 1610px) {
    
}