.announcements{display:flex;position:fixed;width:100%;z-index:999;top:150px;transition:all .4s ease-out}
.announcements .container-announcements{display:none}
.announcements .container-announcements.activeAlert{display:block}
.announcements .alertaFija{width:100%;display:inline-block}
.announcements .alertaFija .successfull{border-left:4px solid #009262}
.announcements .alertaFija .successfull .alerta span{background-color:#009262}
.announcements .alertaFija .error{border-left:4px solid #d4161b}
.announcements .alertaFija .error .alerta span{background-color:#d4161b}
.announcements .alertaFija .warning{border-left:4px solid #e85515}
.announcements .alertaFija .warning .alerta span{background-color:#e85515}
.announcements .alertaFija .info{border-left:4px solid #009bb7}
.announcements .alertaFija .info .alerta span{background-color:#009bb7}
.announcements .alertaFija .loading{border-left:4px solid #ffcd00}
.announcements .alertaFija .loading .alerta span{background-color:#ffcd00}
.announcements .alertaFija .whiteBackground{background-color:#fff}
.announcements .alertaFija .transparentBackground{background:rgba(0,155,183,0.05)}
.announcements .alertaFija .alertaContent{background-color:white;height:108px;display:flex;flex-direction:row-reverse;padding:12px 12px 24px 32px;gap:24px;align-self:stretch;border-radius:8px 0 0 8px}
@media only screen and (max-width:1096px){.announcements .alertaFija .alertaContent{height:auto;margin:auto}
}
@media only screen and (max-width:768px){.announcements .alertaFija .alertaContent{box-shadow:0 3px 8px 0 rgba(0,0,0,0.25)}
}
.announcements .alertaFija .alertaContent .cerrarAlerta{display:flex;justify-content:end;width:5%}
.announcements .alertaFija .alertaContent .cerrarAlerta i{font-size:24px;color:#333f48;cursor:pointer}
.announcements .alertaFija .alertaContent .alerta{display:flex;gap:24px;width:95%;padding-top:16px}
.announcements .alertaFija .alertaContent .alerta .alertaInfo{display:flex;flex-direction:row;justify-content:space-between;width:100%}
@media only screen and (max-width:1096px){.announcements .alertaFija .alertaContent .alerta .alertaInfo{flex-direction:column}
}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .alertaInfoBox{display:flex;gap:16px;flex-shrink:0;align-items:center}
@media only screen and (max-width:500px){.announcements .alertaFija .alertaContent .alerta .alertaInfo .alertaInfoBox{align-items:start}
}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .alertaInfoBox .tipoAlerta{width:13%;display:flex;justify-content:center;align-items:center}
@media only screen and (max-width:1024px){.announcements .alertaFija .alertaContent .alerta .alertaInfo .alertaInfoBox .tipoAlerta{width:9%}
}
@media only screen and (max-width:960px){.announcements .alertaFija .alertaContent .alerta .alertaInfo .alertaInfoBox .tipoAlerta{width:11%}
}
@media only screen and (max-width:500px){.announcements .alertaFija .alertaContent .alerta .alertaInfo .alertaInfoBox .tipoAlerta{width:22%;align-items:start;height:fit-content}
}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .alertaInfoBox .tipoAlerta span{width:56px;height:56px;border-radius:100%;display:flex;justify-content:center;align-items:center}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .alertaInfoBox .tipoAlerta span i{font-size:24px;color:#fff}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .alertaInfoBox .mensajeAlerta{display:flex;flex-direction:row;justify-content:space-between;width:95%;align-items:center}
@media only screen and (max-width:960px){.announcements .alertaFija .alertaContent .alerta .alertaInfo .alertaInfoBox .mensajeAlerta{width:89%;display:flex;flex-direction:column}
}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .alertaInfoBox .mensajeAlerta .alertaTitulo p{font-size:18px;line-height:26px;font-family:'N27 Bold';font-weight:700;font-style:normal;color:#333f48}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .alertaInfoBox .mensajeAlerta .alertaSubtitulo{display:inline-block;gap:8px}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .alertaInfoBox .mensajeAlerta .alertaSubtitulo p{font-size:16px;line-height:24px;font-family:'N27 Regular';font-weight:400;font-style:normal;color:#333f48;display:inline-block}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .alertaInfoBox .mensajeAlerta .alertaSubtitulo a{font-size:16px;line-height:24px;font-family:'N27 Regular';font-weight:400;font-style:normal;color:#d52b1e;display:inline-block}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .extraLink-active{display:flex;width:fit-content;white-space:nowrap;justify-content:center;align-items:center;border-radius:44px;background:#fff;padding:14px 30px;gap:8px}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .extraLink{height:auto;overflow:hidden}
@media only screen and (max-width:1096px){.announcements .alertaFija .alertaContent .alerta .alertaInfo .extraLink{justify-content:left;width:fit-content;white-space:nowrap;margin-top:24px}
}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .extraLink a{font-size:18px;line-height:26px;font-family:'N27 Bold';font-weight:700;font-style:normal;color:#333f48;display:flex;justify-content:center;align-items:center;gap:8px}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .extraLink span{background-color:transparent;display:flex;justify-content:center;align-items:center}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .extraLink span i{font-size:22px;color:#333f48}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .container-button{width:100%;margin-top:24px;display:flex;gap:24px}
@media only screen and (max-width:600px){.announcements .alertaFija .alertaContent .alerta .alertaInfo .container-button{flex-direction:column}
}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .container-button .boton{display:flex;padding:8px 24px;justify-content:center;align-items:center;border-radius:104px;font-family:'N27 Bold';font-weight:700;font-style:normal;font-size:14px;line-height:22px}
@media only screen and (max-width:600px){.announcements .alertaFija .alertaContent .alerta .alertaInfo .container-button .boton{width:100%}
}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .container-button .boton--rojo{border:1px solid #da291c;background:#fff}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .container-button .boton--rojo a{color:#da291c}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .container-button .boton--blanco{background:#da291c}
.announcements .alertaFija .alertaContent .alerta .alertaInfo .container-button .boton--blanco a{color:#fff}
.announcements .alertaFija .alertaContent .alerta .deshacerAccion{display:none}
.announcements .alertaFija .loadingSpinner{display:none}
.flotanteDeshacer{bottom:10%;overflow:hidden;display:inline-block}
.flotanteDeshacer .deshacerAccion span{color:#d52b1e;font-size:18px;line-height:26px;font-family:'N27 Regular';font-weight:400;font-style:normal;cursor:pointer}
.alertaSmall{display:inline-block;top:10%;overflow:hidden}
.alertaSmall .deshacerAccion{display:none}
.alertaFlotante{position:fixed;right:-10px;z-index:1}
@media only screen and (max-width:500px){.alertaFlotante{width:359px}
}
.alertaFlotante .successfull{border-left:4px solid #009262}
.alertaFlotante .error{border-left:4px solid #d4161b}
.alertaFlotante .warning{border-left:4px solid #e85515}
.alertaFlotante .info{border-left:4px solid #009bb7}
.alertaFlotante .loading{border-left:4px solid #ffcd00}
.alertaFlotante .alertaContent{display:inline-flex;padding:16px 24px;align-items:flex-start;gap:24px;border-radius:10px 0 0 10px;background:#fff;box-shadow:0 3px 8px 0 rgba(0,0,0,0.25);transform:translateX(100%);animation:abrirCerrarAlerta 3s ease-in-out forwards}
.alertaFlotante .alertaContent .cerrarAlerta{display:none !important}
.alertaFlotante .alertaContent .alerta{display:flex;gap:24px}
.alertaFlotante .alertaContent .alerta .tipoAlerta{display:none}
.alertaFlotante .alertaContent .alerta .mensajeAlerta{display:flex;flex-direction:row;justify-content:right;align-items:center}
.alertaFlotante .alertaContent .alerta .mensajeAlerta .alertaTitulo p{font-size:18px;line-height:26px;font-family:'N27 Bold';font-weight:700;font-style:normal;color:#333f48}
.alertaFlotante .alertaContent .alerta .mensajeAlerta .alertaSubtitulo{height:0;overflow:hidden;display:flex;gap:8px}
.alertaFlotante .alertaContent .alerta .mensajeAlerta .hideSpinner{display:none}
.alertaFlotante .alertaContent .alerta .mensajeAlerta .hideSpinner .loadingSpinner{padding-left:20px}
.alertaFlotante .alertaContent .alerta .mensajeAlerta .hideSpinner .loadingSpinner .spinner .spinner-wrapper span.loader{font-size:6px}
.alertaFlotante .alertaContent .alerta .extraLink{height:0;overflow:hidden}
.showSpinner{display:flex}
.closeAlertaContentNoTime{display:none}
@keyframes abrirCerrarAlerta{00%{transform:translateX(100%)}
10%{transform:translateX(0)}
90%{transform:translateX(0)}
100%{transform:translateX(100%)}
}