@import "../../../css/custom.css";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root{--ar-primary:#835098;--ar-primary-rgb:131,80,152;--ar-link-color:#835098;--ar-link-hover-color:#6a377f;}.btn-primary{--ar-btn-bg:#835098;--ar-btn-border-color:#835098;--ar-btn-hover-bg:#6a377f;--ar-btn-hover-border-color:#6a377f;--ar-btn-active-bg:#6a377f;--ar-btn-active-border-color:#6a377f;--ar-btn-disabled-bg:#835098;--ar-btn-disabled-border-color:#835098;}.btn-outline-primary{--ar-btn-color:#835098;--ar-btn-border-color:#835098;--ar-btn-hover-bg:#835098;--ar-btn-hover-border-color:#835098;--ar-btn-active-bg:#835098;--ar-btn-active-border-color:#835098;--ar-btn-disabled-color:#835098;--ar-btn-disabled-border-color:#835098;}.accordion-button:not(.collapsed)::after{--ar-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23835098'%3e%3cpath%20d='M.5%206.3c.6-.6%201.6-.6%202.3%200l9.3%209.3%209.3-9.3c.6-.6%201.6-.6%202.3%200%20.6.6.6%201.6%200%202.3L13.3%2018.8c-.6.6-1.6.6-2.3%200L.8%208.5c-.9-.8-.9-1.6-.3-2.2z'/%3e%3c/svg%3e")}

img { height: revert-layer; max-width: inherit; }


* { font-family: 'Poppins', sans-serif; color: #000; }

body { padding-top: 91px; }
body.noAuth { padding-top: 173px; }

header { z-index: 3; }

.logo { max-height: 60px; max-width: 120px; height: 100%; width: 100%; }

.tns-controls { position: absolute; right: 0; top: 50%; width: 100%; z-index: 1; }
.tns-controls button { background: no-repeat center center transparent; background-size: 80%; border: none; height: 40px; margin-top: -20px; position: absolute; width: 40px; }
#home .tns-controls button[data-controls="prev"] { background-image: url('https://kykjoyas.test/assets/templates/kyk/img/arrow-prev.svg'); left: 20px; }
#home .tns-controls button[data-controls="next"] { background-image: url('https://kykjoyas.test/assets/templates/kyk/img/arrow-next.svg'); right: 20px; }

#accordionFlushExample .accordion-item { border-radius: 0 !important; }

#testimonials .tns-controls button[data-controls="prev"] { background-image: url('https://kykjoyas.test/assets/templates/kyk/img/arrow-prev-2.svg'); }
#testimonials .tns-controls button[data-controls="next"] { background-image: url('https://kykjoyas.test/assets/templates/kyk/img/arrow-next-2.svg'); right: 0; }

.logofoot { max-height: 40px; max-width: 80px; }

.ribbon { --f: .4em; --r: .8em; top: calc(-1*var(--f)); border: solid #0000; border-width: 0 calc(2*var(--f)) var(--r) 0; background:  radial-gradient(50% 100% at bottom,#0005 98%,#0000 101%) 100% 0/calc(2*var(--f)) var(--f) no-repeat border-box; background-color: #C8CF02; border-radius: var(--f) var(--f) 0 0; clip-path: polygon(100% 0,0 0,0 calc(100% - var(--r)),calc(50% - var(--f)) 100%,calc(100% - 2*var(--f)) calc(100% - var(--r)),calc(100% - 2*var(--f)) var(--f),100% var(--f)); }

#accordionShipping .accordion-header, #accordionShipping .accordion-header button { z-index: 1 !important; }
#accordionShipping .accordion-button::after { filter: brightness(1%) invert(1); }
#accordionShipping .accordion-item { background-color: rgba(0, 0, 0, 0.25); transition: all ease-in-out .3s; }
#accordionShipping .accordion-item:has(.show) { background-color: #f6f9fc; }
#accordionShipping .accordion-button { color: #fff; }
#accordionShipping .accordion-button img { filter: invert(1); }
#accordionShipping .accordion-button:not(.collapsed) { color: #000; }
#accordionShipping .accordion-button:not(.collapsed) img { filter: invert(0); }
#accordionShipping .accordion-button:not(.collapsed)::after { filter: brightness(0) invert(0); }

.dropdown-submenu-mobile .submenu-items {
	background-color: #f8f9fa;
}

.dropdown-submenu-mobile .submenu-items .dropdown-item {
	font-size: 0.9rem;
}

.dropdown-submenu-mobile > a i {
	transition: transform 0.2s;
}

.dropdown-submenu-mobile.active > a i {
	transform: rotate(180deg);
}

.dropdown-submenu-desktop .submenu-items {
	background-color: #f8f9fa;
}

.dropdown-submenu-desktop .submenu-items .dropdown-item {
	font-size: 0.9rem;
}

.dropdown-submenu-desktop > a i {
	transition: transform 0.2s;
}

.dropdown-submenu-desktop.active > a i {
	transform: rotate(180deg);
}

@media ( max-width: 767px ) {
	body { padding-top: 80px; }
	body.noAuth { padding-top: 250px; }

	header nav { background: #FFF; height: 100vh; left: -300px; padding: 30px; position: fixed; top: 0; transition: all ease-in-out .3s; width: 300px; z-index: 3; }
	header nav.show { left: 0; }

	.logo { max-height: 40px; max-width: 80px; }
}
/* Ocultar el chevron por defecto de Bootstrap en nav desktop */
nav .dropdown-toggle::after {
	display: none;
}