/* Document CSS */


/* missatge */

.imc--missatge { position: fixed; z-index: 40; top: 0; left: 0; width: 100%; height: 100%; font: normal 1em var(--text); transition: visibility .2s cubic-bezier(0,.78,.25,1), opacity .2s cubic-bezier(0,.78,.25,1); }
.imc--missatge[aria-hidden="false"] { transition: visibility 0s ease-out, opacity .2s cubic-bezier(0,.78,.25,1); }

.imc--missatge::before { content: ""; position: fixed; z-index: 11; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); }

.imc--missatge .imc--contingut { position: fixed; z-index: 12; top: 50%; left: 50%; width: 30em; text-align: center; padding: 1.3em 2em 1em 2em; background-color: #fff; border: 1px solid #ccc; transform: translate(-50%, -50%); transition: border-color .2s ease-out; }

.imc--missatge:focus .imc--contingut { border-color: #000; }

.imc--missatge header { padding: 0 0 .2em 0; }
.imc--missatge h2 { font: normal 1em var(--text); line-height: 1.6em; margin: .3em 0 .5em 0; }
.imc--missatge h2 span { font-size: 1.2em; font-weight: bold; }

.imc--missatge .imc--info { padding: 0 0 1em 0; }
.imc--missatge .imc--info p { margin-bottom: 1em; }

.imc--missatge .imc--info:empty { display: none; }

.imc--missatge .imc--botonera { list-style: none; margin: 1.5em 0 0 0; text-align: right; }
.imc--missatge .imc--botonera button { display: none; margin-left: .5em; }


/* tipus */

.imc--missatge[data-tipus='informacio'] .imc--botonera button[data-accio="dacord"] { display: inline-block; }

.imc--missatge[data-tipus='accio'] .imc--botonera button[data-accio="accepta"],
.imc--missatge[data-tipus='accio'] .imc--botonera button[data-accio="cancela"] { display: inline-block; }

.imc--missatge[data-tipus='execucio'] .imc--botonera { display: none; }


/* estat -> amb icona */

.imc--missatge[data-estat] .imc--contingut::before { content: ""; display: block; width: 2em; height: 2em; margin: 0 auto 1em auto; background: transparent url() no-repeat center center / auto 100%; }

.imc--missatge[data-estat='eixir'] .imc--contingut::before { background-image: url(../../imgs/icones/ico_desconnecta_EF2345.svg); }
.imc--missatge[data-estat='alerta'] .imc--contingut::before { background-image: url(../../imgs/icones/ico_alerta_ff6124.svg); }
.imc--missatge[data-estat='atencio'] .imc--contingut::before { background-image: url(../../imgs/icones/ico_atencio_FFAE43.svg); }
.imc--missatge[data-estat='correcte'] .imc--contingut::before { background-image: url(../../imgs/icones/ico_correcte_2AA63C.svg); }
.imc--missatge[data-estat='error'] .imc--contingut::before { background-image: url(../../imgs/icones/ico_error_EF2345.svg); }
.imc--missatge[data-estat='desa'] .imc--contingut::before { background-image: url(../../imgs/icones/ico_desa_3984EF.svg); }
.imc--missatge[data-estat='informa'] .imc--contingut::before { background-image: url(../../imgs/icones/ico_info_3984EF.svg); }

.imc--missatge[data-estat='executant'] .imc--contingut::before {
    border: .3em solid transparent;
    border-top-color: var(--color-principal);
    border-bottom-color: var(--color-principal);
    border-radius: 50%;
    animation-name: carregant;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}



/* media */

@media only screen and (max-width : 650px) {

	.imc--missatge .imc--contingut { width: 90%; }

}