.elementor-kit-61{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#FFFFFF;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#FFFFFF;}.elementor-kit-61 e-page-transition{background-color:#FFBC7D;}.elementor-kit-61 a{color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1000px;}.e-con{--container-max-width:1000px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//***** SOLO TABLET (768–1199px) — Mostrar SIEMPRE la barra de búsqueda *****/
@media only screen and (min-width: 768px) and (max-width: 1199px) {

  /* 0) Asegura fila flexible del header (no cambia layout en otras vistas) */
  html body #masthead .col-full,
  html body .elementor-location-header .elementor-container {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
    width: 100%;
  }

  /* 1) Anula ocultaciones típicas de Elementor/tema SOLO para el buscador */
  html body #masthead .site-search.elementor-hidden-tablet,
  html body #masthead .header-search.elementor-hidden-tablet,
  html body #masthead .product-search.elementor-hidden-tablet,
  html body #masthead .shoptimizer-ajax-search.elementor-hidden-tablet,
  html body #masthead .dgwt-wcas-search-wrapp.elementor-hidden-tablet,
  html body .elementor-location-header .elementor-widget-search-form.elementor-hidden-tablet {
    display: block !important;
  }

  /* 2) Mostrar el buscador (DGWT/FiboSearch, Woo/tema o Elementor) */
  html body #masthead .site-search,
  html body #masthead .header-search,
  html body #masthead .product-search,
  html body #masthead .shoptimizer-ajax-search,
  html body #masthead .dgwt-wcas-search-wrapp,
  html body .elementor-location-header .elementor-widget-search-form {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    order: 3;
    flex: 1 1 420px !important;
    max-width: 640px;
    margin: 0 12px !important;
    z-index: 5;
  }

  /* 3) Input a ancho completo */
  html body #masthead .dgwt-wcas-search-input,
  html body #masthead .site-search input[type="search"],
  html body .elementor-location-header .elementor-widget-search-form input[type="search"] {
    width: 100% !important;
    height: 44px !important;
    font-size: 16px !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
  }

  /* 4) Orden recomendado: menú → logo → buscador → carrito */
  html body #masthead .menu-toggle { order: 1; }
  html body #masthead .site-branding,
  html body #masthead .custom-logo-link { order: 2; }
  html body #masthead .site-header-cart { order: 4; display: flex !important; margin-left: auto !important; }

  /* 5) Si existe icono/toggle que tapa el campo, escóndelo en tablet */
  html body #masthead .header-search-toggle,
  html body #masthead .search-toggle { display: none !important; }
}

/***** SOLO TABLET (768–1199px) — Ajustar posición del logo *****/
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #masthead .site-branding,
  #masthead .custom-logo-link {
    margin-left: -160px !important;   /* 🔧 cambia este valor: 0px, 10px, 30px... */
  }
}

/***** SOLO TABLET (768–1199px) — Mover barra de búsqueda a la izquierda (suave) *****/
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  /* Asegura que el padre no recorte el desplazamiento */
  html body #masthead .col-full,
  html body .elementor-location-header .elementor-container {
    overflow: visible !important;
  }

  /* Desplazamiento horizontal y vertical del buscador */
  html body #masthead .dgwt-wcas-search-wrapp,
  html body #masthead .site-search,
  html body #masthead .header-search,
  html body #masthead .product-search,
  html body #masthead .shoptimizer-ajax-search,
  html body .elementor-location-header .elementor-widget-search-form {
    position: relative !important;
    margin-left: -350px !important;      /* 👈 ajusta: -10px, -14px, -20px */
    margin-right: 12px !important;
    left: 0 !important;
    top: -8px !important;                /* 👈 ajusta: -6px, -8px, -12px */
    transform: none !important;          /* elimina desplazamientos agresivos */
    max-width: 680px !important;
  }
}

/***** SOLO TABLET (768–1199px) — Margen a la derecha del buscador *****/
@media only screen and (min-width:768px) and (max-width:1199px){
  html body #masthead .dgwt-wcas-search-wrapp,
  html body #masthead .site-search,
  html body #masthead .header-search,
  html body #masthead .product-search,
  html body #masthead .shoptimizer-ajax-search,
  html body .elementor-location-header .elementor-widget-search-form{
    flex:1 1 auto !important;
    max-width:none !important;
    margin-right: 59px !important;      /* 👈 ajusta si quieres más aire */
  }

  /* Mantén el carrito a la derecha */
  html body #masthead .site-header-cart{
    margin-left:auto !important;
  }
}

/***** SOLO TABLET (768–1199px) — Mover texto "Buscar productos…" *****/
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #masthead .dgwt-wcas-search-input,
  #masthead .site-search input[type="search"],
  .elementor-location-header .elementor-widget-search-form input[type="search"] {
    text-indent: 36px !important;  /* ajusta: 30–44px según la lupa */
  }
}

/***** SOLO TABLET (768–1199px) — Aumentar tamaño del logo *****/
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #masthead .site-branding img,
  #masthead .custom-logo,
  #masthead .custom-logo-link img,
  .elementor-location-header .site-branding img {
    height: 50px !important;      /* 🔧 ajusta: 80px, 90px, 100px */
    max-height: 100px !important; /* límite para no deformar */
    width: auto !important;       /* mantiene proporción */
  }

  /* Asegura que el contenedor no limite el alto */
  #masthead .site-branding,
  #masthead .custom-logo-link {
    height: auto !important;
  }
}

/* --------------------------- BLOQUES GENERALES --------------------------- */

/* Mi cuenta */
.menu-item a[href*="mi-cuenta"] {
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    position: relative;
    top: -15px;
}
.menu-item a[href*="mi-cuenta"]:hover { color: #28d17c; }

/* Finalizar compra */
.menu-item a[href*="finalizar-compra"] {
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    position: relative;
    top: -15px;
}
.menu-item a[href*="finalizar-compra"]:hover { color: #28d17c; }

/* Atención al cliente */
.menu-item a[href*="wa.me"] span {
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    line-height: 1.2;
    position: relative;
    top: -1px;
}
.menu-item a[href*="wa.me"]:hover span { color: #28d17c; }
.menu-item a[href*="wa.me"] img {
    width: 39px !important;
    height: auto !important;
    margin-right: 8px !important;
    position: relative;
    top: -1px;
}

/* Bajar barra de búsqueda en el header (genérico) */
.menu-item .dgwt-wcas-search-wrapp,
.elementor-widget-search-form,
input[type="search"] { margin-top: 15px; }

/* Subir el Secondary Menu */
#secondary-menu, .secondary-navigation { position: relative; top: -23px; }

/* 1) Quitar el tope de ancho del wrapper del tema en la cabecera */
.site-header .col-full,
.site-header .container,
.site-header .cg-container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* 2) Ampliar el ancho del contenedor de Elementor en la cabecera */
.elementor-location-header .elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1600px !important;
}

/* 3) Repartir espacio: logo | buscador se expande | menú a la derecha */
.elementor-location-header .elementor-section > .elementor-container {
  display: flex !important;
  align-items: center !important;
  gap: 24px;
}

/* 3a) Haz que la columna del BUSCADOR crezca y empuje el menú */
.elementor-location-header .elementor-section > .elementor-container > .elementor-column:nth-child(2) {
  flex: 1 1 auto !important;
}

/* 3b) Menú a la derecha */
.elementor-location-header .elementor-section > .elementor-container > .elementor-column:last-child {
  justify-content: flex-end !important;
  display: flex !important;
  align-items: center !important;
}
.site-header { padding-right: 50px !important; }

/* Bloque "¿Quieres ser Distribuidor?" */
a.distribuidor-header{
  display:flex; flex-direction:column; align-items:center; gap:2px;
  padding:0 14px; text-decoration:none; cursor:pointer;
}
a.distribuidor-header .titulo{ font-weight:700; font-size:16px; color:#fff; line-height:1.2; }
a.distribuidor-header .subtitulo{ font-weight:600; font-size:14px; color:#28d17c; line-height:1.2; }
a.distribuidor-header:hover .subtitulo{ text-decoration:underline; }
.distribuidor-header { display:inline-block; margin-left:50px; }
a.distribuidor-header { position:relative; top:11px; }

/* ===== SOLO ESCRITORIO (≥1200px) ===== */
@media (min-width: 1200px) {
  .col-full-nav, .col-full-nav .col-full {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 23px;
    padding-right: 15px;
    display: flex !important;
    align-items: center !important;
  }
  .col-full-nav .primary-navigation { flex: 1 1 auto !important; }
  .col-full-nav .site-header-cart { margin-left: auto !important; }
  .col-full-nav .primary-navigation > ul.menu {
    display: flex !important; flex-wrap: wrap; gap: 28px; margin: 0; padding: 0; width: 100%;
  }
  .top-bar-center { text-align: left !important; padding-left: 0; }
}

/* ===== <1200px comportamiento por defecto ===== */
@media (max-width: 1199.98px) {
  .col-full-nav, .col-full-nav .col-full {
    max-width: var(--container-max, 1140px);
    display: block; padding-left: 15px; padding-right: 15px;
  }
  .col-full-nav .primary-navigation > ul.menu { display: block; gap: 0; width: auto; }
}

/* Ocultar avisos/topbar en <1200 */
@media (max-width: 1199px) {
  a[href*="distribuidor"],
  a[href*="quieres-ser-distribuidor"],
  .top-bar,
  .top-bar-center,
  .store-notice,
  .site-header .store-notice {
    display: none !important; height: 0 !important; overflow: hidden !important;
    padding: 0 !important; margin: 0 !important;
  }
}

/* Logo alternativo en <1200 */
@media (max-width: 1199px) {
  .site-header .custom-logo {
    content: url("https://importalo.es/wp-content/uploads/2025/08/cropped-cropped-Diseno_sin_titulo__5_-removebg-preview.png") !important;
    max-height: 60px; height: auto; width: auto;
  }
} /* ← cierre correcto de este bloque */

/***** MÓVIL (≤767px) — Ocultar SOLO el logo *****/
@media (max-width: 767px) {
  #masthead .site-branding img,
  #masthead .site-branding svg,
  #masthead a.custom-logo-link img,
  #masthead a.custom-logo-link svg,
  .elementor-location-header .site-branding img,
  .elementor-location-header .site-branding svg,
  .elementor-location-header a.custom-logo-link img,
  .elementor-location-header a.custom-logo-link svg,
  .elementor-widget-theme-site-logo img,
  .elementor-widget-theme-site-logo svg {
    display: none !important;
  }
  #masthead .site-branding a.custom-logo-link,
  .elementor-location-header .site-branding a.custom-logo-link,
  .elementor-widget-theme-site-logo a {
    width: 0 !important; margin: 0 !important; padding: 0 !important;
    overflow: hidden !important; border: 0 !important;
  }
}

/***** SOLO MÓVIL (0–767px) — Mostrar barra de búsqueda *****/
@media only screen and (max-width: 767px) {
  #masthead .site-search,
  #masthead .header-search,
  #masthead .product-search,
  #masthead .shoptimizer-ajax-search,
  #masthead .dgwt-wcas-search-wrapp,
  .elementor-location-header .elementor-widget-search-form {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 !important;
  }
  #masthead .site-search form,
  #masthead .header-search form,
  #masthead .product-search form,
  .elementor-location-header .elementor-widget-search-form form { width: 100% !important; }
  #masthead .site-search input[type="search"],
  #masthead .dgwt-wcas-search-input,
  .elementor-location-header .elementor-widget-search-form input[type="search"] {
    width: 100% !important; height: 44px !important; font-size: 16px !important;
    padding: 0 14px !important; border-radius: 6px; box-sizing: border-box !important;
  }
  #masthead .header-search-toggle, #masthead .search-toggle { display: none !important; }
}

/***** SOLO MÓVIL (≤767px) — Ajustar posición barra de búsqueda *****/
@media only screen and (max-width: 767px) {
  #masthead .site-search,
  #masthead .header-search,
  #masthead .product-search,
  #masthead .shoptimizer-ajax-search,
  #masthead .dgwt-wcas-search-wrapp,
  .elementor-location-header .elementor-widget-search-form {
    margin-top: -70px !important;
    margin-bottom: 8px !important;
    margin-left: 60px !important;
    margin-right: 12px !important;
    width: calc(100% - 24px) !important;
  }
}

/***** SOLO MÓVIL (≤767px) — Ajustar placeholder del buscador *****/
@media only screen and (max-width: 767px) {
  #masthead .site-search input[type="search"],
  #masthead .dgwt-wcas-search-input,
  .elementor-location-header .elementor-widget-search-form input[type="search"] {
    padding-left: 36px !important;
  }
}

/***** SOLO MÓVIL (≤767px) — Reducir barra por izquierda (valor corregido) *****/
@media only screen and (max-width: 767px) {
  #masthead .site-search,
  #masthead .header-search,
  #masthead .product-search,
  #masthead .shoptimizer-ajax-search,
  #masthead .dgwt-wcas-search-wrapp,
  .elementor-location-header .elementor-widget-search-form {
    margin-left: 56px !important;                       /* ← antes estaba “px” sin valor */
    width: calc(100% - 56px) !important;
  }
}

/***** SOLO MÓVIL (≤767px) — Ajustar carrito *****/
@media only screen and (max-width: 767px) {
  #masthead .site-header-cart {
    margin-left: 6px !important;
    margin-right: -39px !important;
  }
}

/***** SOLO MÓVIL (≤767px) — Reset por si acaso *****/
@media only screen and (max-width: 767px) {
  #masthead .dgwt-wcas-search-input,
  #masthead .site-search input[type="search"],
  .elementor-location-header .elementor-widget-search-form input[type="search"] {
    text-indent: 0 !important;
  }
}/* End custom CSS */