/* =========================================================
   PBTECH — HEADER GLOBAL RESTAURADO
   WordPress + Hostinger AI Theme + WooCommerce
   Estado estable previo a los últimos cambios
   ========================================================= */

:root {
  --pb-header-height: 66px;
  --pb-header-height-mobile: 60px;

  --pb-header-bg: rgba(4, 8, 16, 0.88);
  --pb-header-bg-mobile: rgba(4, 8, 16, 0.96);
  --pb-header-border: rgba(255, 255, 255, 0.09);

  --pb-header-text: #ffffff;
  --pb-header-text-soft: rgba(255, 255, 255, 0.78);

  --pb-blue: #168bff;
  --pb-cyan: #38cfff;
  --pb-purple: #7357ff;
}


/* =========================================================
   1. CORRECCIONES BASE DE HOSTINGER
   ========================================================= */

html,
body {
  margin: 0 !important;
  padding-top: 0 !important;
}

body.hostinger-ai-builder-elementor,
body.hostinger-ai-builder-gutenberg,
body.elementor-page {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.wp-site-blocks {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* =========================================================
   2. CABECERA PRINCIPAL
   ========================================================= */

.hostinger-ai-menu.cabecera-premium-titanio {
  position: sticky !important;
  top: 0 !important;
  z-index: 99990 !important;

  width: 100%;
  margin: 0 !important;

  background:
    linear-gradient(
      180deg,
      rgba(5, 10, 19, 0.94),
      var(--pb-header-bg)
    ) !important;

  border-bottom: 1px solid var(--pb-header-border) !important;

  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.22),
    inset 0 -1px 0 rgba(255, 255, 255, 0.025);

  backdrop-filter: blur(20px) saturate(145%);
  -webkit-backdrop-filter: blur(20px) saturate(145%);

  overflow: visible !important;
}


/* =========================================================
   3. CONTENEDOR INTERNO
   ========================================================= */

.hostinger-ai-menu .hostinger-ai-menu-wrapper {
  width: min(calc(100% - 40px), 1400px) !important;
  min-height: var(--pb-header-height);

  margin: 0 auto !important;
  padding: 3px 0 !important;

  display: grid !important;
  grid-template-columns: auto 1fr !important;
  align-items: center !important;
  gap: 34px !important;

  overflow: visible !important;
}


/* =========================================================
   4. LOGO Y NOMBRE
   ========================================================= */

.hostinger-ai-menu-wrapper > .wp-block-group:first-child {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;

  gap: 10px !important;
  margin: 0 !important;
}

.hostinger-ai-menu .wp-block-site-logo,
.hostinger-ai-menu .wp-block-site-title,
.hostinger-ai-menu .hostinger-ai-site-title,
.hostinger-ai-menu .texto-logo-premium {
  margin: 0 !important;
}

.hostinger-ai-menu .wp-block-site-title,
.hostinger-ai-menu .hostinger-ai-site-title,
.hostinger-ai-menu .texto-logo-premium {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  width: auto !important;
  max-width: none !important;
  height: auto !important;

  overflow: visible !important;
  flex-shrink: 0 !important;
}

.hostinger-ai-menu .wp-block-site-logo img {
  display: block;
  width: 44px !important;
  height: 44px !important;

  object-fit: contain;

  filter:
    drop-shadow(0 0 10px rgba(34, 111, 255, 0.20))
    drop-shadow(0 0 18px rgba(120, 67, 255, 0.10));

  transition:
    transform 0.22s ease,
    filter 0.22s ease;
}

.hostinger-ai-menu .wp-block-site-logo a:hover img {
  transform: scale(1.035);

  filter:
    drop-shadow(0 0 12px rgba(34, 111, 255, 0.34))
    drop-shadow(0 0 22px rgba(120, 67, 255, 0.18));
}

.hostinger-ai-menu .wp-block-site-title a,
.hostinger-ai-menu .hostinger-ai-site-title a,
.hostinger-ai-menu .texto-logo-premium a {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;

  color: var(--pb-header-text) !important;
  text-decoration: none !important;

  font-size: 18px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  letter-spacing: -0.025em;
  white-space: nowrap !important;
}


/* =========================================================
   5. NAVEGACIÓN Y ACCIONES
   ========================================================= */

.hostinger-ai-site-navigation-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;

  gap: 16px !important;
  margin: 0 !important;

  overflow: visible !important;
}

.hostinger-ai-site-navigation {
  margin: 0 !important;
  overflow: visible !important;
}


/* =========================================================
   6. ESCRITORIO
   ========================================================= */

@media (min-width: 782px) {

  .hostinger-ai-menu.cabecera-premium-titanio {
    min-height: var(--pb-header-height) !important;
  }

  .hostinger-ai-menu .hostinger-ai-menu-wrapper {
    width: min(calc(100% - 48px), 1400px) !important;
    min-height: var(--pb-header-height) !important;
  }

  .hostinger-ai-menu-wrapper > .wp-block-group:first-child {
    min-height: 60px;
  }

  .hostinger-ai-site-navigation-wrapper {
    min-height: 60px;
    gap: 22px !important;
  }

  .hostinger-ai-site-navigation {
    display: flex !important;
    align-items: center !important;
    margin-right: 6px !important;
  }

  .hostinger-ai-site-navigation-wrapper
  .wp-block-woocommerce-customer-account {
    margin-left: 4px !important;
  }

  .hostinger-ai-site-navigation-wrapper
  .wc-block-mini-cart {
    margin-left: -8px !important;
  }

  .hostinger-ai-site-navigation
  .wp-block-navigation__container {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;

    gap: 32px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .hostinger-ai-site-navigation
  .wp-block-navigation-item {
    margin: 0 !important;
  }

  .hostinger-ai-site-navigation
  .wp-block-navigation-item__content {
    position: relative;

    min-height: 40px;

    display: inline-flex !important;
    align-items: center !important;

    padding: 0 !important;

    color: var(--pb-header-text-soft) !important;
    text-decoration: none !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    transition:
      color 0.2s ease,
      text-shadow 0.2s ease;
  }

  .hostinger-ai-site-navigation
  .wp-block-navigation-item__content:hover,
  .hostinger-ai-site-navigation
  .wp-block-navigation-item__content:focus-visible {
    color: #ffffff !important;
    text-shadow: 0 0 14px rgba(56, 207, 255, 0.26);
  }

  .hostinger-ai-site-navigation
  .current-menu-item
  > .wp-block-navigation-item__content,

  .hostinger-ai-site-navigation
  .current-menu-ancestor
  > .wp-block-navigation-item__content,

  .hostinger-ai-site-navigation
  .current_page_item
  > .wp-block-navigation-item__content {
    color: #ffffff !important;
  }

  .hostinger-ai-site-navigation
  .current-menu-item
  > .wp-block-navigation-item__content::after,

  .hostinger-ai-site-navigation
  .current-menu-ancestor
  > .wp-block-navigation-item__content::after,

  .hostinger-ai-site-navigation
  .current_page_item
  > .wp-block-navigation-item__content::after {
    content: "";

    position: absolute;
    left: 8%;
    right: 8%;
    bottom: -7px;

    height: 2px;
    border-radius: 999px;

    background:
      linear-gradient(
        90deg,
        var(--pb-blue),
        var(--pb-cyan),
        var(--pb-purple)
      );

    box-shadow:
      0 0 8px rgba(22, 139, 255, 0.85),
      0 0 16px rgba(56, 207, 255, 0.30);
  }

  .hostinger-ai-site-navigation
  .wp-block-navigation__submenu-icon {
    width: 11px !important;
    height: 11px !important;

    margin-left: 5px !important;

    color: rgba(255, 255, 255, 0.74) !important;
  }

  /* Usuario — selector real de WooCommerce */
  .hostinger-ai-site-navigation-wrapper
  .wp-block-woocommerce-customer-account {
    margin: 0 !important;
    padding: 0 !important;
  }

  .hostinger-ai-site-navigation-wrapper
  .wp-block-woocommerce-customer-account
  .wc-block-customer-account__link {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    border: 1px solid transparent !important;
    border-radius: 11px !important;

    background: transparent !important;
    box-shadow: none !important;

    transition:
      transform 0.2s ease,
      border-color 0.2s ease,
      background 0.2s ease,
      box-shadow 0.2s ease;
  }

  .hostinger-ai-site-navigation-wrapper
  .wp-block-woocommerce-customer-account
  .wc-block-customer-account__link:hover,
  .hostinger-ai-site-navigation-wrapper
  .wp-block-woocommerce-customer-account
  .wc-block-customer-account__link:focus-visible {
    transform: translateY(-1px);

    border-color: rgba(72, 182, 255, 0.30) !important;

    background:
      linear-gradient(
        145deg,
        rgba(22, 139, 255, 0.11),
        rgba(115, 87, 255, 0.07)
      ) !important;

    box-shadow:
      0 8px 22px rgba(0, 0, 0, 0.24),
      0 0 18px rgba(22, 139, 255, 0.14) !important;

    outline: none !important;
  }

  .hostinger-ai-site-navigation-wrapper
  .wp-block-woocommerce-customer-account
  .wc-block-customer-account__account-icon {
    width: 22px !important;
    height: 22px !important;

    color: #ffffff !important;
  }

  .hostinger-ai-site-navigation-wrapper
  .wp-block-woocommerce-customer-account
  .wc-block-customer-account__account-icon circle {
    stroke: #ffffff !important;
  }

  .hostinger-ai-site-navigation-wrapper
  .wp-block-woocommerce-customer-account
  .wc-block-customer-account__account-icon path {
    fill: #ffffff !important;
  }

  /* Carrito — se conserva independiente */
  .hostinger-ai-site-navigation-wrapper
  .wc-block-mini-cart {
    margin: 0 !important;
    padding: 0 !important;
  }

  .hostinger-ai-site-navigation-wrapper
  .wc-block-mini-cart__button {
    position: relative;

    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    border: 1px solid transparent !important;
    border-radius: 11px !important;

    background: transparent !important;
    box-shadow: none !important;

    transition:
      transform 0.2s ease,
      border-color 0.2s ease,
      background 0.2s ease,
      box-shadow 0.2s ease;
  }

  .hostinger-ai-site-navigation-wrapper
  .wc-block-mini-cart__button:hover {
    transform: translateY(-1px);

    border-color: rgba(72, 182, 255, 0.26) !important;
    background: rgba(255, 255, 255, 0.045) !important;

    box-shadow:
      0 8px 22px rgba(0, 0, 0, 0.22),
      0 0 18px rgba(22, 139, 255, 0.10) !important;
  }

  .hostinger-ai-site-navigation-wrapper
  .wc-block-mini-cart__button svg {
    width: 22px !important;
    height: 22px !important;

    color: #ffffff !important;
  }

  .hostinger-ai-site-navigation-wrapper
  .wc-block-mini-cart__badge {
    top: -4px !important;
    right: -4px !important;

    min-width: 17px !important;
    height: 17px !important;

    padding: 0 4px !important;

    color: #ffffff !important;
    background:
      linear-gradient(
        135deg,
        var(--pb-blue),
        var(--pb-purple)
      ) !important;

    border: 2px solid #050a13 !important;
    border-radius: 999px !important;

    font-size: 9px !important;
    font-weight: 700 !important;

    box-shadow:
      0 0 10px rgba(22, 139, 255, 0.50);
  }
}


/* =========================================================
   7. MÓVIL
   Mantiene el panel nativo de WordPress a pantalla completa.
   ========================================================= */

@media (max-width: 781px) {

  .hostinger-ai-menu.cabecera-premium-titanio {
    min-height: var(--pb-header-height-mobile) !important;
    background: var(--pb-header-bg-mobile) !important;
  }

  .hostinger-ai-menu .hostinger-ai-menu-wrapper {
    width: calc(100% - 20px) !important;
    min-height: var(--pb-header-height-mobile);

    margin: 0 auto !important;
    padding: 4px 0 !important;

    grid-template-columns: auto 1fr !important;
    gap: 12px !important;
  }

  .hostinger-ai-menu .wp-block-site-logo img {
    width: 38px !important;
    height: 38px !important;
  }

  .hostinger-ai-menu .wp-block-site-title a,
  .hostinger-ai-menu .hostinger-ai-site-title a,
  .hostinger-ai-menu .texto-logo-premium a {
    font-size: 15px !important;
  }

  .hostinger-ai-site-navigation-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;

    gap: 8px !important;

    overflow: visible !important;
  }

  /* Mantener usuario visible y blanco en móvil */
  .hostinger-ai-site-navigation-wrapper
  .wp-block-woocommerce-customer-account {
    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .hostinger-ai-site-navigation-wrapper
  .wp-block-woocommerce-customer-account
  .wc-block-customer-account__link {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
  }

  .hostinger-ai-site-navigation-wrapper
  .wp-block-woocommerce-customer-account
  .wc-block-customer-account__account-icon {
    color: #ffffff !important;
  }

  .hostinger-ai-site-navigation-wrapper
  .wp-block-woocommerce-customer-account
  .wc-block-customer-account__account-icon circle {
    stroke: #ffffff !important;
  }

  .hostinger-ai-site-navigation-wrapper
  .wp-block-woocommerce-customer-account
  .wc-block-customer-account__account-icon path {
    fill: #ffffff !important;
  }

  .hostinger-ai-site-navigation-wrapper
  .wc-block-mini-cart,
  .hostinger-ai-site-navigation-wrapper
  .wc-block-mini-cart__button,
  .hostinger-ai-site-navigation-wrapper
  .wc-block-mini-cart__button svg,
  .hostinger-ai-site-navigation
  .wp-block-navigation__responsive-container-open,
  .hostinger-ai-site-navigation
  .wp-block-navigation__responsive-container-open svg {
    color: #ffffff !important;
    stroke: currentColor !important;
  }

  .hostinger-ai-site-navigation-wrapper
  .wc-block-mini-cart {
    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
  }

  .hostinger-ai-site-navigation-wrapper
  .wc-block-mini-cart__button {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .hostinger-ai-site-navigation
  .wp-block-navigation__responsive-container-open {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 12px !important;

    background: rgba(255, 255, 255, 0.04) !important;
  }

  .hostinger-ai-site-navigation
  .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    inset: 0 !important;

    width: 100vw !important;
    max-width: none !important;

    height: 100vh !important;
    min-height: 100vh !important;

    margin: 0 !important;
    padding: 22px !important;

    z-index: 999999 !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    background: #030711 !important;
    color: #ffffff !important;
  }

  .hostinger-ai-site-navigation
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding-top: 64px !important;
  }

  .hostinger-ai-site-navigation
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-close {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
  }
}






/* PBTech visible permanentemente */
header .wp-block-site-title,
header .wp-block-site-title a,
header .hostinger-ai-site-title,
header .hostinger-ai-site-title a,
header .texto-logo-premium,
header .texto-logo-premium a {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Color al pasar el mouse */
header .wp-block-site-title a:hover,
header .hostinger-ai-site-title a:hover,
header .texto-logo-premium a:hover {
    color: #00f0ff !important;
    -webkit-text-fill-color: #00f0ff !important;
}