.author-profile {
	text-align: center;
}

.avatar-upload {
	position: relative;
	max-width: 205px;
	margin: 0px auto;
}

.avatar-upload .avatar-edit {
	position: absolute;
	right: 36px;
	z-index: 1;
	bottom: 10px;
}

.avatar-upload .avatar-edit input {
	display: none;
}


.avatar-upload .avatar-edit input+label {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-bottom: 0;
	border-radius: 100%;
	background: #ffffff;
	color: #01a3ff;
	border: 1px solid transparent;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	font-weight: normal;
	transition: all 0.2s ease-in-out;
	line-height: 34px;
	text-align: center;
}

.avatar-upload .avatar-preview {
	width: 170px;
	height: 170px;
	position: relative;
	border-radius: 100%;
	border: 6px solid #f8f8f8;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview>div {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.show-pass,
.show-con-pass,
.show-old-pass {
	cursor: pointer;
	border-radius: 0 0.5rem 0.5rem 0px !important;
}

.show-pass .ti-eye,
.show-con-pass .ti-eye,
.show-old-pass .ti-eye {
	display: none;
}


.show-pass.active .ti-eye,
.show-con-pass.active .ti-eye,
.show-old-pass.active .ti-eye {
	display: inline-block;
}


.show-pass.active .ti-eye-off,
.show-con-pass.active .ti-eye-off,
.show-old-pass.active .ti-eye-off {
	display: none;
}


.show-pass, .show-con-pass, .show-old-pass {
    cursor: pointer;
    border-radius: 0 0.5rem 0.5rem 0px !important;
}

.show-pass .ti-eye, .show-con-pass .ti-eye, .show-old-pass .ti-eye {
    display: none;
}


.show-pass.active .ti-eye, .show-con-pass.active .ti-eye, .show-old-pass.active .ti-eye {
    display: inline-block;
}


.show-pass.active .ti-eye-off, .show-con-pass.active .ti-eye-off, .show-old-pass.active .ti-eye-off {
    display: none;
}

.img-full{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#preloader {
    position: fixed;
    inset: 0;
    background: #0f172a; /* color de fondo */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* Ocultar preloader */
#preloader.hide {
    opacity: 0;
    visibility: hidden;
}

/* Spinner */
.loader {
    width: 60px;
    height: 60px;
    border: 6px solid rgba(255, 255, 255, 0.2);
    border-top-color: #38bdf8;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* Animación */
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.bg-custom{
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
}