/* Equacom Header v7 — Compact 970x70 header, refined mobile drawer, light-mode default
 * Applies on top of header-v3..v6. Focus: reduce vertical footprint, keep layout balanced.
 */

/* ---------- Compact main row (target ~70px total) ---------- */
.equacom-header-v2 .header-main-v4{padding:0}
.equacom-header-v2 .header-main-v4 .header-main-grid{
    max-width:1200px;margin:0 auto;padding:8px 20px;
    min-height:70px;align-items:center;gap:16px;
}
.equacom-header-v2 .header-logo-v4 img{height:52px}
.eq-brand-wordmark .eq-brand-name{font-size:1.75rem;line-height:1.05}
.eq-brand-wordmark .eq-slogan-v5{font-size:.72rem;margin-top:2px}

/* Slightly tighter pills to breathe in 70px */
.equacom-header-v2 .hqn-btn-v4{padding:7px 14px;font-size:.82rem}
.equacom-header-v2 .dark-toggle-v4{width:50px;height:28px}
.equacom-header-v2 .dark-toggle-v4::after{width:22px;height:22px}
body.dark-mode .equacom-header-v2 .dark-toggle-v4::after{transform:translateX(22px)}

/* Topbar — thinner */
.equacom-header-v2 .topbar{padding:4px 0;font-size:.72rem}
.equacom-header-v2 .topbar .container{min-height:26px}

/* Categories nav — tighter */
.equacom-header-v2 .header-categories-nav .nav-menu > li > a{padding:8px 12px;font-size:.86rem}

/* Sub-header — tighter */
.equacom-header-v2 .eq-subheader-inner{padding:4px 20px}
.equacom-header-v2 .eq-sh-datetime{font-size:.72rem;padding:2px 10px}
.equacom-header-v2 .eq-sh-ticker{font-size:.78rem}

/* ---------- Redesigned mobile drawer ---------- */
@media(max-width:768px){
    .equacom-header-v2 .header-main-v4 .header-main-grid{min-height:58px;padding:6px 12px}
    .equacom-header-v2 .header-logo-v4 img{height:36px}
    .eq-brand-wordmark .eq-brand-name{font-size:1.05rem}

    /* Modern hamburger */
    .eq-mobile-hamburger{
        width:40px;height:40px;border-radius:12px;
        background:linear-gradient(135deg,#1a2332,#2b3a55);color:#fff;
        box-shadow:0 4px 12px rgba(15,23,42,.18);font-size:20px;
        transition:transform .15s ease, box-shadow .2s ease;
    }
    .eq-mobile-hamburger:active{transform:scale(.94)}
    body.dark-mode .eq-mobile-hamburger{background:linear-gradient(135deg,#1e293b,#0f172a)}

    /* Drawer — cleaner, softer, animated */
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav{
        width:86vw;max-width:360px;padding:72px 0 24px;
        background:#ffffff;border-left:1px solid rgba(15,23,42,.06);
        box-shadow:-16px 0 48px rgba(15,23,42,.28);
        animation:eqSlideIn .28s cubic-bezier(.2,.9,.3,1);
    }
    body.dark-mode.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav{
        background:#0f172a;border-left-color:rgba(255,255,255,.06);
    }
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav::before{
        content:"Categorías";display:block;
        font:800 .78rem/1 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;
        color:#64748b;padding:0 22px 14px;
    }
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .nav-menu{gap:2px}
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .nav-menu li{
        border-bottom:0;border-radius:10px;margin:0 12px;
        transition:background .18s ease;
    }
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .nav-menu li:hover,
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .nav-menu li:active{
        background:rgba(33,150,243,.08);
    }
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .nav-menu a{
        padding:13px 14px;font:600 .95rem/1.2 'Inter',sans-serif;
        color:#1a2332;border-radius:10px;
        display:flex;align-items:center;gap:10px;
    }
    body.dark-mode.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .nav-menu a{color:#f1f5f9}
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .nav-menu a::before{
        content:"";width:6px;height:6px;border-radius:50%;background:#2196F3;flex:0 0 6px;opacity:.55;
    }
    /* Subcategory indent (WP renders .children/.sub-menu) */
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .sub-menu,
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .children{
        list-style:none;padding:0;margin:2px 0 4px 14px;
        border-left:2px solid rgba(33,150,243,.25);
    }
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .sub-menu a,
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .children a{
        font-size:.86rem;font-weight:500;padding:10px 12px;color:#475569;
    }
    body.dark-mode.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .sub-menu a{color:#cbd5e1}

    /* Cleaner close button */
    .eq-drawer-close{
        width:36px;height:36px;background:#1a2332;
        box-shadow:0 6px 18px rgba(0,0,0,.25);
    }

    /* Smoother overlay */
    /* Overlay sólido, sin blur (fix legibilidad v8.2) */
    body.eq-mobile-menu-open::after{
        background:rgba(11,18,32,.72);
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
        animation:eqFade .25s ease;
    }
    @keyframes eqFade{from{opacity:0}to{opacity:1}}
}

/* ---------- Author byline / avatar overrides (defensive) ---------- */
/* Force author avatars to display the Equacom logo cleanly wherever they appear. */
.avatar, img.avatar, .author-avatar{
    object-fit:contain !important;background:#fff;border-radius:8px;
}
body.dark-mode .avatar, body.dark-mode img.avatar, body.dark-mode .author-avatar{background:#0f172a}


/* ============================================================
   v9.2 — HEADER DESKTOP FINAL: espacios estables, pills visibles,
   buscador visible y modo día/noche realmente funcional.
   ============================================================ */
@media (min-width:769px){
  .equacom-header-v2 .topbar .container{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:24px!important;
    width:min(1200px,calc(100% - 40px))!important;
    margin:0 auto!important;
  }
  .equacom-header-v2 .topbar-left{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    gap:18px!important;min-width:0!important;white-space:nowrap!important;
  }
  .equacom-header-v2 .topbar-right{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:10px!important;min-width:0!important;white-space:nowrap!important;
  }
  .equacom-header-v2 .topbar-extra-links{
    display:flex!important;align-items:center!important;gap:4px!important;
  }
  .equacom-header-v2 .topbar-extra-links a{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:28px!important;padding:4px 9px!important;line-height:1!important;
    white-space:nowrap!important;border-radius:7px!important;
  }
  .equacom-header-v2 .topbar-social .social-ico{
    flex:0 0 28px!important;width:28px!important;height:28px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
  }

  .equacom-header-v2 .header-main-v4 .header-main-grid{
    grid-template-columns:minmax(330px,1fr) auto!important;
    width:min(1200px,calc(100% - 40px))!important;
    margin:0 auto!important;padding:10px 0!important;gap:24px!important;
  }
  .equacom-header-v2 .header-zone-left{min-width:0!important;flex:1 1 auto!important;}
  .equacom-header-v2 .eq-brand-wordmark{min-width:220px!important;}
  .equacom-header-v2 .eq-brand-wordmark .eq-brand-name{
    font-family:'Lauer','Inter','Segoe UI',Arial,sans-serif!important;
    font-size:clamp(1.55rem,2.1vw,2rem)!important;
    letter-spacing:-.025em!important;white-space:nowrap!important;
  }
  .equacom-header-v2 .header-zone-right{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:12px!important;min-width:0!important;
  }
  .equacom-header-v2 .header-quick-nav{gap:8px!important;flex:0 0 auto!important;}
  .equacom-header-v2 .hqn-btn-v4{
    opacity:1!important;visibility:visible!important;
    color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;
    padding:9px 13px!important;min-height:40px!important;
    box-shadow:0 5px 14px rgba(15,23,42,.14)!important;
  }
  .equacom-header-v2:not(:has(body.dark-mode)) .hqn-btn-v4{opacity:1!important;}
  body:not(.dark-mode) .equacom-header-v2 .hqn-btn-v4{color:#fff!important;}
  body.dark-mode .equacom-header-v2 .hqn-btn-v4{color:#f8fafc!important;filter:none!important;}
  .equacom-header-v2 .hqn-btn-v4:hover{transform:translateY(-1px)!important;}

  /* Search pill: always visible on desktop, opens into a wider field on focus. */
  .equacom-header-v2 .search-toggle-wrap{
    display:flex!important;align-items:center!important;gap:6px!important;
    width:178px!important;height:38px!important;padding:0 4px 0 12px!important;
    border:1px solid #d8e0ea!important;border-radius:999px!important;
    background:#fff!important;box-shadow:0 4px 14px rgba(15,23,42,.08)!important;
    transition:width .22s ease,box-shadow .22s ease,border-color .22s ease!important;
  }
  .equacom-header-v2 .search-toggle-wrap.open,
  .equacom-header-v2 .search-toggle-wrap:focus-within{width:235px!important;border-color:#2196f3!important;box-shadow:0 6px 18px rgba(33,150,243,.15)!important;}
  body.dark-mode .equacom-header-v2 .search-toggle-wrap{background:#172033!important;border-color:#334155!important;}
  .equacom-header-v2 .header-search-input{
    display:block!important;position:static!important;width:100%!important;height:30px!important;
    opacity:1!important;visibility:visible!important;border:0!important;outline:0!important;
    background:transparent!important;color:#172033!important;font:600 12px/1 'Lauer','Inter',sans-serif!important;
    padding:0!important;box-shadow:none!important;
  }
  body.dark-mode .equacom-header-v2 .header-search-input{color:#f8fafc!important;}
  .equacom-header-v2 .header-search-input::placeholder{color:#7b8798!important;}
  body.dark-mode .equacom-header-v2 .header-search-input::placeholder{color:#94a3b8!important;}
  .equacom-header-v2 #search-toggle{
    flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:50%!important;
    border:0!important;background:#1976d2!important;color:#fff!important;display:inline-flex!important;
    align-items:center!important;justify-content:center!important;cursor:pointer!important;
  }

  /* Modern day/night control with an unmistakable state. */
  .equacom-header-v2 .dark-toggle-v4{flex:0 0 54px!important;width:54px!important;height:30px!important;}
  body:not(.dark-mode) .equacom-header-v2 .dark-toggle-v4{background:linear-gradient(135deg,#fff7c2,#f8d96b)!important;border-color:#e8c85b!important;}
  body.dark-mode .equacom-header-v2 .dark-toggle-v4{background:linear-gradient(135deg,#0f172a,#26344c)!important;border-color:#3b4c66!important;}
  .equacom-header-v2 .dark-toggle-v4::after{z-index:3!important;}

  /* Categories bar: strong Equacom blue, clean spacing and no overlap. */
  .equacom-header-v2 .header-categories-nav{
    background:linear-gradient(90deg,#063b78 0%,#0b5cab 50%,#0a4d91 100%)!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
    border-bottom:2px solid #e52b32!important;
  }
  .equacom-header-v2 .header-categories-nav .container{
    width:min(1200px,calc(100% - 40px))!important;margin:0 auto!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
  .equacom-header-v2 .header-categories-nav .nav-menu{
    width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;
    flex-wrap:nowrap!important;gap:2px!important;margin:0!important;padding:0!important;
  }
  .equacom-header-v2 .header-categories-nav .nav-menu>li{flex:0 0 auto!important;margin:0!important;}
  .equacom-header-v2 .header-categories-nav .nav-menu>li>a{
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-height:42px!important;padding:8px 10px!important;color:#fff!important;
    font:700 12px/1.1 'Lauer','Inter','Segoe UI',sans-serif!important;
    white-space:nowrap!important;text-decoration:none!important;border-radius:7px!important;
    transition:background .18s ease,transform .18s ease!important;
  }
  .equacom-header-v2 .header-categories-nav .nav-menu>li>a:hover,
  .equacom-header-v2 .header-categories-nav .nav-menu>li.current-menu-item>a,
  .equacom-header-v2 .header-categories-nav .nav-menu>li.current-cat>a{
    background:rgba(255,255,255,.16)!important;transform:translateY(-1px)!important;
  }
  .equacom-header-v2 .header-categories-nav .menu-toggle{display:none!important;}
}

@media (min-width:769px) and (max-width:1120px){
  .equacom-header-v2 .header-main-v4 .header-main-grid{gap:12px!important;}
  .equacom-header-v2 .hqn-btn-v4{padding:8px 9px!important;font-size:11px!important;}
  .equacom-header-v2 .hqn-btn-v4 .hqn-ico{width:15px!important;height:15px!important;}
  .equacom-header-v2 .search-toggle-wrap{width:145px!important;}
  .equacom-header-v2 .header-categories-nav .nav-menu>li>a{padding-left:6px!important;padding-right:6px!important;font-size:10.5px!important;}
}