.alerta {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 10px 10px 10px;
    column-gap: 20px;
    background-color: #fe7190;
    width: 100%;
    font-size: 20px;
    color: #1d1d1b;
    margin-bottom: 30px;
}
.alerta-icono {
	content:url("/application/themes/ual/images/aviso-campana.png");
}
.alerta-verde-icono {
	content:url("/application/themes/ual/images/alerta-icono-verde.png");
}
.alerta-amarilla-icono {
	content:url("/application/themes/ual/images/alerta-icono-amarilla.png");
}
.alerta-verde {
    background-color: #6ff2bb;
}
.alerta-amarilla {
    background-color: #ffc940;
}

/* // Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {}

/* // Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {}
.alerta {
    margin-top: 20px;
}

/* // Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
    .alerta {
        font-size: 12px;
    }
}


/* // Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {}