.elementor-7707 .elementor-element.elementor-element-31d6394{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7707 .elementor-element.elementor-element-3bdf02b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7707 .elementor-element.elementor-element-5f92b0a{width:var( --container-widget-width, 34% );max-width:34%;--container-widget-width:34%;--container-widget-flex-grow:0;}.elementor-7707 .elementor-element.elementor-element-5f92b0a > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-7707 .elementor-element.elementor-element-5f92b0a .kitify-logo__link{width:100%;}.elementor-7707 .elementor-element.elementor-element-5f92b0a .kitify-logo{justify-content:flex-start;}.elementor-7707 .elementor-element.elementor-element-af730b8{--display:flex;}.elementor-7707 .elementor-element.elementor-element-af730b8.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-7707 .elementor-element.elementor-element-e6bc71f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-7707 .elementor-element.elementor-element-e3d0fcc{width:var( --container-widget-width, 2% );max-width:2%;--container-widget-width:2%;--container-widget-flex-grow:0;}.elementor-7707 .elementor-element.elementor-element-e3d0fcc.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-7707 .elementor-element.elementor-element-3d455ea{width:auto;max-width:auto;}.elementor-7707 .elementor-element.elementor-element-3d455ea.elementor-element{--align-self:center;}.elementor-7707 .elementor-element.elementor-element-3d455ea .kitify-menu-account__icon{margin-right:1px;}.elementor-7707 .elementor-element.elementor-element-8459982{--display:flex;}.elementor-7707 .elementor-element.elementor-element-0ece998{width:100%;max-width:100%;}.elementor-7707 .elementor-element.elementor-element-0ece998.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-7707 .elementor-element.elementor-element-3bdf02b{--width:100%;}.elementor-7707 .elementor-element.elementor-element-af730b8{--width:100%;}.elementor-7707 .elementor-element.elementor-element-e6bc71f{--content-width:81%;}}/* Start custom CSS for container,class:.elementor-element-31d6394 *//*==========================================================1. SEPARACIÓN DE LA BARRA DE CATEGORÍAS==========================================================*/ .syscom-nav-wrapper{margin-top:20px!important;/* Evita que se encime con los elementos de arriba */}/*==========================================================2. DISEÑO PROFESIONAL DEL BUSCADOR==========================================================*/ /* Redondeamos el buscador y le damos un toque moderno tipo píldora */ .elementor-search-form__input,input[type="search"],.search-field,input[name="s"]{border:2px solid #cbd5e1!important;border-radius:30px!important;padding:10px 20px!important;font-size:14px!important;outline:none!important;transition:all 0.3s ease!important;box-shadow:0 2px 5px rgba(0,0,0,0.02)!important}.elementor-search-form__input:focus,input[type="search"]:focus,.search-field:focus,input[name="s"]:focus{border-color:rgb(10,73,123)!important;box-shadow:0 0 0 3px rgba(10,73,123,0.1)!important}/* Estilizar el botón de búsqueda de Elementor para que combine */ .elementor-search-form__submit{background-color:rgb(10,73,123)!important;border-radius:0 30px 30px 0!important;padding:0 20px!important}/*==========================================================3. ALINEACIÓN Y ORDEN DE LOS ICONOS DE LA DERECHA==========================================================*/ /* Forzamos que los widgets de la derecha se alineen de forma horizontal y ordenada */ .elementor-widget-container{display:flex;align-items:center}/*==========================================================RESPONSIVIDAD DE LA CABECERA (MÓVILES Y TABLETS)==========================================================*/ @media (max-width:768px){/* Forzamos al contenedor principal a permitir múltiples líneas */ .elementor-7707 .elementor-element.elementor-element-31d6394{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;padding:10px!important}/* 1. El Logo se queda arriba a la izquierda */ .elementor-7707 .elementor-element.elementor-element-31d6394 .elementor-widget-image,.elementor-7707 .elementor-element.elementor-element-31d6394 .site-branding{order:1!important;flex:0 0 auto!important;width:auto!important}/* 2. Los Iconos de la derecha se suben arriba a la derecha,junto al logo */ .elementor-7707 .elementor-element.elementor-element-31d6394 .elementor-widget-woocommerce-menu-cart,.elementor-7707 .elementor-element.elementor-element-31d6394 .site-header-cart,.elementor-7707 .elementor-element.elementor-element-31d6394 .header-icons-container{order:2!important;flex:0 0 auto!important;margin-left:auto!important}/* 3. El Buscador baja por completo a la segunda línea ocupando todo el ancho */ .elementor-7707 .elementor-element.elementor-element-31d6394 .elementor-widget-search-form,.elementor-7707 .elementor-element.elementor-element-31d6394 .search-form-container{order:3!important;flex:0 0 100%!important;width:100%!important;margin-top:10px!important}}/* End custom CSS */