.no-js .user-toggle {
	display: none;
}
.toggle-button {
	display: flex;
}
.toggle-button:focus {
	outline: 1px solid var(--button-background);
	outline-offset: 0.5rem;
}
/*HEADER VIDEO O SLIDESHOW*/
.headerv-switch .current{
	padding: 0.2rem 2rem !important;
}
.headerv-switch .noche{
	padding: 5px .5rem !important;
}
.headerv-switch .sol-index{
	background-color: var(--sol-menu);
	color: #fff !important;
	border-radius: 50px;
	transition: background-color 0.2s ease, color 1s ease;
	padding: 	var(--sol-index-padding);
}
.headerv-switch .luna-index {
	background-color: var(--luna-menu);
	color: #fff;
	padding: var(--luna-index-padding);
	border-radius: 50px;
	transition: background-color 0.2s ease, color 1s ease;
}
.headerv-switch .sol-index i{
	color: #fff !important;
}
.headerv-switch .luna-index i{
	color: #2d2a26 !important;
}
/*DARKMODE-CARD--------*/
.darkmode-lightmode-card{
	align-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: stretch;
	height: 42px;
	z-index: 1;
	line-height: 42px;
	text-align: center;
	display: flex;
	padding: .10rem .70rem;
	border-radius: 20px;
	margin-right: 0.4rem;
	background-position: center;
	transition: background 0.5s;
}
.darkmode-lightmode-card i{
	color:var(--darkmode-color);
	transition: display 1s ease, color 1s ease;
	line-height: normal !important;
}

.settings-card .current {
	border: 3px solid var(--lang-border-card) !important;
	background-color: var(--lang-fondo-card) !important;
	color: var(--color-lang-card) !important;
}
/*DARKMODE HEADER-MENU */
.dark_mood{
	border-radius: 50px !important;
	border: 3px solid var(--darkmode-border);
	width: fit-content;
	text-align: center;
	background:var(--darkmode-fondo);
}
.noche{
	display:flex !important;
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	padding: 5px 5px 5px 5px
}
a.noche:hover{
	background-color: transparent !important;
}
.sol-menu{
	background-color: var(--sol-menu);
	color: #fff !important;
	padding: var(--sol-menu-padding);
	border-radius: 50px;
	transition: background-color 0.2s ease, color 1s ease;
}
.sol-menu i{
	color: var(--color-sol) !important;
}
.luna-menu{
	background-color:var(--luna-menu);
	color: #fff;
	padding: var(--luna-menu-padding);
	border-radius: 50px;
	transition: background-color 0.2s ease, color 1s ease;
}
.luna-menu i{
	color: var(--color-luna) !important;
}
/*IMAGEN*/
img.filter {
	filter: var(--filter-img);
	transition: display 0.6s ease, color 1s ease;
}
img.invert {
	filter: var(--invert-img);
	transition: display 0.6s ease, color 1s ease;
}
.filter img {
	filter: var(--filter-img);
	transition: display 0.6s ease, color 1s ease;
}
.luna {
	display: var(--display-luna);
}
.sol {
	display: var(--display-sol);
	transition: display 1s ease, color 1s ease;
}