/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 04 2025 | 09:59:17 */
/*HEADER TRANSPARENT (PAG. HOME)*/
body.page-template-page-transparent-header-light{}
body.page-template-page-transparent-header-light #header #masthead ul.header-nav > li > a{color: var(--a-color-blanco)} /*enlaces menu*/
body.page-template-page-transparent-header-light #header #masthead .elementor-widget-button.boton-menu:not(.telefono) a{border-color: var(--a-color-blanco); background: transparent; color: var(--a-color-blanco)} /*boton 'Cita previa'*/
body.page-template-page-transparent-header-light #header #masthead .elementor-widget-button.boton-menu:not(.telefono) a:hover{background: var(--a-color-blanco); color: var(--a-color-negro)}
body.page-template-page-transparent-header-light #header #masthead .elementor-widget-button.boton-menu.telefono a,
body.page-template-page-transparent-header-light #header #masthead .elementor-widget-button.boton-menu.telefono a svg path{color: var(--a-color-blanco); fill: var(--a-color-blanco)} /*telefono*/
body.page-template-page-transparent-header-light #header #masthead .flex-col.show-for-medium.flex-left ul.mobile-nav i > svg path{fill: var(--a-color-blanco)} /*icono menu canvas*/
/*sticky*/
body.page-template-page-transparent-header-light #header > .stuck > #masthead ul.header-nav > li > a{color: var(--a-color-negro)} /*enlaces menu*/
body.page-template-page-transparent-header-light #header > .stuck > #masthead .elementor-widget-button.boton-menu:not(.telefono) a{border-color: var(--a-color-1); background: var(--a-color-blanco); color: var(--a-color-1)}
body.page-template-page-transparent-header-light #header > .stuck > #masthead .elementor-widget-button.boton-menu:not(.telefono) a:hover{border-color: var(--a-color-1); background: var(--a-color-1); color: var(--a-color-blanco)}
body.page-template-page-transparent-header-light #header > .stuck > #masthead .elementor-widget-button.boton-menu.telefono a,
body.page-template-page-transparent-header-light #header > .stuck > #masthead .elementor-widget-button.boton-menu.telefono a svg path{color: var(--a-color-1); fill: var(--a-color-1)} /*telefono*/
body.page-template-page-transparent-header-light #header > .stuck > #masthead .elementor-widget-button.boton-menu.telefono a:hover,
body.page-template-page-transparent-header-light #header > .stuck > #masthead .elementor-widget-button.boton-menu.telefono a:hover svg path{color: var(--a-color-2-hover); fill: var(--a-color-2-hover)} /*telefono*/
body.page-template-page-transparent-header-light #header > .stuck > #masthead .flex-col.show-for-medium.flex-left ul.mobile-nav i > svg path{fill: var(--a-color-negrp)} /*icono menu canvas*/




/*MENU SUPERIOR*/
#header #masthead ul.header-nav > li.html.custom.html_topbar_right{max-width: 100%; flex: 100%; margin-bottom: 0px !important;}
.menu-superior .elementor-nav-menu--main{display: flex; justify-content: flex-end;}
.menu-superior ul.elementor-nav-menu > li{margin: 0px 15px}
.menu-superior ul.elementor-nav-menu > li:first-child{margin: 0px 15px 0px 0px}
.menu-superior ul.elementor-nav-menu > li:last-child{margin: 0px 0px 0px 15px}
.menu-superior ul.elementor-nav-menu > li > a{font-family: var(--a-menu-fuente) !important; font-size: 15px !important; font-weight: 400 !important;
	letter-spacing: var(--a-menu-letter-spacing) !important; text-transform: var(--a-menu-text-transform) !important; color: var(--a-color-negro) !important; padding: 0px !important}
.menu-superior ul.elementor-nav-menu > li > a:hover{color: var(--a-color-2) !important; text-decoration: none !important}
.menu-superior ul.elementor-nav-menu > li > a:after{display: none !important}
.menu-superior ul.elementor-nav-menu > li.enlace-menu a.enlace-menu{display: flex !important; flex-wrap: nowrap; flex-direction: row !important; margin-bottom: 0px; line-height: 1.4em;
    padding: 10px; position: relative; top: 0px; font-family: var(--a-menu-fuente); font-size: 18px !important; font-weight: bold !important; letter-spacing: 0px !important;
    text-transform: var(--a-menu-text-transform); color: var(--a-color-negro); transition: var(--a-transition);}
.menu-superior ul.elementor-nav-menu > li.enlace-menu a.enlace-menu:hover{color: var(--a-color-negro) !important; transform: scale(1.05);}
.menu-superior ul.elementor-nav-menu > li.enlace-menu a.enlace-menu svg{width: 22px; height: 22px; margin-right: 5px;}






/*TOP BAR - TIENDA ONLINE*/
#top-bar > .flex-row.container{padding: 0px}
#top-bar .flex-col ul.nav > li.html,
#top-bar .flex-col ul.nav > li > a,
#top-bar .flex-col ul.nav li span,
#main-menu ul.nav > li.html.custom div.mensaje a{font-family: var(--a-body-fuente); font-size: 12px; color: var(--a-color-blanco); margin: 0px 2px;}
#top-bar .flex-col ul.nav li.html .social-icons > a > i{font-size: 12px}
#top-bar ul.datos-contacto:before{content: "Pedidos: "; font-size: 12px; margin-right: 5px; transform: translateY(1px);}
#top-bar ul.datos-contacto > li + li > a:after{left: -9px;}
#top-bar .flex-center ul.nav li.html a:hover{}
#top-bar .flex-center ul.nav li.html a:before{display: none}
/*section custom top bar*/
#top-bar .flex-col.hide-for-medium.flex-center,
#top-bar .flex-col.hide-for-medium.flex-center > ul.nav,
#top-bar .flex-col.hide-for-medium.flex-center > ul.nav > li.html{width: 100%; max-width: 100%; display: block !important; text-align: center}
#top-bar section.custom-top-bar .elementor-widget-icon-box .elementor-icon svg,
#top-bar section.custom-top-bar .elementor-widget-icon-box .elementor-icon path{fill: var(--a-color-blanco)}
#top-bar section.custom-top-bar .elementor-widget-icon-box .elementor-icon-box-title{color: var(--a-color-blanco)}
#top-bar section.custom-top-bar .elementor-widget-heading{margin-bottom: 0px}
#top-bar section.custom-top-bar .elementor-widget-heading .elementor-heading-title,
#top-bar section.custom-top-bar .elementor-widget-heading .elementor-heading-title a{color: var(--a-color-blanco); text-transform: none}
#top-bar section.custom-top-bar .elementor-widget-icon-box .elementor-icon-box-icon{margin-right: 5px !important;}
#top-bar section.custom-top-bar .elementor-column.medio .elementor-widget-container{text-align: center; justify-content: center; display: flex;}
#top-bar section.custom-top-bar .elementor-column.medio .elementor-widget-icon-box .elementor-icon-box-content{display: inline-block; width: auto; flex-grow: inherit;}
#top-bar section.custom-top-bar .elementor-column.medio .elementor-widget-icon-box .elementor-icon-box-title{width: auto; display: inline-block;}
#top-bar section.custom-top-bar .elementor-column.derecha .elementor-widget-container{text-align: center; justify-content: flex-end; display: flex;}
#top-bar section.custom-top-bar .elementor-column.derecha .elementor-widget-icon-box .elementor-icon-box-content{display: inline-block; width: auto; flex-grow: inherit;}
#top-bar section.custom-top-bar .elementor-column.derecha .elementor-widget-icon-box .elementor-icon-box-title{width: auto; display: inline-block;}
/*selector de idioma*/
#top-bar section.custom-top-bar-2 .elementor-widget-shortcode{display: flex; width: auto; margin-bottom: 0px; align-items: center;}
#top-bar section.custom-top-bar-2 .elementor-widget-shortcode nav.cpel-switcher__nav a{background-color: var(--a-color-gris-claro)}
#top-bar section.custom-top-bar-2 .elementor-widget-shortcode nav.cpel-switcher__nav a .cpel-switcher__name{padding-left: 5px; color: var(--a-color-negro)}
/*responsive*/
@media (max-width: ){
  	#top-bar{display: none}
	#top-bar > .container{flex-direction: column; justify-content: center; align-items: center; align-content: center;}
	#top-bar > .container > .flex-col{margin: auto}
}
@media (max-width: 849px){
	#top-bar,
  	#top-bar .flex-left{display: none}
  	#top-bar .flex-right,
  	#top-bar .flex-medium{display: block}
	#top-bar section.custom-top-bar-2.menu-lenguaje{display: none}
}


/*CUSTOM TOP BAR 2*/
#top-bar section.custom-top-bar-2 .elementor-column.der .elementor-widget-wrap{justify-content: flex-end}
#top-bar section.custom-top-bar-2.logo-canvas{display: none}
/*enlace newsletter*/
#top-bar section.custom-top-bar-2{background: var(--a-color-1)}
#top-bar section.custom-top-bar-2.enlace-newsletter .elementor-widget-wrap,
section.custom-top-bar-2.enlace-newsletter .elementor-widget-wrap{justify-content: center;}
section.enlace-newsletter .elementor-widget-text-editor,
section.enlace-newsletter .elementor-widget-icon{display: inline-block; width: auto}
section.enlace-newsletter .elementor-widget-icon{margin-bottom: 0px; height: 20px; margin-right: 7px;}
section.enlace-newsletter .elementor-widget-icon i{font-size: 10px; border-radius: 50%; border: 1px solid var(--a-color-blanco); width: 20px; height: 20px; position: relative;}
section.enlace-newsletter .elementor-widget-icon i:before{top: 4px; left: 9px; color: var(--a-color-blanco)}
section.enlace-newsletter .elementor-widget-text-editor .elementor-text-editor,
section.enlace-newsletter .elementor-widget-text-editor .elementor-text-editor p,
section.enlace-newsletter .elementor-widget-text-editor .elementor-text-editor a{color: var(--a-color-blanco) !important; text-transform: uppercase; font-size: 12px !important}
section.enlace-newsletter .elementor-widget-text-editor .elementor-text-editor a{font-weight: 600; text-decoration: underline;}
/*menu*/
#top-bar section.custom-top-bar-2 .elementor-widget-nav-menu{display: inline-block; width: auto; margin-bottom: 0px;}
#top-bar section.custom-top-bar-2 .elementor-widget-nav-menu nav{justify-content: flex-end;}
#top-bar section.custom-top-bar-2 .elementor-widget-nav-menu nav ul > li > a{padding: 5px 10px !important; text-transform: none !important; font-size: 12px !important; 
	color: var(--a-color-negro)}
#top-bar section.custom-top-bar-2 .elementor-widget-nav-menu nav ul > li > a:hover{}
#top-bar section.custom-top-bar-2 .elementor-column.izq .elementor-widget-nav-menu ul.elementor-nav-menu > li:first-child > a{padding-left: 0px !important}
/*redes sociales*/
#top-bar section.custom-top-bar-2.menu-lenguaje{background: var(--a-color-gris-claro); padding: 0px 15px;}
#top-bar section.custom-top-bar-2.menu-lenguaje .elementor-widget-social-icons,
#top-bar section.custom-top-bar-2.menu-lenguaje .elementor-widget-social-icons .elementor-widget-container,
#top-bar section.custom-top-bar-2.menu-lenguaje .elementor-widget-social-icons .elementor-widget-container .elementor-social-icons-wrapper{display: inline-block; width: auto;}
#top-bar section.custom-top-bar-2.menu-lenguaje .elementor-widget-social-icons{margin-bottom: 0px; margin-right: 10px}
#top-bar section.custom-top-bar-2.menu-lenguaje .elementor-widget-social-icons a.elementor-icon{background: transparent; width: 20px;}
#top-bar section.custom-top-bar-2.menu-lenguaje .elementor-widget-social-icons a.elementor-icon.elementor-social-icon-{position: relative; top: -2px; padding: 0px}
#top-bar section.custom-top-bar-2.menu-lenguaje .elementor-widget-social-icons a.elementor-icon.elementor-social-icon- svg{width: 20px; height: 20px;}
/*selector de idioma*/
#top-bar section.custom-top-bar-2 .elementor-widget-polylang-language-switcher{display: inline-block; width: auto}
#top-bar section.custom-top-bar-2 .elementor-widget-polylang-language-switcher nav.cpel-switcher__nav i.fa-caret-down{display: none}
/*HEADER MENU LATERAL*/
#header #masthead section.header-menu-lateral .elementor-widget-wrap{padding: 0px !important; margin-left: 15px; position: relative; top: -2px;}
#header #masthead section.header-menu-lateral .elementor-widget-icon,
#header #masthead section.header-menu-lateral .elementor-widget-icon-box{display: inline-block; width: auto; min-width: 35px; margin-bottom: 0px; padding: 3px 8px; position: relative;
    top: -2px; transition: var(--a-transition)}
#header #masthead section.header-menu-lateral .elementor-widget-icon-box .elementor-icon-box-wrapper{position: relative; top: 2px;}
#header #masthead section.header-menu-lateral .elementor-widget-icon.whatsapp{padding-left: 13px; border-radius: 10px 0px 0px 10px;}
#header #masthead section.header-menu-lateral .elementor-widget-icon.telefono .elementor-icon-box-content{margin-right: -3px}
#header #masthead section.header-menu-lateral .elementor-widget-icon a.elementor-icon,
#header #masthead section.header-menu-lateral .elementor-widget-icon a.elementor-icon svg,
#header #masthead section.header-menu-lateral .elementor-widget-icon-box a.elementor-icon,
#header #masthead section.header-menu-lateral .elementor-widget-icon-box a.elementor-icon svg{max-width: 28px; width: 28px; transition: var(--a-transition); fill: var(--a-color-icono-oscuro);}
#header #masthead section.header-menu-lateral .elementor-widget-icon-box .elementor-icon-box-content a{font-family: var(--a-body-fuente); font-size: 12px; font-weight: var(--a-body-grosor); letter-spacing: var(--a-body-letter-spacing);  color: var(--a-color-negro); text-transform: none; transition: var(--a-transition)}
#header #masthead section.header-menu-lateral .elementor-widget-icon-box .elementor-icon-box-content a:hover{text-decoration: none}
#header #masthead section.header-menu-lateral .elementor-widget-icon-box:hover a,
#header #masthead section.header-menu-lateral .elementor-widget-icon-box:hover svg{fill: var(--a-color-negro-hover); color: var(--a-color-negro-hover)}
#header #masthead section.header-menu-lateral .elementor-widget-icon-box .elementor-icon-box-icon{margin-right: 5px}
#header #masthead section.header-menu-lateral .elementor-widget-icon.opcion-2{display: none !important}
#header #masthead section.header-menu-lateral .elementor-widget-icon-box:hover{/*background: var(--a-color-1)*/}
#header #masthead section.header-menu-lateral .elementor-widget-icon-box:hover a.elementor-icon svg{/*fill: var(--a-color-blanco)*/}
#header #masthead section.header-menu-lateral .elementor-widget-icon-box:hover .elementor-icon-box-content a{/*color: var(--a-color-blanco)*/}
#header #masthead .flex-col.hide-for-medium.flex-left ul.header-nav > li:not(.html_top_right_text):not(.has-dropdown):not(.enlace-menu):not(.red-social):not(.html.custom):after,
#header #masthead section.header-menu-lateral .elementor-widget-icon-box:after{content: ""; display: block; width: 0px; height: 2px; background: var(--a-color-blanco); margin: auto; 
	transition: var(--a-transition); position: relative; bottom: -36px;}
#header #masthead .flex-col.hide-for-medium.flex-left ul.header-nav > li.current-menu-item:not(.html_top_right_text):not(.has-dropdown):not(.enlace-menu):not(.red-social):not(.html.custom):after{background: var(--a-color-blanco);}
#header #masthead .flex-col.hide-for-medium.flex-left ul.header-nav > li.current-menu-item:not(.html_top_right_text):not(.has-dropdown):not(.enlace-menu):not(.red-social):not(.html.custom) a{color: var(--a-color-blanco);}
#header #masthead .flex-col.hide-for-medium.flex-left ul.header-nav > li:not(.html_top_right_text):not(.boton-menu):not(.enlace-menu):not(.red-social):hover:after,
#header #masthead .flex-col.hide-for-medium.flex-left ul.header-nav > li:not(.html_top_right_text):not(.html_nav_position_text_top):hover:after,
#header #masthead section.header-menu-lateral .elementor-widget-icon-box:hover:after,
#header #masthead .flex-col.hide-for-medium.flex-left ul.header-nav > li.current-menu-parent:after,
#header #masthead .flex-col.hide-for-medium.flex-left ul.header-nav > li.current-menu-item:after{width: 100% !important}
#header > .stuck > #masthead .flex-col.hide-for-medium.flex-left ul.header-nav > li:not(.html_top_right_text):not(.boton-menu):after,
#header > .stuck > #masthead section.header-menu-lateral .elementor-widget-icon-box:after{bottom: -36px !important; background: var(--a-color-negro) !important;}
body.logged-in #header #masthead .flex-col.hide-for-medium.flex-left ul.header-nav > li.account-item:after{background: transparent; border-color: transparent}
body.logged-in #header #masthead .flex-col.hide-for-medium.flex-left ul.header-nav > li.account-item:hover:after{width: 0% !important; opacity: 0}
#header #masthead .flex-col.hide-for-medium.flex-left ul.header-nav > li.has-dropdown:after{display: none !important}
/*responsive*/
@media (max-width: 1200px){
	#header #masthead section.header-menu-lateral{display: none}
}
@media (max-width: 849px){
	#top-bar section.custom-top-bar-2.ancho-web-m{display: none}
	#top-bar .flex-row.container > .flex-col.show-for-medium.flex-grow{display:  none}
	#header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li.red-social, 
	#header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav > li.red-social{display: none}
}
@media (max-width: 520px){
	section.enlace-newsletter .elementor-widget-text-editor .elementor-text-editor,
	section.enlace-newsletter .elementor-widget-text-editor .elementor-text-editor p,
	section.enlace-newsletter .elementor-widget-text-editor .elementor-text-editor a{color: #fff; text-transform: uppercase; font-size: 10px !important;}
}



/*TOP BAR 3*/
#top-bar section.custom-top-bar-3{background: var(--a-color-gris-claro);}
#top-bar section.custom-top-bar-3 .elementor-widget-html{margin-bottom: 0px; display: inline-block; width: auto;}
#top-bar section.custom-top-bar-3 svg{width: 15px; height: 15px; margin-right: 3px;}
#top-bar section.custom-top-bar-3 svg path{color: var(--a-color-negro); fill: var(--a-color-negro)}
#top-bar section.custom-top-bar-3 span,
#top-bar section.custom-top-bar-3 a{color: var(--a-color-negro) !important}
#top-bar section.custom-top-bar-3 a:hover{}
#top-bar section.custom-top-bar-3 .elementor-column .elementor-widget-wrap{padding: 7px}
#top-bar .flex-col ul.nav li section.custom-top-bar-3 span.texto,
#top-bar .flex-col ul.nav li section.custom-top-bar-3 a{font-size: 14px !important;}
/*horario*/
#top-bar section.custom-top-bar-3 .horario{text-align: left; display: flex; flex-wrap: nowrap; align-items: center;}
#top-bar section.custom-top-bar-3 .horario span{color: var(--a-color-negro) !important}
#top-bar section.custom-top-bar-3 .horario span.separador{margin: 0px 3px; position: relative; top: -2px;}
/*acceso*/
#top-bar section.custom-top-bar-3 .acceso{display: flex; align-items: center; margin-right: 20px}
/*telefono*/
#top-bar section.custom-top-bar-3 .telefono{display: flex; align-items: center; position: relative; top: 1px;}
/*responsive*/
@media (max-width: 1250px){
	#top-bar section.custom-top-bar-3 .elementor-row{justify-content: space-between;}
	#top-bar section.custom-top-bar-3 .elementor-column{max-width: max-content; width: auto}
}



/*HEADER*/
/*Aviso de la tienda*/
p.woocommerce-store-notice {
  background: var(--a-color-1);
}
p.woocommerce-store-notice a {
  color: var(--a-color-blanco);
  font-family: var(--a-menu-fuente);
  font-size: 12px;
  text-transform: uppercase;
}
p.woocommerce-store-notice a:hover {
  color: var(--a-color-blanco-hover);
}
p.woocommerce-store-notice > a.woocommerce-store-notice__dismiss-link {
  display: none;
  color: var(--a-color-gris-claro);
}
/**/
#header #masthead {
  transition: var(--a-transition);
}
#header #masthead > div,
#header #wide-nav > div {
  padding: 0px 25px 0px 25px;
  max-width: var(--a-ancho-web-m) !important;
  margin: auto;
}
/*logo*/
#header #masthead #logo {
  max-width: max-content;
  max-width: 250px;
  width: 100%;
  margin-right: 0px;
}
#header #masthead #logo img {
  width: auto;
}
/*iconos*/
#header #masthead ul.mobile-nav i.icon-menu,
#header #masthead ul.mobile-nav i.icon-search {
  color: var(--a-color-negro);
}
/*centrar y estilizar el menu*/
#header #masthead .flex-col.hide-for-medium.flex-left ul.header-nav-main {
  text-align: center;
  justify-content: center;
  display: flex;
  gap: 30px; /* espacio entre items para mejor visual */
}
/* menu principal */
#header #masthead ul.header-nav > li > a,
#header #masthead ul.header-nav ul.sub-menu > li > a {
  font-family: var(--a-menu-fuente);
  font-size: 18px; /* tamaño aumentado */
  font-weight: var(--a-menu-grosor);
  letter-spacing: var(--a-menu-letter-spacing);
  text-transform: var(--a-menu-text-transform);
  color: var(--a-color-negro);
  transition: color 0.3s ease;
}
/* submenú */
#header #masthead ul.header-nav ul.sub-menu > li > a {
  font-size: 16px;
  font-weight: 400;
}
/* hover y foco */
#header #masthead ul.header-nav > li > a:hover,
#header #masthead ul.header-nav ul.sub-menu > li > a:hover {
  color: var(--a-color-1);
  text-decoration: none;
}
/* flex para que logo izquierda, menu centro y botón derecha */
#header #masthead > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* logo a la izquierda */
#header #masthead > div > .flex-col.logo {
  flex: 0 0 auto;
}
/* menu en el centro */
#header #masthead > div > .flex-col.flex-grow {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
}
/* botón a la derecha */
#header #masthead > div > .flex-col.flex-right {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  max-width: 325px;
  width: 100%;
  padding-left: 20px;
}
/* para que el botón tenga algo de margen a la derecha */
#header #masthead .flex-col.flex-right .boton {
  margin-right: 20px;
}

/*redes soailes*/
#main-menu ul.nav-sidebar > li.red-social{display: none}
/*responsive*/
@media (max-width: 768px){
  #main-menu ul.nav section.datos-canvas .img img{max-width: 200px}
}
@media (max-width: 640px){
	#main-menu form.searchform .flex-col:not(.flex-grow){right: 70px;}
}
@media (max-width: 550px){
  /*#main-menu ul.nav > li.header-block{max-width: none; width: 100%; margin-left: 10px !important; margin-right: 10px !important}*/
	#main-menu ul.nav > li > a{font-size: 16px; line-height: 22px}
	#main-menu form.searchform input[type='search']{width: 100%; margin: 0px}
	#main-menu form.searchform .flex-col:not(.flex-grow){right: 0px}
}
@media (max-width: 450px){
	#main-menu form.searchform button[type='submit'] svg,
  	#main-menu ul.nav > li.header-search-form + li.html_top_right_text section.iconos-canvas .elementor-widget-image img, 
	#main-menu ul.nav > li.header-search-form + li.html_top_right_text section.iconos-canvas .elementor-widget-icon svg{max-width: 25px !important; height: 25px !important}
	#main-menu ul.nav > li.header-search-form + li.html_top_right_text section.iconos-canvas{height: 54px}
}
@media (max-width: 400px){
	#main-menu ul.nav section.datos-canvas .img img{max-width: 150px}
}