/* Equacom Header v10 (7.4.0)
 * - Sub-header ("Última Hora" red bar) fully removed
 * - Desktop: clear separation between logo/brand (left) and quick-nav + tools (right)
 * - Mobile: single row -> logo + brand + dark-toggle + hamburger
 * - Mobile drawer: modern light panel, smooth animation, no blur artifacts
 */

/* ========== Guarantee the removed sub-header stays hidden ========== */
.equacom-header-v2 .eq-subheader,
.ticker-bar { display: none !important; }

/* ========== DESKTOP LAYOUT (>=769px) ========== */
@media (min-width: 769px){
  .equacom-header-v2 .header-main-v4 .header-main-grid{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:48px;
    padding:10px 28px;
  }
  .equacom-header-v2 .header-zone-center{ display:none !important; }
  .equacom-header-v2 .header-zone-left{
    display:flex;align-items:center;gap:14px;flex:0 0 auto;
  }
  .equacom-header-v2 .header-zone-right{
    display:flex;align-items:center;gap:18px;flex:0 0 auto;margin-left:auto;
  }
  .equacom-header-v2 .header-quick-nav{
    display:flex !important;align-items:center;gap:10px;
  }
  .equacom-header-v2 .header-tools{
    display:inline-flex !important;align-items:center;gap:10px;
  }
  .equacom-header-v2 .eq-mobile-hamburger{ display:none !important; }
}

/* ========== MOBILE LAYOUT (<=768px) — one line only ========== */
@media (max-width: 768px){
  .equacom-header-v2 .header-main-v4 .header-main-grid{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:8px 12px;
    min-height:60px;
  }
  .equacom-header-v2 .header-zone-center{ display:none !important; }
  .equacom-header-v2 .header-zone-left{
    display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;
  }
  .equacom-header-v2 .header-zone-right{
    display:flex !important;align-items:center;gap:8px;flex:0 0 auto;
  }
  .equacom-header-v2 .header-quick-nav,
  .equacom-header-v2 .header-tools .search-toggle-wrap{ display:none !important; }
  .equacom-header-v2 .header-tools{
    display:inline-flex !important;align-items:center;
  }
  .equacom-header-v2 #dark-toggle,
  .equacom-header-v2 .eq-mobile-hamburger{
    display:inline-flex !important;align-items:center;justify-content:center;
    width:40px;height:40px;border-radius:12px;
  }
}

/* ========== MOBILE DRAWER — modern light redesign ========== */
@media (max-width: 900px){
  /* Overlay */
  body.eq-mobile-menu-open::before{
    content:"";position:fixed;inset:0;z-index:9998;
    background:rgba(15,23,42,.55) !important;
    backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
    animation:eqOverlayIn .25s ease both;
  }

  /* Panel base — slide from right */
  .equacom-header-v2 .header-categories-nav{
    position:fixed !important;
    top:0;right:0;bottom:0;left:auto;
    width:min(86vw,340px);
    height:100vh;height:100dvh;
    background:#ffffff !important;
    color:#1a2332 !important;
    box-shadow:-20px 0 60px rgba(15,23,42,.25);
    transform:translateX(105%);
    transition:transform .32s cubic-bezier(.22,.61,.36,1);
    z-index:9999;
    overflow-y:auto;overscroll-behavior:contain;
    padding:64px 0 24px;
    backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
    opacity:1 !important;
  }
  body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav{
    transform:translateX(0);
  }
  .equacom-header-v2 .header-categories-nav .container{
    padding:0 !important;max-width:100% !important;
  }
  .equacom-header-v2 .header-categories-nav .menu-toggle{display:none !important;}

  /* Menu items */
  .equacom-header-v2 .header-categories-nav .nav-menu{
    display:block !important;list-style:none;margin:0;padding:8px 0;
  }
  .equacom-header-v2 .header-categories-nav .nav-menu > li{
    display:block;border-bottom:1px solid #eef2f7;
  }
  .equacom-header-v2 .header-categories-nav .nav-menu > li > a{
    display:block;padding:16px 22px;
    color:#1a2332 !important;
    font-size:1rem;font-weight:600;letter-spacing:.01em;
    background:transparent;
    transition:background .18s ease, color .18s ease, padding-left .18s ease;
  }
  .equacom-header-v2 .header-categories-nav .nav-menu > li > a:hover,
  .equacom-header-v2 .header-categories-nav .nav-menu > li > a:focus{
    background:#f4f8fd;color:#2196F3 !important;padding-left:28px;
  }
  .equacom-header-v2 .header-categories-nav .nav-menu .sub-menu{
    display:block !important;position:static !important;
    background:#fafcff !important;border:0;box-shadow:none;
    padding:4px 0 10px;list-style:none;
  }
  .equacom-header-v2 .header-categories-nav .nav-menu .sub-menu a{
    display:block;padding:10px 22px 10px 38px;
    color:#42556c !important;font-size:.92rem;font-weight:500;
  }
  .equacom-header-v2 .header-categories-nav .nav-menu .sub-menu a:hover{
    color:#2196F3 !important;background:#f0f6fd;
  }

  /* Close button — floating modern pill top-right of drawer */
  .eq-drawer-close{
    position:fixed;top:14px;right:14px;z-index:10000;
    width:42px;height:42px;border-radius:50%;
    background:#2196F3 !important;color:#fff !important;
    border:0;font-size:20px;line-height:1;cursor:pointer;
    display:none;align-items:center;justify-content:center;
    box-shadow:0 8px 20px rgba(33,150,243,.45);
    transition:transform .18s ease, background .18s ease;
  }
  .eq-drawer-close:hover{transform:scale(1.06);background:#1e88e5 !important;}
  body.eq-mobile-menu-open .eq-drawer-close{display:inline-flex;}

  /* Dark mode variant of drawer */
  body.dark-mode .equacom-header-v2 .header-categories-nav{
    background:#0f1720 !important;color:#e6edf5 !important;
  }
  body.dark-mode .equacom-header-v2 .header-categories-nav .nav-menu > li{border-bottom-color:#1c2632;}
  body.dark-mode .equacom-header-v2 .header-categories-nav .nav-menu > li > a{color:#e6edf5 !important;}
  body.dark-mode .equacom-header-v2 .header-categories-nav .nav-menu > li > a:hover{background:#152030;color:#4fb3ff !important;}
  body.dark-mode .equacom-header-v2 .header-categories-nav .nav-menu .sub-menu{background:#0b1119 !important;}
  body.dark-mode .equacom-header-v2 .header-categories-nav .nav-menu .sub-menu a{color:#a9b6c5 !important;}
}

@keyframes eqOverlayIn { from{opacity:0} to{opacity:1} }

/* Desktop: make sure drawer styles never leak */
@media (min-width: 901px){
  .equacom-header-v2 .header-categories-nav{
    position:static !important;transform:none !important;
    width:auto;height:auto;box-shadow:none;padding:0;background:transparent !important;
  }
  .eq-drawer-close{display:none !important;}
}