div[galeria]{
	display:inline-block;
	height: 200px;
}

div[galeria][galeria-ajustar-tamano]{
	height: calc(var(--galeria-alto-max) * 1px);
	width:  calc(var(--galeria-ancho-max) * 1px);
}

div[galeria] img{
	display: none;
	height: 100%;
	opacity: 0;
	animation: desvanecer 1s;
	border-radius: 18px;
	max-width:100%;
}

div[galeria] [galeria-actual]{
	display: block;
	opacity: 1;
	animation: aparecer 1s;
}

div[galeria].centrada img{
	margin-left:auto;
	margin-right: auto;
}

@keyframes aparecer {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}


@keyframes desvanecer {
    0% {
        display: block;
        opacity: 1;
    }

    1% {
        display: none;
        opacity: 1;
    }

    100% {
        display: none;
        opacity: 0;
    }
}