/*
Theme Name: ONLINE VALLES
Template: kadence

*/


/* Theme admin customization starts here
-------------------------------------------------------------- */
.sbi_notice,
.trp-notice.error,
.sbi_notice.sbi_review_notice_step,
.trp-notice.trp-narrow.notice.notice-info,
.trp-notice.trp-narrow {
	display: none;
}

.grecaptcha-badge { 
    visibility: hidden !important;
}



/* Theme customization starts here
-------------------------------------------------------------- */
.encima {
	position: relative;
	z-index: 10;
}


/* toggle menu */
.site-header-upper-inner-wrap {
	z-index: 999;
}

#megamenu {
	position: fixed;
	top: 80px;
	left: 0;
	right: 0;
	z-index: 9;
	height: auto;
	overflow: hidden;
	opacity: 0.5;
	/*visibility: hidden;*/
	transform: translateY(-300px); /* Inicialmente desplazado hacia arriba */
	transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
}

#megamenu.show {
	height: auto;
	opacity: 1;
	visibility: visible;
	transform: translateY(0); /* Mostrar desplazándose hacia abajo */
}






@keyframes expandMenu {
	from {
		transform: translateY(-100px);
	}
	to {
		transform: translateY(0);
	}
}

@keyframes collapsedMenu {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-100px);
	}
}

/* menu burguer */
.toggle-menu > a .dropdown-nav-toggle {
	display: none;
}

.toggle-menu > a {
	transition: none;
}

.header-navigation li.menu-item.toggle-menu > a {
  padding: 0;
  border-radius: 0;
  outline: 0;
  width: 64px;
  height: 100%;
  margin-left: 0;
}


.toggle-menu > a span {
  display: table-cell;
  vertical-align: middle;
}
.toggle-menu > a span em {
  /* this is the menu icon */
  display: block;
  position: relative;
  height: 2px;
  width: 32px;
  background-color: transparent;
  backface-visibility: hidden;
  /* this is the menu central line */
  margin: auto;
  transition: background-color 0.2s;
  background-color: var(--global-palette9);
}
/*
@media screen and (prefers-color-scheme: dark) {
  .toggle-menu > a span em {
    background-color: transparent;
  }
}
*/
.toggle-menu > a span em::before,
.toggle-menu > a span em::after {
  /* this is the menu icon */
  display: block;
  height: 2px;
  width: 32px;
  background-color: var(--global-palette9);
  backface-visibility: hidden;
  position: absolute;
  content: "";
  left: 0;
  transition: transform 0.2s;
}

/* Top line */
.toggle-menu > a span em::before {
  top: -10px;
  transform: rotate(0);
}

/* Bottom line */
.toggle-menu > a span em::after {
  top: 10px;
  transform: rotate(0);
}

/* Middle line */
.toggle-menu > a span em {
  display: block;
  position: relative;
  height: 2px;
  width: 32px;
  background-color: var(--global-palette9);
  backface-visibility: hidden;
  transition: background-color 0.2s;
}

/* Hover state */


.toggle-menu > a.open span em {
  background-color: transparent;
}

.toggle-menu > a.open span em::before {
  transform: translateY(10px) rotate(45deg);
}

.toggle-menu > a.open span em::after {
  width: 30px;
  transform: translateY(-10px) rotate(-45deg);
}

.toggle-menu > a.open, .navbar-toggler:focus {
  box-shadow: none;
  
}

/* fixed section */
.transparent-header .toggle-menu > a.open span em {
  background-color: transparent;
}

.transparent-header .toggle-menu > a span em {
  background-color: var(--global-palette9);
}

.transparent-header .toggle-menu > a span em::before,
.transparent-header .toggle-menu > a span em::after {
  background-color: var(--global-palette9);
}

.transparent-header .toggle-menu > a span em {
  background-color: var(--global-palette9);
}


/* transparent */
#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .toggle-menu > a.open span em {
  background-color: transparent;
}

#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .toggle-menu > a span em {
  background-color: var(--global-palette3);
}

#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .toggle-menu > a span em::before,
#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .toggle-menu > a span em::after {
  background-color: var(--global-palette3);
}

#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .toggle-menu > a span em {
  background-color: var(--global-palette3);
}




/* ow-carousel */
.owl-carousel {
    visibility: hidden; 
}
.owl-carousel.owl-loaded {
    visibility: visible;
}

.owl-carousel .owl-dots {
	min-width: 120px;
	height: 30px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.owl-carousel .owl-dots .owl-dot {
	padding: 0;
	border: 0;
	background: transparent;
	display: inline-block;
}
.owl-carousel .owl-dots .owl-dot span {
	width: 24px;
	height: 4px;
	margin-left: 2px;
	background: var(--global-palette7);
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 0;
}
.owl-carousel .owl-dots .owl-dot.active span {
	background: var(--global-palette1);
}



.owl-carousel .owl-nav {
	position: absolute;
	bottom: 0;
	right: var(--global-content-edge-padding); 
	width: 70px;
    display: flex;
    justify-content: space-between;
}


.owl-carousel .owl-nav .ibq-owl-prev,
.owl-carousel .owl-nav .ibq-owl-next {
	padding: 0;
	margin: 0;
	background: transparent;
	display: flex;
	padding: 8px;
	background-color: var(--global-palette1);
	fill: var(--global-palette9);
	border-radius: 0;
}

.owl-carousel .owl-nav .ibq-owl-prev {
	left: 0;
}

.owl-carousel .owl-nav .ibq-owl-next {
	right: 0;
}

.owl-carousel .owl-nav .ibq-owl-prev svg,
.owl-carousel .owl-nav .ibq-owl-next svg {
	width: 14px;
	height: 14px;
}

.slider-3-col .owl-carousel .owl-stage-outer {
	overflow: visible;
}

.slider-3-col .owl-carousel .owl-item{opacity:.3;}
.slider-3-col .owl-carousel .owl-item.active{opacity:1;}



.blog-slider .kb-query-grid-wrap.owl-carousel {
	display: flex;
	flex-wrap: wrap;
} 
.blog-slider .kb-query-grid-wrap.owl-carousel .owl-stage {
	display: flex;
}

.blog-slider .kb-query-grid-wrap.owl-carousel .owl-item {
	display: flex;
}


.blog-slider  .owl-carousel .owl-nav {
	bottom: -50px;
	right: 0;
}
.blog-slider  .owl-carousel .owl-dots {
	bottom: -50px;
}





.calendari #fbuilder .ui-datepicker {
	box-shadow: none;
	margin-bottom: 20px;
}
.calendari #fbuilder .slots {
	box-shadow: none;
}
.calendari #fbuilder .slots div a {
    background: var(--global-palette1);
	color: var(--global-palette9);
    text-decoration: none;
}

.calendari  #fbuilder .slots div a:hover {
	background-color: #000;
}
.calendari #fbuilder .slots div {
	padding: 0;
	border: 0;
}

.calendari #fbuilder .pbreak .pbPrevious, 
.calendari #fbuilder .pbreak .pbNext, 
.calendari #fbuilder .pbSubmit {
	background: var(--global-palette1);
	color: var(--global-palette9);
}

/*
#menu-principal li a {
	font-weight: bold;
}
#menu-principal .sub-menu {
	margin: 0;
}

#menu-principal .sub-menu li a {
	position: relative;
	display: flex;
	align-items: center;
	font-weight: normal;
}
#menu-principal .sub-menu li a:before  {
	content: ''; 
	width: 8px;
	height: 12px;
	
	display: flex;
	margin-right: 5px;
	background-image: url(./assets/right-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
*/


.widget_nav_menu ul.menu .sub-menu {
	margin: 0;
	padding: 0;
}
.widget_nav_menu ul.menu ul.sub-menu li a {
	position: relative;
	display: flex;
	align-items: center;
}
.widget_nav_menu ul.menu .sub-menu li a:before  {
	content: ''; 
	width: 8px;
	height: 12px;
	display: flex;
	margin-right: 5px;
	background-image: url(./assets/right-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.widget_nav_menu .collapse-sub-navigation ul.menu li a {
    border: 0;
    padding: 6px 0;
    line-height: 1.1;
	font-weight: 500;
}
/* Submenús: enlaces en negrita */
.widget_nav_menu ul.menu ul.sub-menu li a {
	font-weight: normal;
}

.widget_nav_menu .drawer-nav-drop-wrap .drawer-sub-toggle {
    padding: 4px 0;
    line-height: 1;
    border: 0 !important;
}



.single-content .faqs p,
.single-content .faqs u,
.single-content .faqs ol {
	margin-bottom: 1em;;
}
.faqs button:hover, .faqs button:focus {
	box-shadow: none;
}


/* reservas */
.appointment-box-wbk .appointment-content-wbk .input-label-wbk {
	font-size: 20px;
	margin-bottom: 20px;
}
.wbk_service_item.timeslot-animation-w .wbk_single_service_title {
	margin: 0 !important;
}
.wbk_service_item.timeslot-animation-w img {
	display: none;
}
.wbk_single_service_sub_title_minutes {
	display: none;
}

.appointment-content-wbk .wbk-input {
	width: 100%;
}
.appointment-content-wbk .input-textarea-w, 
.appointment-content-wbk .input-textarea-w:focus {
	height: 100px;
}
.appointment-content-wbk .main-block-w input[type='text'] {
	height: 40px;
	width: 100%;
    margin: 0 0 10px 0;
}


.appointment-content-wbk .main-block-w input[type='text'] {
	height: auto;
	padding: 5px 10px;
}


/*
li.wbk_service_item span.wbk_single_service_title {
	color: white;
}
li.wbk_service_item .custom-radiobutton-wbk .checkmark-w {
	border: 1px solid #fff;
}

li.wbk_service_item[data-servicei_id="1"] {
  background-color: var(--global-palette1);
  
}

li.wbk_service_item[data-servicei_id="2"] {
  background-color: #3ba4c3;
}

li.wbk_service_item[data-servicei_id="3"] {
  background-color: var(--global-palette5);
}
*/


/* Este li fuerza salto de línea después */
.appontment-time-list-w-- li:has(.time-w[data-server-time="13:16"])::after,
.appontment-time-list-w-- li:has(.time-w[data-server-time="13:44"])::after,
.appontment-time-list-w-- li:has(.time-w[data-server-time="13:00"])::after{
  content: '';
  display: block;
  grid-column: 1 / -1; /* Fuerza salto de línea */
  height: 0;
  visibility: hidden;
}

.appontment-time-list-w li:has(.time-w[data-server-time="13:16"]),
.appontment-time-list-w li:has(.time-w[data-server-time="13:44"]),
.appontment-time-list-w li:has(.time-w[data-server-time="13:00"]) {
    /*grid-column-end: 5;*/
    max-width: 100px;
  margin-bottom: 2rem !important;
}

.appontment-time-list-w li:has(.time-w[data-server-time="16:00"]) {
	grid-column-start: 1;align-content
}