body.kay-hpt-v21-enabled{--kay-hpt-color:#fff}
@media(min-width:768px){
body.kay-hpt-v21-enabled .header-container.header-pec{display:none!important}
#kayPremiumStageV21{position:relative;width:100%}
#kayPremiumHeroV21{position:relative;width:100%;height:min(82vh,790px);min-height:560px;overflow:hidden;background:#000}
#kayPremiumHeroV21 .kay-premium-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s ease,visibility .8s ease}
#kayPremiumHeroV21 .kay-premium-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
#kayPremiumHeroV21 a,#kayPremiumHeroV21 img{display:block;width:100%;height:100%}
#kayPremiumHeroV21 img{object-fit:cover;object-position:center}

#kayPremiumTopbarV21{position:absolute;top:0;left:0;right:0;z-index:13000;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:48px;padding:0 8.5vw;background:var(--kay-topbar-bg)!important;color:var(--kay-topbar-text)!important;font-size:14px;line-height:1}
#kayPremiumTopbarV21 a{color:var(--kay-topbar-text)!important;text-decoration:none!important}
.kay-topbar-socials{display:flex;align-items:center;gap:34px;justify-self:start}
.kay-topbar-socials a{display:flex;width:24px;height:24px;align-items:center;justify-content:center;font-weight:700;font-size:22px}
.kay-topbar-message-slider{position:relative;display:flex;align-items:center;justify-content:center;min-width:360px;height:48px;overflow:hidden;font-weight:500;white-space:nowrap}
.kay-topbar-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateY(10px);opacity:0;transition:opacity .35s ease,transform .35s ease;color:var(--kay-topbar-text)!important}
.kay-topbar-message.is-active{opacity:1;transform:translate(-50%,-50%) translateY(0)}
.kay-topbar-account{justify-self:end;white-space:nowrap}
.kay-topbar-account span{margin-left:5px;font-size:17px}

#kayPremiumHeaderV21{position:absolute;top:48px;left:0;right:0;z-index:12000;width:100%;padding:10px 28px 7px;background:transparent;color:var(--kay-hpt-color);transition:background .2s ease,box-shadow .2s ease}
.kay-premium-logo{display:flex;justify-content:center;align-items:center;height:70px;margin:0 auto}
.kay-premium-logo img{display:block;width:auto;height:58px;max-width:145px;object-fit:contain;filter:brightness(0) invert(1);transition:filter .2s ease}
body.kay-hpt-black .kay-premium-logo img{filter:brightness(0)}
.kay-premium-nav-row{display:flex;align-items:center;justify-content:center;width:100%}
.kay-premium-nav{min-width:0}
#kayPremiumMenuV21{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:0;margin:0;padding:0;list-style:none}
#kayPremiumMenuV21>li{position:relative;list-style:none;margin:0;padding:0}
#kayPremiumMenuV21>li>a{display:block;padding:12px 13px;color:var(--kay-hpt-color)!important;text-decoration:none!important;text-transform:uppercase;font-size:13px;line-height:1.15;font-weight:600;letter-spacing:.025em;white-space:nowrap;background:transparent!important}
#kayPremiumMenuV21>li>a:hover{opacity:.72}
#kayPremiumMenuV21>li{position:static;list-style:none;margin:0;padding:0}
#kayPremiumMenuV21>li>.sub-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:15000;width:min(92vw,1420px);max-height:66vh;overflow:auto;margin:0;padding:28px 32px;list-style:none;background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.18);grid-template-columns:repeat(4,minmax(180px,1fr));gap:0 26px}
#kayPremiumMenuV21>li:hover>.sub-menu{display:grid}
#kayPremiumMenuV21>li>.sub-menu>li{position:relative;list-style:none;margin:0;padding:0 18px 18px;border-right:1px solid rgba(0,0,0,.07)}
#kayPremiumMenuV21>li>.sub-menu>li:nth-child(4n){border-right:0}
#kayPremiumMenuV21>li>.sub-menu>li>a{display:block;padding:0 0 9px;color:#222!important;text-decoration:none!important;font-size:13px;line-height:1.2;font-weight:700;text-transform:uppercase;background:#fff!important;white-space:normal}
#kayPremiumMenuV21>li>.sub-menu .sub-menu{display:block!important;position:static!important;transform:none!important;width:auto!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;list-style:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#kayPremiumMenuV21>li>.sub-menu .sub-menu li{list-style:none;margin:0;padding:0;border:0}
#kayPremiumMenuV21>li>.sub-menu .sub-menu a{display:block;padding:4px 0;color:#333!important;text-decoration:none!important;font-size:13px;line-height:1.25;font-weight:400;text-transform:none;background:transparent!important;white-space:normal}
#kayPremiumMenuV21>li>.sub-menu .sub-menu a:hover{text-decoration:underline!important}
.kay-premium-search{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;margin-left:4px;padding:0;border:0;background:transparent;color:var(--kay-hpt-color);cursor:pointer}
.kay-premium-search svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}

body.kay-hpt-sticky #kayPremiumHeaderV21{position:fixed;top:0;background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(0,0,0,.10);backdrop-filter:blur(12px);--kay-hpt-color:#111}
body.admin-bar.kay-hpt-sticky #kayPremiumHeaderV21{top:32px}
body.kay-hpt-sticky .kay-premium-logo img{filter:brightness(0)!important}
}
@media(max-width:767px){#kayPremiumStageV21{display:none!important}}


/* =========================================================
   v2.5.0 — FIX DEFINITIVO TOPBAR
   ========================================================= */
@media(min-width:768px){

  /* MENSAJES: uno por uno, nunca juntos */
  .kay-topbar-message-slider{
    position:relative!important;
    display:block!important;
    width:390px!important;
    height:48px!important;
    overflow:hidden!important;
    justify-self:center!important;
  }

  .kay-topbar-message{
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:48px!important;
    margin:0!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(8px)!important;
    transition:opacity .3s ease,transform .3s ease,visibility .3s ease!important;
    color:var(--kay-topbar-text)!important;
    white-space:nowrap!important;
  }

  .kay-topbar-message.is-active{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(0)!important;
  }

  /* MI CUENTA */
  .kay-topbar-account{
    position:relative!important;
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    height:48px!important;
    overflow:visible!important;
    z-index:21000!important;
  }

  .kay-account-trigger{
    display:flex!important;
    align-items:center!important;
    height:48px!important;
    padding:0!important;
    color:var(--kay-topbar-text)!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  .kay-account-chevron{
    margin-left:6px!important;
    font-size:17px!important;
    transition:transform .18s ease!important;
  }

  .kay-topbar-account:hover .kay-account-chevron,
  .kay-topbar-account:focus-within .kay-account-chevron{
    transform:rotate(180deg)!important;
  }

  .kay-account-dropdown{
    position:absolute!important;
    top:48px!important;
    right:0!important;
    z-index:22000!important;
    display:block!important;
    width:220px!important;
    padding:10px 0!important;
    margin:0!important;
    background:#fff!important;
    border:1px solid rgba(0,0,0,.08)!important;
    border-radius:0 0 10px 10px!important;
    box-shadow:0 16px 36px rgba(0,0,0,.16)!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(6px)!important;
    pointer-events:none!important;
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
  }

  .kay-topbar-account:hover .kay-account-dropdown,
  .kay-topbar-account:focus-within .kay-account-dropdown{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(0)!important;
    pointer-events:auto!important;
  }

  #kayPremiumTopbarV21 .kay-account-dropdown a{
    display:block!important;
    height:auto!important;
    padding:11px 18px!important;
    color:#222!important;
    background:#fff!important;
    font-size:14px!important;
    line-height:1.2!important;
    text-decoration:none!important;
    text-align:left!important;
  }

  #kayPremiumTopbarV21 .kay-account-dropdown a:hover{
    background:#f5f5f5!important;
  }

  /* La topbar no debe cortar el dropdown */
  #kayPremiumTopbarV21{
    overflow:visible!important;
  }

  /* Sin lupa propia. La lupa válida es FiboSearch dentro del menú WordPress */
  .kay-premium-search{
    display:none!important;
  }

  #kayPremiumMenuV21 .dgwt-wcas-search-icon,
  #kayPremiumMenuV21 .dgwt-wcas-search-icon *,
  #kayPremiumMenuV21 [class*="dgwt-wcas"]{
    color:var(--kay-hpt-color)!important;
  }

  #kayPremiumMenuV21 .dgwt-wcas-search-icon svg path,
  #kayPremiumMenuV21 .dgwt-wcas-search-icon svg circle,
  #kayPremiumMenuV21 .dgwt-wcas-search-icon svg line{
    stroke:currentColor!important;
  }
}


/* =========================================================
   v2.6.0 — RESPONSIVE DESKTOP + TABLET
   Móvil (<768px) queda totalmente fuera del plugin.
   ========================================================= */

@media(min-width:768px){
  #kayPremiumHeroV21 picture{
    display:block!important;
    width:100%!important;
    height:100%!important;
  }

  #kayPremiumHeroV21 picture img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}

/* Desktop grande */
@media(min-width:1200px){
  #kayPremiumHeroV21{
    height:min(82vh,790px)!important;
    min-height:560px!important;
  }

  #kayPremiumHeaderV21{
    padding-left:26px!important;
    padding-right:26px!important;
  }

  #kayPremiumMenuV21>li>a{
    font-size:13px!important;
    padding:12px 12px!important;
  }

  .kay-premium-logo img{
    height:58px!important;
  }
}

/* Laptop / tablet horizontal */
@media(min-width:992px) and (max-width:1199px){
  #kayPremiumHeroV21{
    height:68vh!important;
    min-height:500px!important;
  }

  #kayPremiumHeaderV21{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  #kayPremiumMenuV21>li>a{
    font-size:12px!important;
    padding:11px 9px!important;
  }

  .kay-premium-logo{
    height:64px!important;
  }

  .kay-premium-logo img{
    height:52px!important;
  }

  #kayPremiumMenuV21>li>.sub-menu{
    width:min(94vw,1180px)!important;
    grid-template-columns:repeat(4,minmax(150px,1fr))!important;
    padding:24px!important;
  }
}

/* Tablet */
@media(min-width:768px) and (max-width:991px){
  #kayPremiumHeroV21{
    height:62vh!important;
    min-height:430px!important;
  }

  #kayPremiumTopbarV21{
    height:44px!important;
    padding:0 4vw!important;
    font-size:12px!important;
  }

  .kay-topbar-socials{
    gap:18px!important;
  }

  .kay-topbar-socials a{
    font-size:18px!important;
  }

  .kay-topbar-message-slider{
    width:300px!important;
    height:44px!important;
  }

  .kay-topbar-message{
    height:44px!important;
    font-size:12px!important;
  }

  #kayPremiumHeaderV21{
    top:44px!important;
    padding:8px 10px 6px!important;
  }

  .kay-premium-logo{
    height:56px!important;
  }

  .kay-premium-logo img{
    height:46px!important;
  }

  #kayPremiumMenuV21>li>a{
    font-size:10px!important;
    padding:9px 6px!important;
    letter-spacing:.01em!important;
  }

  #kayPremiumMenuV21>li>.sub-menu{
    width:94vw!important;
    max-height:64vh!important;
    grid-template-columns:repeat(3,minmax(130px,1fr))!important;
    gap:0 16px!important;
    padding:20px!important;
  }
}

/* Móvil: theme original, sin intervención */
@media(max-width:767px){
  #kayPremiumStageV21{
    display:none!important;
  }

  body.kay-hpt-v23-enabled .header-container.header-pec{
    display:block!important;
  }
}


/* =========================================================
   v2.7.0 — NORMALIZACION DE IDs + TOPBAR FINAL
   El HTML real usa IDs V21. Este bloque corrige selectores heredados.
   ========================================================= */
@media(min-width:768px){

  /* Slider de mensajes: SOLO UNO visible */
  #kayPremiumTopbarV21 .kay-topbar-message-slider{
    position:relative!important;
    display:block!important;
    width:420px!important;
    height:48px!important;
    overflow:hidden!important;
    justify-self:center!important;
  }

  #kayPremiumTopbarV21 .kay-topbar-message{
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:48px!important;
    margin:0!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(8px)!important;
    transition:opacity .3s ease,transform .3s ease,visibility .3s ease!important;
    color:var(--kay-topbar-text)!important;
    white-space:nowrap!important;
  }

  #kayPremiumTopbarV21 .kay-topbar-message.is-active{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(0)!important;
  }

  /* Cuenta: solo trigger visible; submenu oculto hasta hover/focus */
  #kayPremiumTopbarV21 .kay-topbar-account{
    position:relative!important;
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    height:48px!important;
    overflow:visible!important;
    z-index:21000!important;
  }

  #kayPremiumTopbarV21 .kay-account-trigger{
    display:flex!important;
    align-items:center!important;
    height:48px!important;
    padding:0!important;
    color:var(--kay-topbar-text)!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  #kayPremiumTopbarV21 .kay-account-chevron{
    margin-left:6px!important;
    font-size:17px!important;
    transition:transform .18s ease!important;
  }

  #kayPremiumTopbarV21 .kay-account-dropdown{
    position:absolute!important;
    top:48px!important;
    right:0!important;
    z-index:22000!important;
    display:block!important;
    width:220px!important;
    margin:0!important;
    padding:10px 0!important;
    background:#fff!important;
    border:1px solid rgba(0,0,0,.08)!important;
    border-radius:0 0 10px 10px!important;
    box-shadow:0 16px 36px rgba(0,0,0,.16)!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(6px)!important;
    pointer-events:none!important;
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
  }

  #kayPremiumTopbarV21 .kay-topbar-account:hover .kay-account-dropdown,
  #kayPremiumTopbarV21 .kay-topbar-account:focus-within .kay-account-dropdown{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(0)!important;
    pointer-events:auto!important;
  }

  #kayPremiumTopbarV21 .kay-account-dropdown a{
    display:block!important;
    width:100%!important;
    height:auto!important;
    padding:11px 18px!important;
    color:#222!important;
    background:#fff!important;
    font-size:14px!important;
    line-height:1.2!important;
    text-align:left!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  #kayPremiumTopbarV21 .kay-account-dropdown a:hover{
    background:#f5f5f5!important;
  }

  #kayPremiumTopbarV21{
    overflow:visible!important;
  }

  /* Única lupa: FiboSearch del menú seleccionado */
  .kay-premium-search{
    display:none!important;
  }

  #kayPremiumMenuV21 .dgwt-wcas-search-icon,
  #kayPremiumMenuV21 .dgwt-wcas-search-icon *{
    color:var(--kay-hpt-color)!important;
  }

  #kayPremiumMenuV21 .dgwt-wcas-search-icon svg{
    width:22px!important;
    height:22px!important;
  }

  #kayPremiumMenuV21 .dgwt-wcas-search-icon svg path,
  #kayPremiumMenuV21 .dgwt-wcas-search-icon svg circle,
  #kayPremiumMenuV21 .dgwt-wcas-search-icon svg line{
    stroke:currentColor!important;
  }
}

/* Tablet */
@media(min-width:768px) and (max-width:991px){
  #kayPremiumTopbarV21 .kay-topbar-message-slider{
    width:300px!important;
    height:44px!important;
  }

  #kayPremiumTopbarV21 .kay-topbar-message{
    height:44px!important;
    font-size:12px!important;
  }

  #kayPremiumTopbarV21 .kay-topbar-account,
  #kayPremiumTopbarV21 .kay-account-trigger{
    height:44px!important;
  }

  #kayPremiumTopbarV21 .kay-account-dropdown{
    top:44px!important;
  }
}


/* =========================================================
   v2.8.0 — JS authoritative visibility
   ========================================================= */
@media(min-width:768px){

  /* Message slider container */
  #kayPremiumTopbarV21 .kay-topbar-message-slider{
    position:relative!important;
    display:block!important;
    width:420px!important;
    height:48px!important;
    overflow:hidden!important;
    justify-self:center!important;
  }

  #kayPremiumTopbarV21 .kay-topbar-message{
    position:absolute!important;
    inset:0!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:48px!important;
    margin:0!important;
    color:var(--kay-topbar-text)!important;
    white-space:nowrap!important;
  }

  /* Account dropdown baseline */
  #kayPremiumTopbarV21 .kay-topbar-account{
    position:relative!important;
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    height:48px!important;
    overflow:visible!important;
    z-index:21000!important;
  }

  #kayPremiumTopbarV21 .kay-account-trigger{
    display:flex!important;
    align-items:center!important;
    height:48px!important;
    padding:0!important;
    color:var(--kay-topbar-text)!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  #kayPremiumTopbarV21 .kay-account-dropdown{
    position:absolute!important;
    top:48px!important;
    right:0!important;
    z-index:22000!important;
    width:220px!important;
    margin:0!important;
    padding:10px 0!important;
    background:#fff!important;
    border:1px solid rgba(0,0,0,.08)!important;
    border-radius:0 0 10px 10px!important;
    box-shadow:0 16px 36px rgba(0,0,0,.16)!important;
  }

  #kayPremiumTopbarV21 .kay-account-dropdown a{
    display:block!important;
    width:100%!important;
    height:auto!important;
    padding:11px 18px!important;
    color:#222!important;
    background:#fff!important;
    font-size:14px!important;
    line-height:1.2!important;
    text-align:left!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  #kayPremiumTopbarV21 .kay-account-dropdown a:hover{
    background:#f5f5f5!important;
  }

  #kayPremiumTopbarV21{
    overflow:visible!important;
  }
}

@media(min-width:768px) and (max-width:991px){
  #kayPremiumTopbarV21 .kay-topbar-message-slider{
    width:300px!important;
    height:44px!important;
  }
  #kayPremiumTopbarV21 .kay-topbar-message{
    height:44px!important;
    font-size:12px!important;
  }
  #kayPremiumTopbarV21 .kay-topbar-account,
  #kayPremiumTopbarV21 .kay-account-trigger{
    height:44px!important;
  }
  #kayPremiumTopbarV21 .kay-account-dropdown{
    top:44px!important;
  }
}


/* =========================================================
   v2.9.1 — SOLO BANNER RESPONSIVE, SIN RECORTE
   No usa 100vw, no fuerza altura, no mueve header/menu.
   ========================================================= */
@media(min-width:768px){

  #kayPremiumStageV21{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  #kayPremiumHeroV21{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }

  /* Slides inactivos superpuestos; el activo define la altura natural */
  #kayPremiumHeroV21 .kay-premium-slide{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
  }

  #kayPremiumHeroV21 .kay-premium-slide.is-active{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
  }

  #kayPremiumHeroV21 .kay-premium-slide > a,
  #kayPremiumHeroV21 picture{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
  }

  #kayPremiumHeroV21 img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center top!important;
    margin:0!important;
    padding:0!important;
  }
}