/* Sin margin: overflow:clip en main recorta la sombra en el área del margin.
   El espacio vertical va en padding del main. */
.um:not(.um-admin) {
	margin-block: 0 !important;
}

.um-page .site-header{
	display: none;
}

main:has(.um:not(.um-admin)) {
	padding-block: 120px;
}

.um.um-login:not(.um-admin) {
	padding: 30px;
	border: 1px solid var(--color-border);
	border-radius: 20px;
	box-shadow:
		0 1px 2px color-mix(in srgb, var(--color-primary) 18%, transparent),
		0 8px 24px color-mix(in srgb, var(--color-primary) 22%, transparent),
		0 16px 48px color-mix(in srgb, var(--color-primary) 28%, transparent);

}

.um-button {
	background: var(--color-primary) !important;
}

.um-button:hover {
	background-color: var(--color-primary-dark) !important;
}

.um-login .um-form::before {
    content: "";
    display: block;
    height: 80px;
	background: url("../img/ves-logo1.png") no-repeat center;
    background-size: contain;
    margin: 0 auto 20px;
}

.um-account-side li a.current span.um-account-icon {
    color: var(--color-primary) !important;
}

.um a.um-link {
    color: var(--color-primary) !important;
}

.um-account-name a:hover {
    color: var(--color-primary) !important;
}

.um-request-button {
    background: var(--color-primary) !important;
}

.um-request-button:hover {
    background-color: var(--color-primary-dark) !important;
}

.um .um-field-radio.active:not(.um-field-radio-state-disabled) i {
    color: var(--color-primary) !important;
}

.um:not(.um-admin) a {
	color: var(--color-primary) !important;
}