/* Document CSS */


/* cap */

.imc--cap-login { display: flex; justify-content: center; min-height: 12em; padding: 2em; background-color: var(--color-principal); }
.imc--cap-login .imc--co { display: flex; align-items: center; align-content: center; justify-content: center; gap: 0 4em; }


/* logos */

.imc--cap-login .imc--logo-gva::before { content: ""; display: inline-block; width: 15em; height: 6em; background: transparent url(../../imgs/logo_gva_fff.svg) no-repeat left center / auto 100%; }
.imc--cap-login .imc--logo-gva span { position: absolute; top: -999em; left: -999em; color: #fff; }

.imc--cap-login .imc--logo-app::before { content: ""; display: inline-block; width: 17.3em; height: 6em; background: transparent url(../../imgs/logo_app_ca-ES_fff.svg) no-repeat left center / 100% auto; }
.imc--cap-login .imc--logo-app span { position: absolute; top: -999em; left: -999em; color: #fff; }


html[lang="es-ES"] .imc--cap-login .imc--logo-app::before { background-image: url(../../imgs/logo_app_es-ES_fff.svg); }



/* MEDIA QUERYS */

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

}

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

}

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

}

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

}

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

}

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

    .imc--cap-login { min-height: auto; }
	.imc--cap-login .imc--co { gap: 0 1em; }

    .imc--cap-login .imc--logo-gva::before { width: 8em; height: 3em; }
	.imc--cap-login .imc--logo-app::before { width: 10em; height: 3em; }

}