/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Jan 25 2024 | 08:11:15 */ /*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-right 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, #header #wide-nav ul.header-nav li.menu-item:after{content: ""; display: block; width: 0px; height: 2px; background: var(--a-color-2); margin: auto; transition: var(--a-transition); position: relative; bottom: -16px;} #header #wide-nav ul.header-nav li.menu-item:after{bottom: 0px !important} #header #wide-nav ul.header-nav li.menu-item a:after{display: none !important} #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, #header #wide-nav ul.header-nav li.menu-item.active:after{background: var(--a-color-1);} #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, #header #wide-nav ul.header-nav li.menu-item.active a{color: var(--a-color-1);} #header #wide-nav ul.header-nav li.menu-item.active a:hover{color: var(--a-color-1) !important;} #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-rileftght 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, #header #wide-nav ul.header-nav li.menu-item:hover:after, #header #wide-nav ul.header-nav li.menu-item.active: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: -1px !important;} body.logged-in #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li.account-item:after{background: transparent; border-color: transparent} body.logged-in #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li.account-item:hover:after{width: 0% !important; opacity: 0} /*responsive*/ @media (max-width: 1080px){ #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: 992px){ #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-l) !important; margin: auto;} /*logo*/ #header #masthead #logo{max-width: 200px; margin-right: 20px} #header #masthead #logo img{width: auto; max-height: 75px!important} /*iconos*/ #header #masthead ul.mobile-nav i.icon-menu, #header #masthead ul.mobile-nav i.icon-search{color: var(--a-color-negro)} #header #masthead ul.header-nav i{color: var(--a-color-1)} /*centrar el menu*//* #header #masthead > div > div.flex-col.logo{width: ; margin-right: } #header #masthead > div > div.flex-col.flex-right{width: ; margin-left: } #header #masthead > div > div.flex-grow ul.header-nav-main{text-align: center; justify-content: center;} /*buscador*/ #header #masthead ul.mobile-nav .header-search.header-search-lightbox > a.is-small{} #header #masthead ul.mobile-nav .header-search.header-search-lightbox > a.is-small > svg{width: 30px; height: 30px;} #header #masthead .flex-col.flex-left ul.header-nav-main{justify-content: center; padding-right: 0px;} #header #masthead form.searchform input.search-field{width: 600px; background: var(--a-color-gris-claro); color: var(--a-color-negro); border: none; color: var(--a-color-negro);} #header #masthead form.searchform i.icon-search{position: relative; top: -1px; right: 8px;} /*iconos*/ #header #masthead .flex-col.hide-for-medium.flex-right{max-width: 450px; margin-left: 20px} #header #masthead .flex-col.hide-for-medium.flex-right > ul.header-nav{justify-content: flex-end;} #header #masthead ul.header-nav > li > a > i, #header #masthead ul.mobile-nav > li > a > i:not(.icon-menu):not(.icon-search), #header #masthead ul.header-nav > li > a > svg, #header #masthead ul.mobile-nav > li > a > svg{width: 15px; height: 15px; font-size: 15px;} #header #masthead ul.header-nav > li.header-wishlist-icon i.wishlist-icon:after, #header #masthead ul.mobile-nav > li.header-wishlist-icon i.wishlist-icon:after{} #header #masthead ul.header-nav > li.cart-item i.icon-shopping-basket:after, #header #masthead ul.mobile-nav > li.cart-item i.icon-shopping-basket:after{} #header #masthead ul.header-nav > li.cart-item i.icon-shopping-cart:after, #header #masthead ul.mobile-nav > li.cart-item i.icon-shopping-cart:after{background-color: var(--a-color-1) !important} #header #masthead ul.header-nav > li > a.header-cart-link span.woocommerce-Price-amount{color: var(--a-color-negro)} #header #masthead ul.header-nav > li > a.header-cart-link small.tax_label{} #header #masthead ul li a.wishlist-link > span.header-wishlist-title{display: none} /*nombre/titulo wishlist*/ #header #masthead ul li a.wishlist-link > i.wishlist-icon{margin-left: 0px} #header #masthead ul li i.icon-user:before{/*content: ""; background-image: url('../../../wp-content/uploads/2021/12/user.png'); display: block; width: 25px; height: 25px; background-size: 25px; background-repeat: no-repeat;*/} #header #masthead ul li i.wishlist-icon:before{} #header #masthead ul li i.icon-shopping-bag:before{} #header #masthead ul li i.icon-search:before{} #header #masthead i.icon-menu:before{content: ""; display: block; width: 40px; height: 40px; background-size: 40px; background-repeat: no-repeat; background-image: url('/wp-content/uploads/2022/04/menu.png')} #header #masthead i.icon-search:before{content: ""; display: block; width: 25px; height: 25px; background-size: 25px; background-repeat: no-repeat; background-image: url('/wp-content/uploads/2022/04/icon-search.png');} #header #masthead i.icon-shopping-bag:before{content: ""; display: block; width: 25px; height: 25px; background-size: 25px; background-repeat: no-repeat; background-image: url('/wp-content/uploads/2022/04/icon-search.png');} /**/ #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li:first-child, #header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav > li:first-child{margin-right: 15px} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li, #header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav > li{margin: 0px 15px} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li:last-child, #header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav > li:last-child{margin-left: 15px} #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{margin: 0px 5px} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li.red-social:first-child, #header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav > li.red-social:first-child{margin-right: 5px} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i:after, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i:after, #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav span.image-icon:after, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav span.image-icon:after{font-family: var(--a-menu-fuente) !important; font-size: 9px; font-weight: var(--a-menu-grosor); letter-spacing: var(--a-menu-letter-spacing); text-transform: uppercase; color: var(--a-color-blanco); background-color: var(--a-color-1) !important;} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i > svg, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i > svg, #header #masthead .flex-col.show-for-medium.flex-left ul.header-nav i > svg, #header #masthead .flex-col.show-for-medium.flex-left ul.mobile-nav i > svg{font-size: 28px; width: 28px; height: 28px; fill: var(--a-color-negro); transition: var(--a-transition);} #header #masthead form.searchform i.icon-search svg{font-size: 22px; width: 22px; height: 22px; fill: var(--a-color-negro); transition: var(--a-transition); position: relative; left: -5px;} #header #masthead .flex-col.show-for-medium.flex-left ul.header-nav i.icon-menu > svg, #header #masthead .flex-col.show-for-medium.flex-left ul.mobile-nav i.icon-menu > svg{width: 40px; height: 40px} #header #masthead .flex-col.show-for-medium.flex-left ul.header-nav i > svg path, #header #masthead .flex-col.show-for-medium.flex-left ul.mobile-nav i > svg path{fill: var(--a-color-negro)} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li > a:hover > i > svg, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav > li > a:hover > i > svg{fill: var(--a-color-negro-hover)} #header #masthead .flex-col.show-for-medium.flex-left ul.header-nav a:hovr i > svg path, #header #masthead .flex-col.show-for-medium.flex-left ul.mobile-nav a:hover i > svg path{fill: var(--a-color-negro-hover)} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-search:before, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i.icon-search:before{display: none !important} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-user:before, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i.icon-user:before{display: none !important} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.wishlist-icon:before, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i.wishlist-icon:before{display: none !important} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-shopping-bag:before, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i.icon-shopping-bag:before{display: none !important} #header #masthead .flex-col.show-for-medium.flex-left ul.header-nav i.icon-menu:before, #header #masthead .flex-col.show-for-medium.flex-left ul.mobile-nav i.icon-menu:before{display: none !important} #header #masthead .flex-col.show-for-medium.flex-left ul.header-nav i.icon-search:before, #header #masthead .flex-col.show-for-medium.flex-left ul.mobile-nav i.icon-search:before{display: none !important} #header #masthead form.searchform i.icon-search:before{display: none !important} /* #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li > a, #header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav > li > a{display: flex; flex-direction: column; justify-content: center; align-items: center; font-family: var(--a-menu-fuente); font-size: var(--a-menu-tamano); font-weight: var(--a-menu-grosor); text-transform: var(--a-menu-text-transform); letter-spacing: var(--a-menu-letter-spacing);} */ #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li > a > span, #header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav > li > a > span{/*font-family: var(--a-fuente-texto-body) !important; font-size: 10px; line-height: 10px; font-weight: 400; text-transform: none; color: var(--a-color-menu-oscuro); margin-left: 0px;*/ /*display: none*/} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav span.image-icon.header-cart-icon img, #header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav span.image-icon.header-cart-icon img{max-width: 29px; position: relative; top: -3px; opacity: 0.8;} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li > a:hover > span, #header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav > li > a:hover > span{color: var(--a-color-negro-hover)} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li:not(.red-social) > a i:before, #header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav > li:not(.red-social) > a i:before{content: ""; display: block; width: 28px; height: 28px; background-size: 28px; background-repeat: no-repeat; margin-bottom: 5px} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-search:before, #header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav i.icon-search:before{background-image: url('/wp-content/uploads/2022/04/icon-search.png');} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-user:before, #header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav i.icon-user:before{background-image: url('/wp-content/uploads/2022/04/icon-user.png'); background-size: 28px} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-heart:before, #header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav i.icon-heart:before{background-image: url('/wp-content/uploads/2022/04/icon-wishlist.png');} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-shopping-bag:before, #header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav i.icon-shopping-bag:before{background-image: url('/wp-content/uploads/2022/04/icon-bag.png');} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li > a.current-lightbox-clicked{opacity: 1 !important; transform: none !important} /**/ /* #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li > a{display: flex; flex-direction: column; justify-content: center; align-items: center;} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li > a > i{font-size: 20px !important} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li > a > span{font-size: 12px; line-height: 16px;} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i{display: flex; flex-direction: column; align-items: center;} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i:after, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i:after{font-family: var(--a-menu-fuente) !important; font-size: 10px; font-weight: var(--a-menu-grosor); letter-spacing: var(--a-menu-letter-spacing); text-transform: uppercase; color: var(--a-color-menu-oscuro);} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-search:after, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i.icon-search:after{content: "Buscar"} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-user:after, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i.icon-user:after{content: "Cuenta"} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-heart:after, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i.icon-heart:after{color: #fff} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-shopping-bag:after, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i.icon-shopping-bag:after{color: #fff} /*cambiar imagen icono*//* #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i{display: flex; flex-direction: column; align-items: center;} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i:after, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i:after{font-family: var(--a-menu-fuente) !important; font-size: 9px; font-weight: var(--a-menu-grosor); letter-spacing: var(--a-menu-letter-spacing); text-transform: uppercase; color: var(--a-color-menu-oscuro);} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i:before, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i:before{content: ""; display: block; width: 25px; height: 25px; background-size: 25px; background-repeat: no-repeat; margin-bottom: 5px} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-search:before, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i.icon-search:before{background-image: url('');} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-search:after, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i.icon-search:after{content: "Buscar"} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-user:before, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i.icon-user:before{background-image: url(''); background-size: 24px} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-user:after, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i.icon-user:after{content: "Mi cuenta"} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-heart:before, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i.icon-heart:before{background-image: url('');} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-heart:after, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i.icon-heart:after{content: "Mis favoritos"} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-shopping-bag:before, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i.icon-shopping-bag:before{background-image: url('');} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i.icon-shopping-bag:after, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i.icon-shopping-bag:after{content: "Cesta"; display: block; background-color: transparent !important; box-shadow: none; border-radius: 0px; position: inherit; top:-1px; left: 0px; opacity: 1} /*elementos del menu*/ #header #masthead ul.header-nav > li{margin: 0px 15px} #header #masthead ul.header-nav-main{justify-content: center} #header #masthead ul.header-nav > li.has-dropdown:before, #header #masthead ul.header-nav > li.has-dropdown > a > i.icon-angle-down{display: none} /*ocultar las flechitas del los submenus*/ /*submenus*/ #header #masthead ul.header-nav ul.sub-menu{border: 1px solid var(--a-color-gris-claro); padding: 15px; z-index: 100} #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: var(--a-menu-tamano); font-weight: var(--a-menu-grosor); letter-spacing: var(--a-menu-letter-spacing); text-transform: var(--a-menu-text-transform);} #main-menu ul.nav ul.children > li:not(.has-child):not(.menu-item-has-children) > a, #main-menu ul.nav ul.children ul.sub-menu li a, #header #masthead ul.header-nav > li > a, #header #masthead ul.header-nav ul.sub-menu > li > a, #main-menu ul.nav-vertical > li.menu-item > a{color: var(--a-color-negro)} #header #masthead ul.header-nav > li > a:hover, #header #masthead ul.header-nav ul.sub-menu > li > a:hover, #main-menu ul.nav-vertical > li.menu-item > a:hover{color: var(--a-color-2); text-decoration: none} #header #masthead ul.header-nav > li > a:focus{} /*bocadillo y lupa convas*/ #header #masthead ul.mobile-nav .icon-menu, #header #masthead ul.mobile-nav .icon-search{/*font-size: 35px*/} /*menu cuenta*/ #header #masthead a.account-link + ul.nav-dropdown{padding: 10px} #header #masthead a.account-link + ul.nav-dropdown > li > a{font-family: var(--a-menu-fuente); font-size: 14px; font-weight: var(--a-menu-grosor); letter-spacing: var(--a-menu-letter-spacing); text-transform: none; text-decoration: none; color: var(--a-color-negro); padding: 8px 0px;} /*linea divisoria*/ #header #masthead .top-divider{display: none} /*parte inferior*/ #header #wide-nav{background: var(--a-color-gris-claro)} #main-menu ul.nav:not(.sidebar-menu-tabs) > li > a:not(.elementor-button-link):not(.elementor-icon), #main-menu ul.nav:not(.sidebar-menu-tabs) > li > a:not(.elementor-button-link):not(.elementor-icon), #header #wide-nav ul.header-nav > li{margin: 0px 15px} #header #wide-nav ul.header-nav > li > a:not(.boton):not(.boton-menu):not(.enlace-menu), #header #wide-nav ul.header-nav ul.sub-menu > li > a, .mega-menu .sub-menu .ux-menu .ux-menu-link__link > span{font-family: var(--a-menu-fuente); font-size: var(--a-menu-tamano); font-weight: var(--a-menu-grosor) !important; letter-spacing: var(--a-menu-letter-spacing); text-transform: var(--a-menu-text-transform); color: var(--a-color-negro); display: flex; flex-direction: column;} #header ul.header-nav > li.enlace-menu > a:hover, #main-menu ul.nav:not(.sidebar-menu-tabs) > li a:not(.elementor-button-link):not(.elementor-icon):hover, #header #masthead ul.header-nav > li > a:hover, #header #wide-nav ul.header-nav > li > a:not(.boton-menu):not(.enlace-menu):hover, .mega-menu .sub-menu .ux-menu .ux-menu-link__link:hover, .mega-menu .sub-menu .ux-menu .ux-menu-link__link:hover > span{color: var(--a-color-2); text-decoration: none} #main-menu ul.nav-vertical li.menu-item.current-menu-parent > a, #main-menu ul.nav-vertical li.menu-item.current-menu-item > a{color: var(--a-color-1) !important; text-decoration: none} #main-menu ul.nav-vertical li.menu-item.current-menu-parent li.menu-item.current-menu-item > a{color: var(--a-color-1) !important; text-decoration: none} #main-menu ul.nav-vertical li.menu-item.active > a{color: var(--a-color-2); text-decoration: none} #header #wide-nav ul.header-nav > li > a i{display: none} #header #wide-nav ul.header-nav > li:not(.boton-menu) > a:not(.boton-menu):not(.enlace-menu):after{content: ""; display: block; height: 2px; width: 0px; transition: var(--a-transition); background: var(--a-color-1); position: relative; top: 10px;} #header #wide-nav ul.header-nav > li:not(.boton-menu) > a:not(.boton-menu):not(.enlace-menu):hover:after{width: 100%} #header #wide-nav ul.header-nav li.menu-item-has-children:after{display: none} #header #wide-nav ul.header-nav ul.sub-menu > li > a:hover{color: var(--a-color-1) !important; text-decoration: none !important} /*sticky*/ #header, #header > .stuck, #header > .stuck > #masthead{z-index: 1000} #header > .stuck > #masthead ul.header-nav > li > a > span.header-cart-icon:after{top: -3px !important} /*modulo header lateral derecha*/ #header section.header-lateral-derecha{} #header section.header-lateral-derecha .elementor-widget-wrap{flex-wrap: wrap} #header section.header-lateral-derecha .elementor-widget-wrap > .elementor-element{max-width: max-content; margin-bottom: 0px;} #header section.header-lateral-derecha .elementor-widget-wrap > .elementor-widget-shortcode{display: flex; align-items: center; margin-left: 10px} #header section.header-lateral-derecha .elementor-widget-wrap > .elementor-widget-polylang-language-switcher{position: relative; top: 10px; margin-left: 20px;} /*boton en menu*/ #header ul.header-nav > li.boton-menu > a.nav-top-link{display: none} #header ul.header-nav > li.boton-menu{margin-left: 100px;} #header ul.header-nav > li.boton-menu > a.nav-top-link{display: none !important} #header ul.header-nav > li.boton-menu > a{display: flex; flex-wrap: nowrap; flex-direction: row; margin-bottom: 0px; padding: 10px 20px; line-height: 1.4em;} #header ul.header-nav > li.boton-menu > a:hover{} #header ul.header-nav > li.boton-menu > a svg{width: 20px; height: 20px; margin-right: 10px} /*enalce menu custom (telefono)*/ #header #masthead a.telefono{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-2); transition: var(--a-transition); position: relative; top: 2px;} #header #masthead a.telefono:hover{transform: scale(1.05);} #header #masthead a.telefono svg{width: 22px; height: 22px; margin-right: 5px} #header #masthead a.telefono svg path{fill: var(--a-color-2)} /*red social*//* #header #masthead ul.header-nav > li.red-social svg path{fill: var(--a-rrss-icon) !important; transition: var(--a-transition);} #header #masthead ul.header-nav > li.red-social > a{box-shadow: var(--a-rrss-box-shadow); padding: 10px; background: var(--a-rrss-background); /*box-shadow: var(--a-redes-sociales-box-shadow);*//* border-radius: 50%;} #header #masthead ul.header-nav > li.red-social > a:hover{box-shadow: var(--a-rrss-box-shadow-hover); background: var(--a-rrss-background-hover); /*box-shadow: var(--a-redes-sociales-box-shadow-hover);*//*} #header #masthead ul.header-nav > li.red-social > a:hover svg path{fill: var(--a-rrss-icon-hover) !important} #header #masthead ul.header-nav > li.red-social a svg, #header #masthead ul.header-nav > li.red-social a i{transition: var(--a-transition)} */ #header #masthead ul.header-nav > li > a:hover > i, #header #masthead ul.mobile-nav > li > a:hover > i:not(.icon-menu):not(.icon-search), #header #masthead ul.header-nav > li > a:hover > svg, #header #masthead ul.mobile-nav > li > a:hover > svg, #header #masthead ul.header-nav > li.enlace-menu > a:hover{transform: scale(1.05);} #header > .stuck > #masthead ul.header-nav > li.red-social a{position: relative; top: -1px} /*selector de idioma*/ #header .elementor-widget-polylang-language-switcher span.cpel-switcher__name{margin-left: 5px; padding: 0px} #header .elementor-widget-polylang-language-switcher i.fa-caret-down{font-size: 16px; margin-left: 3px; padding: 0px} /*solucion al punto de rotura del header*/ @media (max-width: 1240px){ header #masthead #logo{display: block !important; order: 2; max-width: 100% !important; flex: 100%; margin: 0px !important;} header #masthead #logo a{margin: auto; justify-content: center !important} #header #masthead #logo a img{margin: 0px 0px 0px auto !important; } header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li.header-wishlist-icon{margin: 0px 10px;} header #masthead .flex-col.show-for-medium.flex-left{display: block !important; order: 1; max-width: max-content; margin-right: 0px;} /*menu principal modo movil*/ header #masthead .flex-col.hide-for-medium.flex-left.flex-grow{display: none !important} /*menu principal modo pc*/ header #masthead .flex-col.hide-for-medium.flex-right{order: 3; max-width: 25%; flex: 25%} /*menu 'Mi cuenta', 'Lista de deseos', 'cesta', ect*/ header #masthead .flex-col.hide-for-medium.flex-right > ul.nav{justify-content: flex-end} header #wide-nav, header #wide-nav .flex-col.show-for-medium.flex-grow{display: block !important} /*elemento inferior del menu*/ header #masthead ul.header-nav-main{justify-content: flex-end !important;} header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav > li > a > span{display: none} /*header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li:first-child{display: none}*/ /* #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li:first-child, #header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav > li:first-child{display: none} */ /*menu lateral header*/ #header #masthead .flex-col.hide-for-medium.flex-right{display: none} /* #header #masthead .flex-col.hide-for-medium.flex-right{max-width: 320px; margin-left: 0px} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li:not(.enlace-menu):not(.red-social):not(.html.custom){display: none} #header #masthead section.header-menu-lateral{display: none} */ /*modulo header lateral derecha*/ #header section.header-lateral-derecha{display: none} } @media (max-width: 900px){ #header #masthead > div, #header #wide-nav > div{padding: 0px 25px !important} #header > .stuck #top-bar{display: none !important} #header #wide-nav{display: none !important} #header #masthead #logo img{width: auto; min-width: 0px; max-width: -webkit-fill-available;} #header #wide-nav .elementor-widget-heading .elementor-heading-title, #header #wide-nav .elementor-widget-heading .elementor-heading-title a{text-transform: none} /* #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li:first-child, #header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav > li:first-child{display: block} */ } @media (max-width: 900px){ #header #top-bar .elementor-widget-slides .elementor-slide-description{margin-bottom: 0px !important} #header #top-bar .elementor-widget-slides .elementor-slide-description .elementor-icon-box-wrapper{display: flex} #header #top-bar .elementor-widget-slides .elementor-slide-description .elementor-icon-box-icon{margin-bottom: 0px; margin-right: 5px;} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li{margin: 0px 5px} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li:first-child, #header #masthead .flex-col.show-for-medium.flex-right ul.mobile-nav > li:first-child{margin-right: 0px} #header #masthead .flex-col.show-for-medium.flex-left ul.header-nav li.header-search, #header #masthead .flex-col.show-for-medium.flex-left ul.mobile-nav li.header-search{margin-left: 0px} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav > li.header-search{display: none} } @media (max-width: 849px){ #header li.html.custom{display: block !important} } @media (max-width: 849px){ #header #masthead #logo a img{/*margin-right: 0px !important;*/} } @media (max-width: 849px){ #header #masthead .flex-col.show-for-medium.flex-left{max-width: max-content; min-width: 100px; } #header #masthead #logo{max-width: 100%; flex: 100%; min-width: 0px;} #header #masthead .flex-col.hide-for-medium.flex-right{/*max-width: max-content; min-width: 100px;*/ display: none !important;} #header #masthead .flex-col.hide-for-medium.flex-right ul.header-nav i > svg, #header #masthead .flex-col.hide-for-medium.flex-right ul.mobile-nav i > svg, #header #masthead .flex- col.show-for-medium.flex-left ul.header-nav i > svg, #header #masthead .flex-col.show-for-medium.flex-left ul.mobile-nav i > svg{width: 28px; height: 28px} #header #masthead ul.mobile-nav i.icon-menu, #header #masthead ul.mobile-nav i.icon-search{/*width: 31px; height: 31px;*/} /*selector idiomar*/ #header .elementor-widget-polylang-language-switcher span.cpel-switcher__name, #header .elementor-widget-polylang-language-switcher i{display: none} /*tienda online*/ #header #masthead .flex-col.show-for-medium.flex-right{display: none !important} } /* @media (max-width: 520px){ #header #masthead{padding: 0px 10px !important} #header #masthead .flex-col.hide-for-medium.flex-right{display: none !important;} #header #masthead #logo{max-width: 75%; flex: 75%; min-width: 0px; order: 1} #header #masthead #logo img{max-width: 225px !important; margin-left: 0px !important; position: relative; left: -10px;} #header #masthead .flex-col.show-for-medium.flex-left{order: 2} #header #masthead .flex-col.show-for-medium.flex-left > ul.nav{justify-content: flex-end; padding-right: 15px;} } */ @media (max-width: 480px){ #header #masthead #logo a img{} } @media (max-width: 320px){ #header #masthead #logo a img{} } /*MENU CANVAS*/ /*.mfp-wrap.off-canvas.mfp-ready{position: fixed !important}*/ .mfp-container{display: flex} .mfp-content{padding-top: 0px !important; top: 0px !important} .off-canvas > .mfp-container{z-index: 10} .off-canvas > button{z-index: 100; opacity: 1 !important; right: 10px;} .off-canvas > button svg{color: var(--a-color-negro)} .off-canvas.main-menu-overlay{opacity: 1 !important} .off-canvas button.mfp-close{z-index: 100; opacity: 1 !important; right: 10px; top: -5px; mix-blend-mode: normal;} .off-canvas section.enlace-newsletter{display: none} .off-canvas section.enlace-newsletter .elementor-widget-text-editor .elementor-text-editor, .off-canvas section.enlace-newsletter .elementor-widget-text-editor .elementor-text-editor p, .off-canvas section.enlace-newsletter .elementor-widget-text-editor .elementor-text-editor a{color: var(--a-color-negro) !important} .off-canvas section.custom-top-bar-2{background: transparent !important} .off-canvas section.custom-top-bar-2 .elementor-widget-image{margin: 50px 0px 10px} .off-canvas section.enlace-newsletter .elementor-widget-icon i{border: 1px solid var(--a-color-negro)} .off-canvas section.enlace-newsletter .elementor-widget-icon i:before{color: var(--a-color-negro)} #main-menu ul.sidebar-menu-tabs .sidebar-menu-tabs__tab .sidebar-menu-tabs__tab-link{font-family: var(--a-menu-fuente); font-weight: var(--a-menu-canvas-grosor-1); text-transform: var(--a-menu-text-transform); letter-spacing: var(--a-menu-letter-spacing);} #main-menu > .sidebar-menu{padding: 0px 0px 30px} #main-menu li:marker{display: none} #main-menu ul.nav > li a:not(.elementor-button-link){} #main-menu ul.nav > li:not(.menu-item-object-custom){background: var(--a-color-blanco)} #main-menu ul.nav > li:not(.menu-item-object-custom) a:not(.elementor-button-link){color: var(--a-color-negro); text-decoration: none;} #main-menu ul.nav > li a:not(.elementor-button-link):hover{color: #fff; text-decoration: none;} #main-menu ul.nav > li.active:not(.menu-item-object-custom) a:not(.elementor-button-link){} #main-menu ul.nav > li > a:not(.elementor-button-link){} #main-menu ul.nav ul.children > li > a{} #main-menu ul.nav > li.active:not(.header-block), #main-menu ul.nav > li:not(.header-block):hover {background-color:#fff !important} #main-menu ul.nav > li.header-wishlist-icon a > i.wishlist-icon{display: none} #main-menu ul.nav > li.menu-item .toggle{top: 0px;} /*top bar*/ #main-menu section.custom-top-bar-2.menu-lenguaje{display: none} #main-menu ul.nav > li.html.html_topbar_left > .elementor{width: 100%} #main-menu ul.nav > li.html.html_topbar_left > .elementor a{} #main-menu ul.nav > li.html.html_topbar_left section.logo-canvas{display: block !important;} #main-menu section.custom-top-bar-2 .elementor-widget-image img{max-height: 65px !important; width: auto !important; /*width: 100%*/} /*#main-menu section.custom-top-bar-2.enlace-newsletter{background: var(--a-color-1) !important}*/ /*modulo iconos canvas*/ #main-menu ul.nav > li.html.custom{max-width: 100%; flex: 100%; display: block; justify-content: center; padding: 0px;} #main-menu ul.nav > li.html.custom div.mensaje{max-width: 100%; flex: 100%; margin-bottom: 10px} #main-menu ul.nav > li.html.custom div.imagen{max-width: 100%; flex: 100%;} #main-menu ul.nav > li.html.custom div.imagen img{max-width: 250px} #main-menu ul.nav > li.header-search-form + li.html.custom{background: transparent !important; max-width: 100%; padding: 0px; width: 100%; display: block; margin-top: 0px} #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas{/*border-top: 1px solid var(--a-color-linea-divisoria);*/ border-bottom: 1px solid var(--a-color-gris-claro); margin-bottom: 50px;} #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-widget-icon .elementor-icon-wrapper{font-size: 0px} #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-widget-wrap{padding: 0px} #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-row{justify-content: space-between;} #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-column.izq, #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-column.der{max-width: max-content; width: auto} #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-column.der .elementor-widget-wrap{justify-content: flex-end} #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-widget-image, #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-widget-icon{max-width: 100px; display: inline-block; width: auto; margin-right: 0px; margin-bottom: 0px} #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-widget-icon.chat{order: 2} #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-widget-icon.whatsapp{order: 1} #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-widget-icon.email{order: 4} #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-widget-icon.telefono{order: 3} #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-widget-icon.chat, #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-widget-icon.whatsapp{/*display: none !important*/} #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-widget-image a, #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-widget-icon a{padding: 10px} #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-widget-image img, #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-widget-icon svg{max-width: 30px; height: auto; fill: var(--a-color-negro)} #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-column.izq .elementor-widget-icon a.elementor-icon{/*background: var(--a-color-fondo-gris-claro)*/} #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-widget-icon.telefono a.elementor-icon{/*background: var(--a-color-primario) !important*/} #main-menu ul.nav > li.header-search-form + li.html.custom section.iconos-canvas .elementor-widget-icon.telefono svg{fill: var(--a-color-negro)} #main-menu ul.nav > li.pll-parent-menu-item.menu-item > a{justify-content: center !important; padding: 20px 10px;} #main-menu ul.nav > li.pll-parent-menu-item.menu-item > a > img, #main-menu ul.nav > li.pll-parent-menu-item.menu-item ul.sub-menu > li.lang-item > a > img{width: 50px !important; height: auto !important} #main-menu ul.nav > li.pll-parent-menu-item.menu-item ul.sub-menu > li.lang-item > a{background: transparent; display: flex; justify-content: center !important; margin-left: 0px} #main-menu ul.nav > li.pll-parent-menu-item.menu-item button.toggle{display: none} #main-menu ul.nav > li.menu-item-23382, #main-menu ul.nav > li.menu-item-26241, #main-menu ul.nav > li.menu-item-26240, #main-menu ul.nav > li.menu-item-26242, #main-menu ul.nav > li.menu-item-26243{padding: 0px !important;} #main-menu ul.nav > li.menu-item-23382 > a, #main-menu ul.nav > li.menu-item-26241 > a, #main-menu ul.nav > li.menu-item-26240 > a, #main-menu ul.nav > li.menu-item-26242 > a, #main-menu ul.nav > li.menu-item-26243 > a{background: var(--a-color-gris-claro) !important; color: var(--a-color-negro); font-size: 16px; line-height: 22px; margin: 0px 0px 2px !important; padding: 10px 20px !important;} /*3 niveles alineado a la izquierda*/ #main-menu ul.sidebar-menu-tabs > li > a:before{height: 0px} #main-menu ul.sidebar-menu-tabs > li.active > a:before{background-color: var(--a-color-1)} #main-menu ul.sidebar-menu-tabs > li:not(.active) > a:hover:before{background-color: var(--a-color-2)} #main-menu ul.nav.nav-vertical > li.menu-item{padding: 0px 10px} #main-menu ul.nav ul.children > li > a, #main-menu ul.nav-vertical > li.menu-item > a{font-family: var(--a-menu-fuente); text-transform: var(--a-menu-text-transform); letter-spacing: var(--a-menu-letter-spacing);} #main-menu ul.nav:not(.sidebar-menu-tabs) > li > a:not(.elementor-button-link):not(.elementor-icon){padding: 15px 10px; /*font-size: 26px*/} /*#main-menu ul.nav > li > a:not(.elementor-button-link):not(.elementor-icon):hover{color: var(--a-color-1); text-decoration: none;}*/ #main-menu ul.nav > li.menu-item a{justify-content: center !important; margin: 0px 10px;} #main-menu ul.nav > li.menu-item ul.sub-menu, #main-menu ul.nav > li.menu-item ul.children{padding-left: 0px} #main-menu ul.nav > li.menu-item ul.sub-menu ul.sub-menu{padding-left: 0px} /* #main-menu ul.nav ul.children > li.menu-item-has-children > a{} #main-menu ul.nav ul.children > li:not(.has-child):not(.menu-item-has-children) > a, #main-menu ul.nav ul.children ul.sub-menu li a{color: var(--a-color-negro);} */ #main-menu ul.nav > li.active:not(.header-block), #main-menu ul.nav > li:not(.header-block):hover {background-color: #fff !important;} #main-menu ul.nav > li > ul.sub-menu, #main-menu ul.nav > li > ul.children{padding-bottom: 20px} #main-menu ul.nav li:not(.menu-item-has-children):not(.account-item ) > a{text-align: center; padding: 10px; margin-bottom: 0px; margin-right: 10px; margin-left: 10px;} #main-menu ul.nav > li.menu-item button.toggle{position: absolute; top: 4px; right: 20px;} #main-menu ul.nav > li.sidebar-menu-tabs__tab:hover,#main-menu ul.nav > li.sidebar-menu-tabs__tab:active{background-color:var(--a-color-2)!important; } /*tamaños niveles menu canvas*/ #main-menu > div > ul.nav:not(.sidebar-menu-tabs) > li > a:not(.elementor-button-link):not(.elementor-icon){font-size: var(--a-menu-canvas-tamano-1); font-weight: var(--a-menu-canvas-grosor-1);} #main-menu > div > ul.nav:not(.sidebar-menu-tabs) > li > ul.sub-menu > li.menu-item > a:not(.elementor-button-link):not(.elementor-icon){font-size: var(--a-menu-canvas-tamano-2); font-weight: var(--a-menu-canvas-grosor-2); text-transform: var(--a-menu-canvas-text-transform-2); padding: 3px 10px; /*opacity: 0.8; text-transform: var(--a-menu-text-transform)*/} #main-menu > div > ul.nav:not(.sidebar-menu-tabs) > li > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item > a:not(.elementor-button-link):not(.elementor-icon){ font-size: var(--a-menu-canvas-tamano-3); font-weight: var(--a-menu-canvas-grosor-3); text-transform: var(--a-menu-canvas-text-transform-3); padding: 3px 10px; /*opacity: 0.6; padding: 3px 10px; text-transform: var(--a-menu-text-transform)*/} /*ajuestes para 3 niveles de submenus*//* #main-menu ul.nav > li.has-child > ul.sub-menu > li > a{font-size: 14px; line-height: 20px; text-transform: uppercase; font-weight: 600; padding: 3px 30px} #main-menu ul.nav > li.has-child > ul.sub-menu li.menu-item:not(.menu-item-has-children) > a{padding: 3px 30px} /*selector de idioma + atención telefonica*/ #main-menu section.idioma-atencion{padding: 0px 20px} #main-menu section.idioma-atencion .elementor-widget-wrap{flex-direction: column} #main-menu section.idioma-atencion .elementor-widget-polylang-language-switcher{display: inline-block; width: auto} #main-menu section.idioma-atencion .elementor-widget-polylang-language-switcher ul.cpel-switcher__list > li{max-width: max-content; flex: auto;} #main-menu section.idioma-atencion .elementor-widget-polylang-language-switcher ul.cpel-switcher__list > li span.cpel-switcher__flag{width: 30px; height: calc(30px * 0.75);} #main-menu section.idioma-atencion .elementor-widget-polylang-language-switcher nav.cpel-switcher__nav a{padding: 0px; margin: 0px;} #main-menu section.idioma-atencion .elementor-widget-polylang-language-switcher nav.cpel-switcher__nav i.fa-caret-down{display: none} #main-menu section.idioma-atencion .elementor-widget-html.horario{margin-top: 30px} #main-menu section.idioma-atencion .elementor-widget-html.horario > .elementor-widget-container > span{font-weight: 500; text-transform: uppercase; font-style: normal !important;} #main-menu section.idioma-atencion .elementor-widget-html.horario > .elementor-widget-container > div{display: block; margin-bottom: 5px} #main-menu section.idioma-atencion .elementor-widget-html.horario > .elementor-widget-container > div > span{display: block; font-size: var(--a-body-tamano);} #main-menu section.idioma-atencion .elementor-widget-text-editor{justify-content: center; width: auto; background: transparent !important; padding: 30px 0px 10px 0px; margin: 10px 20px 0px; } #main-menu section.idioma-atencion .elementor-widget-text-editor.direccion{padding: 10px; margin-top: 0px;} #main-menu section.idioma-atencion .elementor-widget-text-editor.direccion .elementor-text-editor{font-style: italic} #main-menu section.idioma-atencion .elementor-widget-text-editor p{margin-bottom: 7px; font-size: 16px; line-height: 22px} #main-menu section.idioma-atencion .elementor-widget-text-editor p.aux{font-weight: 500; text-transform: uppercase; font-style: normal !important} #main-menu section.idioma-atencion .elementor-widget-text-editor.direccion p:not(.aux){font-style: italic} #main-menu section.idioma-atencion .elementor-widget-text-editor label{font-weight: 300; margin-bottom: 0px;} #main-menu section.idioma-atencion .elementor-widget-icon-box{margin-bottom: 10px} #main-menu section.idioma-atencion .elementor-widget-icon-box.dato{margin-bottom: 30px} #main-menu section.idioma-atencion .elementor-widget-icon-box .elementor-icon-box-wrapper{justify-content: center} #main-menu section.idioma-atencion .elementor-widget-icon-box .elementor-icon-box-wrapper .elementor-icon-box-content{max-width: max-content} #main-menu section.idioma-atencion .elementor-widget-icon-box .elementor-icon-box-icon{margin-right: 5px} #main-menu section.idioma-atencion .elementor-widget-social-icons .elementor-social-icons-wrapper{display: flex; justify-content: center} #main-menu .elementor-widget-polylang-language-switcher{} @media (max-width: 769px){ #main-menu section.idioma-atencion .elementor-widget-icon-box .elementor-icon-box-wrapper{display: flex; justify-content: center;} #main-menu section.idioma-atencion .elementor-widget-icon-box .elementor-icon-box-icon{display: inline-block; margin: 0px 5px 0px 0px;} } /* #main-menu section.idioma-atencion .elementor-widget-social-icons{position: relative; right: 9px; margin-bottom: 50px} #main-menu section.idioma-atencion .elementor-widget-social-icons span.elementor-grid-item{margin: 0px 10px} #main-menu section.idioma-atencion .elementor-widget-social-icons a{background: transparent; width: 30px;} #main-menu section.idioma-atencion .elementor-widget-social-icons a svg{width: 30px; height: 30px;} #main-menu section.idioma-atencion .elementor-widget-social-icons a.elementor-icon i, #main-menu section.idioma-atencion .elementor-widget-social-icons a.elementor-icon svg, #main-menu section.idioma-atencion .elementor-widget-social-icons a.elementor-icon svg path{fill: var(--a-color-negro); color: var(--a-color-negro);} #main-menu section.idioma-atencion .elementor-widget-social-icons .elementor-social-icons-wrapper > .elementor-grid-item:last-child svg{opacity: 0.7; position: relative; top: -2px;} */ /*datos de contacto*/ #main-menu section.estructura-datos-1 > .elementor-container > .elementor-row{flex-wrap: wrap} #main-menu section.estructura-datos-1 .elementor-col-100 > .elementor-column-wrap > .elementor-widget-wrap{justify-content: center;} #main-menu section.estructura-datos-1 .elementor-column{max-width: 100%; flex: 100%;} #main-menu section.estructura-datos-1 .elementor-widget-wrap{justify-content: center} #main-menu section.estructura-datos-1 .elementor-widget-text-editor{display: none} #main-menu section.estructura-datos-1 .elementor-widget-html.horario .elementor-widget-container{justify-content: center;} #main-menu section.estructura-datos-1 .elementor-widget-icon-box{box-shadow: none !important; border: none;} #main-menu section.estructura-datos-1 .elementor-widget-icon-box.dato .elementor-icon-box-wrapper{display: block !important; text-align: center;} #main-menu section.estructura-datos-1 .elementor-widget-icon-box.dato .elementor-icon-box-wrapper .elementor-icon-box-icon{margin: 0px auto 10px} #main-menu section.estructura-datos-1 .elementor-widget-icon-box .elementor-icon-box-content{height: auto !important; margin: auto; align-items: center;} #main-menu section.idioma-atencion .elementor-widget-icon-box .elementor-icon-box-icon{display: inline-block; margin: 0px 5px 0px 0px;} #main-menu section.estructura-datos-1 .elementor-widget-icon-box.dato.alternativa-1 .elementor-icon-box-content .elementor-icon-box-title{padding-right: 0px;} #main-menu section.estructura-datos-1:not(.formato-centrado) .elementor-widget-icon-box.dato .elementor-widget-container{max-width: 300px; margin: auto; box-shadow: var(--a-box-shadow)} #main-menu .version-2 section.estructura-datos-1 .elementor-row{flex-wrap: wrap} #main-menu .version-2 section.estructura-datos-1 .elementor-column .elementor-widget-wrap{padding: 0px; align-content: center;} #main-menu section.idioma-atencion .elementor-widget-icon-box .elementor-icon-box-wrapper{padding: 20px 0px} #main-menu section.estructura-datos-1 .elementor-widget-icon-box .elementor-icon-box-icon{padding: 0px} #main-menu section.estructura-datos-1 .elementor-widget-icon-box .elementor-icon-box-icon svg{width: 30px !important; height: 30px !important;} #main-menu section.estructura-datos-1.formato-centrado .elementor-widget-icon-box.dato{max-width: 300px; padding-bottom: 0px;} #main-menu section.estructura-datos-1.formato-centrado .elementor-widget-icon-box.dato > .elementor-widget-container{box-shadow: none} #main-menu section.idioma-atencion .elementor-widget-button.como-llegar{margin-bottom: 50px} #main-menu section.idioma-atencion .elementor-widget-button.como-llegar a{font-size: 14px !important; line-height: 20px !important} /*redes sociales*/ #main-menu .elementor-widget-social-icons.redes-sociales .elementor-social-icons-wrapper{display: flex} /*buscador*/ #main-menu ul.nav > li.header-search-form{padding: 0px} #main-menu form.searchform{max-width: 100%; padding: 0px; margin-bottom: 0px} #main-menu form.searchform .flex-grow{padding-right: 0px; margin: 0px 10px} #main-menu form.searchform .flex-col:not(.flex-grow){position: absolute; right: 80px;} #main-menu form.searchform input[type='search']{border-radius: 0px !important; padding: 25px; text-align: center; padding-right: 0px; max-width: 525px !important;} #main-menu form.searchform input[type='search']:placeholder{color: var(--a-color-negro)} #main-menu form.searchform button[type='submit'] i{color: var(--a-color-negro); opacity: 0.6;} #main-menu form.searchform button[type='submit'] svg{max-width: 30px; height: 30px; fill: var(--a-color-negro); position: relative; top: 5px; right: 5px;} /* #main-menu ul.nav > li.header-block{justify-content: center; margin-top: 50px; border: 1px solid #000; max-width: 500px; background: transparent !important; padding: 40px 50px 0px;} #main-menu ul.nav section.datos-canvas .img img{max-width: 300px; margin-bottom: 10px} #main-menu ul.nav section.datos-canvas .icon-box.telefono, #main-menu ul.nav section.datos-canvas .icon-box.email{border: 1px solid #000; padding: 5px 20px; display: inline-flex; width: auto; margin: 0px 15px} #main-menu ul.nav section.datos-canvas .icon-box.telefono{margin-bottom: 15px} #main-menu ul.nav section.datos-canvas .icon-box.email{margin-bottom: 0px; display: flex; flex-wrap: nowrap;} #main-menu ul.nav section.datos-canvas .icon-box.telefono .icon-box-text, #main-menu ul.nav section.datos-canvas .icon-box.email .icon-box-text{display: flex; align-items: center;} #main-menu ul.nav section.datos-canvas .icon-box .icon-box-text, #main-menu ul.nav section.datos-canvas .icon-box .icon-box-text p{color: #000; font-size: var(--a-body-tamano); text-align: center} #main-menu ul.nav section.datos-canvas .icon-box .icon-box-text a{align-items: center; font-size: var(--a-body-tamano)} #main-menu ul.nav section.datos-canvas .icon-box .icon-box-img{align-items: center; width: 18px !important; margin: 0px auto;} #main-menu ul.nav section.datos-canvas .icon-box .icon-box-img svg path{fill: #000} #main-menu ul.nav section.datos-canvas .icon-box.horario{margin: 35px 0px} #main-menu ul.nav section.datos-canvas .icon-box.horario .icon-box-img{align-items: flex-start !important} #main-menu ul.nav section.datos-canvas .icon-box.horario p{line-height: 20px; margin-bottom: 10px} #main-menu ul.nav section.datos-canvas .icon-box .icon-box-text a{align-items: center; font-size: var(--a-body-tamano); color: #000;} #main-menu ul.nav section.datos-canvas .icon-box.direccion{margin-bottom: 30px} #main-menu ul.nav section.datos-canvas .icon-box.direccion .icon-box-text{font-style: italic} #main-menu ul.nav section.datos-canvas .icon-box.direccion .icon-box-img svg, #main-menu ul.nav section.datos-canvas .icon-box.horario .icon-box-img svg{padding-top: 0px !important} #main-menu ul.nav section.datos-canvas .icon-box:not(.direccion) .icon-box-img svg{position: relative; top: 2px} #main-menu ul.nav section.datos-canvas .follow-icons a{background: transparent !important; border-color: transparent !important; box-shadow: none !important; margin: 0px 5px; transition: var(--a-transition)} #main-menu ul.nav section.datos-canvas .follow-icons a i{color: var(--a-color-primario) !important; font-size: 25px} #main-menu ul.nav section.datos-canvas .follow-icons a:hover i{color: var(--a-color-primario) !important} */ /*enlace boton*/ #main-menu ul.nav-sidebar > li.enlace-menu{display: none} /*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} }