/*
	Theme Name: Default-KvX
	Version: 1.0
	Author: KvX
	License: CopyRight
*/
a { transition: all 300ms ease-in-out; }
a:hover { color: var(--color-link-hover); }

.kvx-li-a li a {
	color: black; /* White For Black Header */
	transition: all 300ms ease-in-out;
}
.kvx-li-a li a:hover { 
	color: var(--color-link-hover);
	letter-spacing: 1px;
}

.smooth-t { transition: all 300ms ease-in-out; }
.auto-p-mb p { margin-bottom: 0.72rem; }
.auto-p-mb p:last-of-type { margin-bottom: 0px; }


.f-krona { font-family: "Krona One", sans-serif; }

/* ========================== Effectos */

/* Effecto Text Load */
[data-id="text-kv-load"] {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.8s ease, transform 0.8s ease;
}
[data-id="text-kv-load"].is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* Effecto Tilt Imagen */
[data-id="kv-img-perspective-effect"] {
	display: inline-block;
	transition: transform 0.15s ease-out;
	transform: perspective(1000px) rotateX(0deg) rotateY(0deg);
	will-change: transform;
}
[data-id="kv-img-perspective-effect"] img {
	display: block;
	width: 100%;
	height: auto;
	pointer-events: none;
}


/* ========================== Botones */

.whatsapp-btn {
	position: fixed;
	right: 15px;
	bottom: 78px;
	border: 1px solid #e6e6e6;
	width: 50px;
	height: 50px;
	border-radius: 199px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #0CC143;
	color: white;
	transition: all 300ms ease-in-out;
	opacity: 0.5;
}
.whatsapp-btn:hover { 
	color: white !important;
	box-shadow: 1px 1px 5px #82828240;
	opacity: 1;
}

/* Generic Theme BTN */
.kv-btn, #wpforms-submit-146 {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding: 10px 35px;
	transition: all 300ms ease-in-out;
	color: white;
	background-color: var(--color-accent);
	border-radius: 99px;
	cursor: pointer;
}
.kv-btn:hover, #wpforms-submit-146:hover { 
	letter-spacing: 1px;
	color: white !important;
}
.kv-btn::after, #wpforms-submit-146::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-link-hover);
	border-radius: inherit;
	transition: all 300ms ease-in-out;
	transform: scaleX(0);
	transform-origin: left;
	z-index: -1;
}
.kv-btn:hover::after, #wpforms-submit-146:hover::after { transform: scaleX(1); }

/* ================== Go To Top */

.kvx-go-to-top {
	position: fixed;
	right: 25px;
	bottom: 145px;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	z-index: 50;
}
.kvx-go-to-top:hover { opacity: 1; }
.kvx-go-to-top-btn {
	background-color: white;
	width: 35px;
	height: 35px;
	border-radius: 9999px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 6px #00000026;
	transition: all 300ms ease;
}
.kvx-go-to-top-btn:hover { 
	background-color: var(--color-accent); 
	color: black;
}
.kvx-scroll-bar {
	position: absolute;
	top: -80px;
	right: 15px;
	width: 7px;
	height: 72px;
	background-color: #979797;
	overflow: hidden;
	border-radius: 2px;
}
.kvx-scroll-progress {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: var(--color-accent);
	transition: height 0.1s ease-out;
}