@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* ==========================================================
   HEADER / NAVBAR — hoja de estilos exclusiva y autocontenida
   Todas las clases usan el prefijo "cisa-global-header" para no chocar
   con ninguna otra clase del sitio.
   ========================================================== */

 .cisa-global-header{--header-navy:#003366;--header-teal:#008080;--header-bronze:#A67C52;--header-line:#e6e9ee;box-sizing:border-box;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.4;letter-spacing:normal;
  position:fixed;inset:0 0 auto;z-index:1000;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(16px);
  border-bottom:1px solid transparent;
  transition:.25s ease;
}
.cisa-global-header--scrolled{border-color:var(--header-line);box-shadow:0 8px 30px rgba(0,38,77,.08)}

.cisa-global-header__bar{
  width:min(calc(100% - 40px),1180px);
  margin-inline:auto;
  height:84px;
  display:flex;align-items:center;justify-content:flex-start;gap:28px;
}

.cisa-global-header__brand{display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto}
.cisa-global-header__logo{height:58px;width:auto;max-width:100%;object-fit:contain}

.cisa-global-header__primary{margin-left:auto}

.cisa-global-header__menu{display:flex;align-items:center;gap:23px;list-style:none;padding:0;margin:0}
.cisa-global-header__item{list-style:none}
.cisa-global-header__link{
  text-decoration:none;color:#003366;font-size:1.06rem;font-weight:700;
  position:relative;padding:8px 0;display:inline-block;
}
.cisa-global-header__link::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:var(--header-teal);transition:.25s}
.cisa-global-header__link:hover::after,.cisa-global-header__link--active::after{right:0}
.cisa-global-header__link--decommissioning{
  display:inline-flex;align-items:center;gap:7px;padding:7px 13px;
  border-radius:999px;background:var(--header-teal);color:#fff;
  box-shadow:0 0 0 4px rgba(0,128,128,.18);font-size:.84rem;
}
.cisa-global-header__link--decommissioning::after{display:none}
.cisa-global-header__link--decommissioning:hover{background:#006d6d;color:#fff;transform:translateY(-1px)}
.cisa-global-header__decom-icon{width:14px;height:14px;flex:0 0 14px}

/* Teclado: mantener siempre visible el elemento que tiene el foco. */
:where(a,button,input,select,textarea):focus-visible{
  outline:3px solid #f0c36a;
  outline-offset:3px;
}

.cisa-global-header__cta{
  white-space:nowrap;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;padding:12px 18px;border-radius:6px;border:1px solid transparent;
  text-decoration:none;font-weight:800;font-family:Inter,Arial,Helvetica,sans-serif;
  background:var(--header-bronze);color:#fff;transition:.25s ease;
}
.cisa-global-header__cta:hover{background:#9f7449;transform:translateY(-2px)}

.cisa-language-switcher--us{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-width:58px;height:36px;padding:0 10px;margin-right:0;
  border:1px solid rgba(0,51,102,.28);border-radius:6px;
  color:#003366;background:#fff;text-decoration:none;
  font:800 .82rem/1 Inter,Arial,sans-serif;transition:.25s ease;
}
.cisa-language-switcher--us:hover{background:#003366;color:#fff;border-color:#003366;transform:translateY(-1px)}
.cisa-language-switcher__flag{display:block;width:20px;height:14px;flex:0 0 20px;border-radius:1px;box-shadow:0 0 0 1px rgba(0,51,102,.14)}
.cisa-language-switcher:not(.cisa-language-switcher--us){gap:7px}

.cisa-global-header__toggle{display:none;width:44px;height:44px;border:0;background:transparent;border-radius:50%}
.cisa-global-header__toggle-bar{display:block;width:23px;height:2px;background:var(--header-navy);margin:5px auto;transition:.25s}

@media (min-width:901px){
  .cisa-global-header__link{font-size:1.06rem}
}

@media (max-width:1100px){
  .cisa-global-header__menu{gap:15px}
  .cisa-global-header__link{font-size:.82rem}
  .cisa-global-header__cta{display:none}
}

@media (max-width:900px){
  .cisa-global-header__bar{height:72px}
  .cisa-global-header__logo{height:50px;width:auto}
  .cisa-global-header__toggle{display:block}
  .cisa-global-header__menu{
    position:fixed;inset:72px 0 auto;background:#fff;display:none;gap:0;padding:14px 25px 28px;
    border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(0,38,77,.13);
    transform:translateY(-130%);opacity:0;visibility:hidden;transition:.28s
  }
  .cisa-global-header__menu--open{display:grid;transform:none;opacity:1;visibility:visible}
  .cisa-global-header__link{display:block;padding:14px 0;font-size:1rem;border-bottom:1px solid var(--line);color:var(--navy)}
  .cisa-global-header__link--decommissioning{display:inline-flex;padding:9px 14px;color:#fff;border-bottom:0;margin:6px 0}
  .cisa-language-switcher--us{min-width:54px;height:34px;padding:0 8px;gap:6px;font-size:.78rem}
}

@media (max-width:650px){
  .cisa-global-header__bar{width:min(calc(100% - 28px),var(--max))}
}

@media (min-width:1101px){
  .cisa-global-header__logo{height:58px;width:auto}
  .cisa-global-header__menu{gap:17px}
  .cisa-global-header__link{font-size:.84rem}
  .cisa-global-header__cta{padding-inline:17px;font-size:.86rem}
}
@media (max-width:1500px){.cisa-global-header__cta{display:inline-flex}}

/* Tipografía global de la web; se excluyen las fuentes de iconos. */
html,body,body *:not(svg):not(path):not([class^="ph-"]):not([class*=" ph-"]){font-family:Inter,Arial,Helvetica,sans-serif!important}