/* Consulting24 site header - shared across all pages. Source of truth: scripts/site_header.py */
.c24-header{--c24-bg:#0b1b33;--c24-bg2:#10264a;--c24-fg:#e8eef8;--c24-fg-dim:#aebdd6;--c24-accent:#4f8dff;--c24-accent-dark:#0a4fcf;--c24-panel:#fff;--c24-ink:#0c1f29;--c24-muted:#64748b;--c24-soft:#ebf1fd;--c24-line:#e2e8f0;--c24-h:66px;
  position:sticky;top:0;z-index:1000;background:linear-gradient(90deg,var(--c24-bg),var(--c24-bg2));color:var(--c24-fg);
  box-shadow:0 1px 0 rgba(255,255,255,.06),0 6px 20px rgba(3,10,30,.22);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;line-height:1.3}
.c24-header *,.c24-header *::before,.c24-header *::after{box-sizing:border-box}
.c24-header a{color:inherit;text-decoration:none}
.c24-header a:hover{text-decoration:none}
.c24-header ul{list-style:none;margin:0;padding:0}
.c24-header h4{margin:0;font:inherit}
.c24-header__inner{position:relative;max-width:1240px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:14px;min-height:var(--c24-h)}

/* logo */
.c24-logo{display:inline-flex;align-items:center;gap:10px;flex:none;margin-inline-end:6px;border-radius:10px}
.c24-logo svg{width:34px;height:34px;flex:none;display:block}
.c24-logo__text{display:flex;flex-direction:column}
.c24-logo__name{font-weight:800;font-size:1.22rem;letter-spacing:-.01em;color:#fff;line-height:1}
.c24-logo__tag{font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c24-fg-dim);margin-top:4px}

/* desktop menu */
.c24-nav{display:flex;align-items:center;align-self:stretch;flex:1;min-width:0}
.c24-menu{display:flex;align-items:stretch;gap:2px;flex:1;height:100%}
.c24-item{position:relative;display:flex;align-items:center}
.c24-item--mega{position:static}
.c24-item__top{display:flex;align-items:center;border-radius:8px}
.c24-link{display:inline-flex;align-items:center;padding:9px 4px 9px 12px;font-weight:600;font-size:.94rem;color:var(--c24-fg);border-radius:8px 0 0 8px;white-space:nowrap;transition:color .15s,background .15s}
.c24-sub-toggle{width:28px;height:36px;border:0;background:transparent;color:var(--c24-fg-dim);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:0 8px 8px 0;transition:color .15s,background .15s}
.c24-sub-toggle::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.c24-item.is-active .c24-link{color:#fff;box-shadow:inset 0 -2px 0 var(--c24-accent)}
.c24-item:hover .c24-link,.c24-item.is-open .c24-link,.c24-item:focus-within .c24-link{color:#fff;background:rgba(255,255,255,.08)}
.c24-item:hover .c24-sub-toggle,.c24-item.is-open .c24-sub-toggle,.c24-item:focus-within .c24-sub-toggle{color:#fff;background:rgba(255,255,255,.08)}
.c24-item.is-open .c24-sub-toggle::before{transform:translateY(2px) rotate(-135deg)}
.c24-link:focus-visible,.c24-sub-toggle:focus-visible,.c24-logo:focus-visible,.c24-wa:focus-visible,.c24-burger:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* dropdown panels */
.c24-panel{position:absolute;top:100%;inset-inline-start:0;min-width:290px;background:var(--c24-panel);color:var(--c24-ink);border-radius:14px;
  box-shadow:0 22px 50px rgba(3,10,30,.28),0 0 0 1px rgba(12,31,41,.06);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;z-index:5}
.c24-panel::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.c24-item.is-open>.c24-panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
@media (hover:hover) and (min-width:1024px){
  .c24-item:hover>.c24-panel,.c24-item:focus-within>.c24-panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
}
.c24-list a{display:block;padding:9px 12px;border-radius:9px;font-weight:500;font-size:.93rem;color:var(--c24-ink);line-height:1.3;transition:background .12s,color .12s}
.c24-list a:hover,.c24-list a:focus-visible{background:var(--c24-soft);color:var(--c24-accent-dark);outline:none}
.c24-list a small{display:block;color:var(--c24-muted);font-size:.78rem;font-weight:400;margin-top:2px}
.c24-list a[aria-current="page"]{color:var(--c24-accent-dark);font-weight:700;background:var(--c24-soft)}
.c24-panel--cols{display:grid;grid-template-columns:repeat(2,minmax(230px,1fr));gap:6px 16px;padding:14px 12px 10px;min-width:560px}
.c24-col h4{margin:0 12px 6px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c24-muted);font-weight:700}
.c24-panel--mega{inset-inline-start:20px;inset-inline-end:20px;min-width:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px 10px;padding:18px 14px 12px}
.c24-col--wide{grid-column:span 2}
.c24-col--wide .c24-list{column-count:2;column-gap:8px}
.c24-list li{break-inside:avoid}
.c24-panel--mega .c24-list a{padding:6px 10px;font-size:.9rem}
.c24-panel__foot{grid-column:1/-1;border-top:1px solid var(--c24-line);margin-top:10px;padding:10px 4px 0;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}
.c24-panel__foot a{font-weight:600;font-size:.88rem;color:var(--c24-accent-dark);padding:6px 8px;border-radius:8px}
.c24-panel__foot a:hover,.c24-panel__foot a:focus-visible{background:var(--c24-soft);outline:none}
.c24-panel__foot a:first-child{font-weight:800}
.c24-panel__intro{padding:10px 12px 10px;border-bottom:1px solid var(--c24-line);margin:2px 4px 6px}
.c24-panel__intro b{display:block;font-size:.72rem;letter-spacing:.16em;color:var(--c24-accent-dark);margin-bottom:3px}
.c24-panel__intro span{display:block;color:var(--c24-muted);font-size:.84rem;line-height:1.4}

/* WhatsApp CTA */
.c24-wa{display:inline-flex;align-items:center;gap:8px;background:#0e7a3a;color:#fff;font-weight:700;font-size:.9rem;padding:10px 16px;border-radius:999px;white-space:nowrap;
  box-shadow:0 2px 8px rgba(14,122,58,.35);transition:background .15s,transform .1s,box-shadow .15s}
.c24-wa::before{content:"";width:17px;height:17px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M17.5 14.4c-.3-.1-1.7-.8-1.9-.9-.3-.1-.5-.1-.7.1s-.8.9-.9 1.1c-.2.2-.3.2-.6.1-1.5-.6-2.5-1.4-3.5-3.1-.3-.5.3-.4.8-1.4.1-.2 0-.4 0-.5s-.7-1.6-.9-2.2c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1.1 2.9 1.2 3.1c.2.2 2.1 3.3 5.2 4.6 2 .8 2.7.9 3.7.7.6-.1 1.7-.7 1.9-1.4.2-.7.2-1.2.2-1.4-.1-.1-.3-.2-.6-.3z M12 2a10 10 0 0 0-8.6 15l-1.4 5 5.1-1.3A10 10 0 1 0 12 2z'/%3E%3C/svg%3E") center/contain no-repeat}
.c24-wa:hover{background:#0b6330;color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(11,99,48,.45)}
.c24-wa--bar{margin-inline-start:auto;flex:none}
.c24-nav__cta{display:none}

/* burger */
.c24-burger{display:none;width:44px;height:44px;border:0;background:transparent;border-radius:10px;cursor:pointer;position:relative;flex:none;padding:0}
.c24-burger span{position:absolute;left:11px;right:11px;height:2px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s,top .2s}
.c24-burger span:nth-child(1){top:14px}.c24-burger span:nth-child(2){top:21px}.c24-burger span:nth-child(3){top:28px}
.c24-header.is-menu-open .c24-burger span:nth-child(1){top:21px;transform:rotate(45deg)}
.c24-header.is-menu-open .c24-burger span:nth-child(2){opacity:0}
.c24-header.is-menu-open .c24-burger span:nth-child(3){top:21px;transform:rotate(-45deg)}
.c24-burger:hover{background:rgba(255,255,255,.08)}
html.c24-lock{overflow:hidden}

/* mobile / tablet: drawer with accordions */
@media (max-width:1023.98px){
  .c24-header{--c24-h:60px}
  .c24-header__inner{gap:8px;padding:0 12px 0 14px}
  .c24-logo__tag{display:none}
  .c24-logo__name{font-size:1.15rem}
  .c24-burger{display:inline-flex;order:3}
  .c24-wa--bar{order:2;padding:9px 13px;font-size:.85rem}
  .c24-nav{display:none;position:fixed;top:var(--c24-h);left:0;right:0;bottom:0;background:#fff;color:var(--c24-ink);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 14px 28px;flex-direction:column;align-items:stretch}
  .c24-header.is-menu-open .c24-nav{display:flex}
  .c24-menu{display:block;flex:none;height:auto}
  .c24-item{display:block;border-bottom:1px solid var(--c24-line)}
  .c24-item__top{display:flex;align-items:stretch;border-radius:0}
  .c24-link{flex:1;padding:15px 6px;color:var(--c24-ink);font-size:1.02rem;font-weight:700;border-radius:0;white-space:normal}
  .c24-item.is-active .c24-link{color:var(--c24-accent-dark);box-shadow:none}
  .c24-item:hover .c24-link,.c24-item.is-open .c24-link,.c24-item:focus-within .c24-link{background:transparent;color:var(--c24-accent-dark)}
  .c24-sub-toggle{width:52px;height:auto;color:var(--c24-muted);border-radius:0}
  .c24-item:hover .c24-sub-toggle,.c24-item.is-open .c24-sub-toggle,.c24-item:focus-within .c24-sub-toggle{background:transparent;color:var(--c24-accent-dark)}
  .c24-panel,.c24-panel--cols,.c24-panel--mega{position:static;inset:auto;min-width:0;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;background:transparent;padding:0 0 12px;transition:none;display:none}
  .c24-panel::before{display:none}
  .c24-item.is-open>.c24-panel{display:block}
  .c24-item.is-open>.c24-panel--cols,.c24-item.is-open>.c24-panel--mega{display:grid;grid-template-columns:1fr;gap:6px}
  .c24-col h4{margin:10px 12px 4px}
  .c24-col--wide{grid-column:auto}
  .c24-col--wide .c24-list{column-count:1}
  .c24-list a,.c24-panel--mega .c24-list a{padding:9px 12px;font-size:.95rem}
  .c24-panel__foot{margin-top:6px;padding:10px 4px 0}
  .c24-panel__intro{margin:0 0 6px}
  .c24-nav__cta{display:block;padding:20px 0 0}
  .c24-nav__cta .c24-wa{width:100%;justify-content:center;padding:14px;font-size:1rem}
  .c24-link:focus-visible,.c24-sub-toggle:focus-visible{outline-color:var(--c24-accent-dark);outline-offset:-2px}
}
@media (max-width:400px){
  .c24-wa--bar{padding:9px 11px}
  .c24-wa--bar span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .c24-wa--bar{gap:0}
}
@media (prefers-reduced-motion:reduce){.c24-header *,.c24-header *::before{transition:none!important}}
@media print{.c24-header{position:static;box-shadow:none}.c24-burger,.c24-wa,.c24-panel{display:none!important}}
/* Skip link. Pages with inline-only CSS (e.g. the homepage) never had this rule, so the link showed
   permanently; styles.css used left:-9999px, which on RTL pages created a ~10,000px horizontal scroll.
   Hidden by translating off the top instead - no overflow in either writing direction. */
.skip{position:absolute;left:0;top:0;z-index:1100;transform:translateY(-200%);background:#116dff;color:#fff;padding:10px 16px;border-radius:0 0 8px 0;font-weight:700}
.skip:focus{left:0;transform:none}
