/* Temas visuales configurables desde Empresa */
.theme-preview-list{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
	gap: 10px;
}
.theme-preview{
	border: 1px solid #d7dce2;
	border-radius: 8px;
	padding: 8px;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 5px;
	align-items: center;
	cursor: pointer;
	background: #fff;
	color: #1f2933;
	text-align: left;
	font: inherit;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.theme-preview:hover{
	transform: translateY(-1px);
	border-color: #3273dc;
}
.theme-preview strong{
	grid-column: 1 / -1;
	font-size: .82rem;
	font-weight: 700;
}
.theme-preview span{
	height: 22px;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,.08);
}
.theme-preview.is-active{
	border-color: #3273dc;
	box-shadow: 0 0 0 2px rgba(50,115,220,.2);
}
.theme-preview-actual span:nth-child(1){ background:#000; }
.theme-preview-actual span:nth-child(2){ background:#3273dc; }
.theme-preview-actual span:nth-child(3){ background:#f5f5f5; }
.theme-preview-fucsia span:nth-child(1){ background:#8a0f82; }
.theme-preview-fucsia span:nth-child(2){ background:#ff2f92; }
.theme-preview-fucsia span:nth-child(3){ background:#ffe5f3; }
.theme-preview-oceano span:nth-child(1){ background:#004aad; }
.theme-preview-oceano span:nth-child(2){ background:#00c2ff; }
.theme-preview-oceano span:nth-child(3){ background:#e7f8ff; }
.theme-preview-lima span:nth-child(1){ background:#102a43; }
.theme-preview-lima span:nth-child(2){ background:#b9ff26; }
.theme-preview-lima span:nth-child(3){ background:#fff33d; }

html[data-theme="fucsia"] body,
html[data-theme="fucsia"] .pageContent{
	background-color: #fff5fb;
}
html[data-theme="fucsia"] .navBar,
html[data-theme="fucsia"] .navBar-options,
html[data-theme="fucsia"] .navLateral-body-logo{
	background-color: #8a0f82 !important;
}
html[data-theme="fucsia"] .navLateral,
html[data-theme="fucsia"] .navLateral-body{
	background-color: #fff7fc;
}
html[data-theme="fucsia"] .navLateral-body-tittle-menu{
	background-color: #ffe0f2;
}
html[data-theme="fucsia"] .menu-principal li a:hover,
html[data-theme="fucsia"] .btn-subMenu-show{
	background-color: #ffd2ea;
}
html[data-theme="fucsia"] .button.is-info,
html[data-theme="fucsia"] .button.is-link,
html[data-theme="fucsia"] .button.is-success,
html[data-theme="fucsia"] .dashboard-icon{
	background-color: #ff2f92;
	border-color: #ff2f92;
	color: #fff;
}
html[data-theme="fucsia"] .dashboard-card:hover,
html[data-theme="fucsia"] .box{
	border-color: #ff8cc8;
}
html[data-theme="fucsia"] .main-container{
	background: linear-gradient(135deg,#8a0f82 0%,#ff2f92 55%,#ffb2dc 100%);
}
html[data-theme="fucsia"] .login{
	border-top: 5px solid #ff2f92;
	box-shadow: 0 18px 40px rgba(138,15,130,.25);
}
html[data-theme="fucsia"] .login .button.is-info{
	background-color: #ff2f92;
	border-color: #ff2f92;
}

html[data-theme="oceano"] body,
html[data-theme="oceano"] .pageContent{
	background-color: #f0fbff;
}
html[data-theme="oceano"] .navBar,
html[data-theme="oceano"] .navBar-options,
html[data-theme="oceano"] .navLateral-body-logo{
	background-color: #004aad !important;
}
html[data-theme="oceano"] .navLateral,
html[data-theme="oceano"] .navLateral-body{
	background-color: #f2fbff;
}
html[data-theme="oceano"] .navLateral-body-tittle-menu{
	background-color: #d8f4ff;
}
html[data-theme="oceano"] .menu-principal li a:hover,
html[data-theme="oceano"] .btn-subMenu-show{
	background-color: #c5efff;
}
html[data-theme="oceano"] .button.is-info,
html[data-theme="oceano"] .button.is-link,
html[data-theme="oceano"] .button.is-success,
html[data-theme="oceano"] .dashboard-icon{
	background-color: #00a9e8;
	border-color: #00a9e8;
	color: #fff;
}
html[data-theme="oceano"] .dashboard-card:hover,
html[data-theme="oceano"] .box{
	border-color: #70dfff;
}
html[data-theme="oceano"] .main-container{
	background: linear-gradient(135deg,#004aad 0%,#00a9e8 58%,#9be8ff 100%);
}
html[data-theme="oceano"] .login{
	border-top: 5px solid #00a9e8;
	box-shadow: 0 18px 40px rgba(0,74,173,.25);
}
html[data-theme="oceano"] .login .button.is-info{
	background-color: #00a9e8;
	border-color: #00a9e8;
}

html[data-theme="lima"] body,
html[data-theme="lima"] .pageContent{
	background-color: #fbfff0;
}
html[data-theme="lima"] .navBar,
html[data-theme="lima"] .navBar-options,
html[data-theme="lima"] .navLateral-body-logo{
	background-color: #102a43 !important;
}
html[data-theme="lima"] .navLateral,
html[data-theme="lima"] .navLateral-body{
	background-color: #fcfff3;
}
html[data-theme="lima"] .navLateral-body-tittle-menu{
	background-color: #efffc1;
}
html[data-theme="lima"] .menu-principal li a:hover,
html[data-theme="lima"] .btn-subMenu-show{
	background-color: #e4ff8e;
}
html[data-theme="lima"] .button.is-info,
html[data-theme="lima"] .button.is-link,
html[data-theme="lima"] .button.is-success,
html[data-theme="lima"] .dashboard-icon{
	background-color: #b9ff26;
	border-color: #b9ff26;
	color: #102a43;
}
html[data-theme="lima"] .dashboard-card:hover,
html[data-theme="lima"] .box{
	border-color: #d6ff66;
}
html[data-theme="lima"] .main-container{
	background: linear-gradient(135deg,#102a43 0%,#1f5b79 45%,#b9ff26 100%);
}
html[data-theme="lima"] .login{
	border-top: 5px solid #b9ff26;
	box-shadow: 0 18px 40px rgba(16,42,67,.25);
}
html[data-theme="lima"] .login .button.is-info{
	background-color: #b9ff26;
	border-color: #b9ff26;
	color: #102a43;
}