@layer componentes{

@media (min-width:992px){
body .nav-item-dropdown .dropdown-menu{max-height:min(70vh,520px)!important;padding:6px!important;min-width:240px;font-size:.86rem}
body .nav-item-dropdown .dropdown-menu .dropdown-item{padding:6px 10px!important;font-size:.86rem!important;line-height:1.2!important;min-height:28px;align-items:center!important;gap:8px!important}
body .nav-item-dropdown .dropdown-menu .dropdown-item i{font-size:.82rem;margin-right:0!important;width:16px!important;}
body .nav-item-dropdown .dropdown-menu .dropdown-section-title{padding:6px 10px 2px;font-size:.72rem;letter-spacing:.04em;line-height:1.1}
body .nav-item-dropdown .dropdown-menu li{margin:0}
:root{--site-edge-anchor-left:max(
      clamp(30px, 3vw, 46px),
      calc(env(safe-area-inset-left) + 24px)
    );--site-edge-anchor-right:max(
      clamp(30px, 3vw, 46px),
      calc(env(safe-area-inset-right) + 24px)
    );--site-edge-anchor-width:calc(
      100vw - var(--site-edge-anchor-left) - var(--site-edge-anchor-right)
    )}
body .site-header-fixed{overflow:visible;padding-left:0;padding-right:0}
body .site-header-fixed .header-container{width:100%;max-width:100%;box-sizing:border-box;padding-left:var(--site-edge-anchor-left);padding-right:var(--site-edge-anchor-right);justify-content:flex-start;gap:clamp(10px,1vw,16px)}
body .header-logo-link{position:static;display:inline-flex;align-items:center;left:auto;top:auto;transform:none;margin-right:clamp(8px,.8vw,12px);padding-right:clamp(12px,1vw,16px);flex:0 0 auto;border-right:1px solid rgba(100,116,139,.35)!important}
body .header-primary-nav{position:static;top:auto;left:auto;transform:none;z-index:auto;margin-left:0;padding-left:clamp(4px,.6vw,10px);border-left:0;min-width:0}
body .header-category-item+.header-category-item{margin-left:0;padding-left:0}
body .header-category-item+.header-category-item::before{display:none}
body .header-category-link{min-height:38px;padding:0 12px;border-radius:9px;border:1px solid transparent!important;background:0 0!important;color:#5b6b84!important;font-size:.92rem;font-weight:650;letter-spacing:0;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
body .header-category-link.is-active,body .header-category-link:focus-visible,body .header-category-link:hover{background:#f3f6fb!important;border-color:#d7e1ef!important;color:#1f4f8a!important}
body.dark-mode .header-category-link{color:#c4d0e2!important}
body.dark-mode .header-category-link.is-active,body.dark-mode .header-category-link:focus-visible,body.dark-mode .header-category-link:hover{background:rgba(120,142,176,.14)!important;border-color:rgba(136,160,194,.32)!important;color:#e7f0ff!important}
body .header-category-link .dropdown-arrow{font-size:.78rem;opacity:.75}
body .header-category-menu{border-radius:12px;border:1px solid var(--border-color)!important;box-shadow:0 12px 24px rgba(15,23,42,.12)!important;backdrop-filter:none;-webkit-backdrop-filter:none}
body.dark-mode .header-category-menu{border-color:rgba(255,255,255,.14)!important;box-shadow:0 12px 24px rgba(0,0,0,.34)!important}
body .header-category-menu .dropdown-item{border-radius:8px;}
body .header-right-group{margin-left:auto;margin-right:0;padding-right:0;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;min-width:0;gap:clamp(8px,.9vw,14px);overflow:visible}
body .theme-toggle-button{margin:0;flex:0 0 auto}
}
@media (hover:none) and (pointer:coarse){
.site-header-fixed .header-primary-nav{display:none}
}

.header-category-item.is-open:not(.is-intent) .dropdown-arrow,
.header-category-item:hover:not(.is-intent) .dropdown-arrow,
.header-category-item:focus-within:not(.is-intent) .dropdown-arrow { transform: none; }
.header-category-link { cursor: pointer; }
.header-category-link .dropdown-arrow { color: #a1a1a6; font-size: .72em; margin-left: 2px; transition: transform .15s ease; }

.cp-menu { position: relative; display: flex; align-items: center; }
.cp-menu__btn {
  display: inline-flex; align-items: center; gap: 9px; height: 40px; padding: 0 16px;
  border-radius: 10px; border: 1px solid #cfd5dd; background: transparent; color: #1d1d1f;
  font: inherit; font-size: 14.5px; font-weight: 600; cursor: pointer; white-space: nowrap;
  transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}
.cp-menu__btn i { color: #3c4043; font-size: 14px; }
.cp-menu__btn:hover { border-color: #aeb6c1; }
.cp-menu__btn.is-expanded, .cp-menu__btn[aria-expanded="true"] { border-color: #0071e3; background: #f0f6fe; color: #0071e3; }
.cp-menu__btn.is-expanded i, .cp-menu__btn[aria-expanded="true"] i { color: #0071e3; }
.cp-menu__btn:focus-visible { outline: 2px solid #0071e3; outline-offset: 2px; }

.cp-menu__pop {
  position: absolute; right: 0; top: calc(100% + 8px); width: 380px; z-index: 10090;
  background: #fff; border: 1px solid #e6e9ee; border-radius: 18px;
  box-shadow: 0 24px 60px -12px rgba(15, 23, 42, .38); overflow: hidden;
  display: flex; flex-direction: column; text-align: left;
}
.cp-menu__pop[hidden] { display: none; }
.cp-menu__list {
  position: relative; max-height: min(470px, calc(100dvh - 190px)); overflow-y: auto;
  overscroll-behavior: contain; padding: 4px 8px 40px; box-sizing: border-box;
  -webkit-mask-image: linear-gradient(#000 calc(100% - 48px), transparent);
          mask-image: linear-gradient(#000 calc(100% - 48px), transparent);
}
.cp-mg__head {
  display: flex; align-items: center; gap: 8px; width: 100%; padding: 12px 10px 6px;
  border: 0; background: none; font: inherit; font-size: 12.5px; font-weight: 700; color: #6b7280;
  text-align: left; cursor: default;
}
.cp-mg__title { flex-grow: 1; }
.cp-mg__icon, .cp-mg__count, .cp-mg__caret { display: none; }
.cp-mg__items { list-style: none; margin: 0; padding: 0; }
.cp-mi {
  display: flex; align-items: center; gap: 11px; min-height: 38px;  border-radius: 9px;
  color: #1d1d1f; font-size: 14px; text-decoration: none;
}
.cp-mi i { width: 16px; text-align: center; font-size: 13px; }
.cp-mi:hover, .cp-mi:focus-visible { background: #f2f6fb; color: #1d1d1f; outline: none; }
.cp-mi.is-current { color: #0071e3; font-weight: 600; }
.cp-menu__pref { display: flex; flex-wrap: wrap; gap: 16px; padding: 12px 18px; border-top: 1px solid rgba(15, 23, 42, .08); }
.cp-menu__pref-item {
  display: inline-flex; align-items: center; gap: 7px; padding: 4px 0; border: 0; background: none;
  font: inherit; font-size: 13px; color: #3c4043; cursor: pointer; text-decoration: none;
}
.cp-menu__pref-item i { color: #6b7280; font-size: 12px; }
.cp-menu__pref-item:hover { color: #0071e3; }
.cp-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

 
 

@media (max-width: 991px) {
  
  .cp-menu { position: static; }
  .cp-menu__btn { height: 40px; padding: 0 12px; font-size: 14px; gap: 7px; }
  .cp-menu__pop { position: fixed; left: 8px; right: 8px; width: auto; top: var(--cp-menu-top, 96px); max-height: calc(100dvh - var(--cp-menu-top, 96px) - 12px); box-shadow: 0 24px 60px -12px rgba(15, 23, 42, .45); }
  .cp-menu__list { max-height: none; flex: 1 1 auto; padding: 0; -webkit-mask-image: none; mask-image: none; }
  .cp-mg + .cp-mg { border-top: 1px solid #eef1f4; }
  .cp-mg__head { min-height: 52px; padding: 0 16px; font-size: 15.5px; color: #1d1d1f; cursor: pointer; gap: 10px; }
  .cp-mg__icon { display: inline-block;  font-size: 15px; width: 18px; text-align: center; }
  .cp-mg__count { display: inline; font-size: 12.5px; color: #86868b; font-weight: 500; }
  .cp-mg__caret { display: inline-block; color: #86868b; font-size: 12px; transform: rotate(-90deg); transition: transform .15s ease; }
  .cp-mg.is-expanded .cp-mg__head { color: #0071e3; }
  .cp-mg.is-expanded .cp-mg__caret { transform: none; }
  .cp-mg__items { display: none; padding: 0 8px 8px; }
  .cp-mg.is-expanded .cp-mg__items { display: block; }
  .cp-mi { min-height: 44px; }
  .cp-menu__pref { gap: 18px; padding: 14px 18px; background: #f7f8fa; border-top-color: #eef1f4; }
  body.cp-menu-open::after { content: ""; position: fixed; inset: var(--cp-menu-backdrop-top, 90px) 0 0 0; background: rgba(15, 23, 42, .35); z-index: 10001; } }

body.dark-mode .cp-menu__btn { border-color: #48484a; color: #f5f5f7; }
body.dark-mode .cp-menu__btn i { color: #d1d5db; }
body.dark-mode .cp-menu__btn:hover { border-color: #6e6e73; }
body.dark-mode .cp-menu__btn.is-expanded, body.dark-mode .cp-menu__btn[aria-expanded="true"] { border-color: #0a84ff; background: rgba(10, 132, 255, .14); color: #4faeff; }
body.dark-mode .cp-menu__btn.is-expanded i, body.dark-mode .cp-menu__btn[aria-expanded="true"] i { color: #4faeff; }
body.dark-mode .cp-menu__pop { background: #1c1c1e; border-color: #3a3a3c; box-shadow: 0 24px 60px -12px rgba(0, 0, 0, .7); }
body.dark-mode .cp-mg__head { color: #9ca3af; }
body.dark-mode .cp-mi { color: #f5f5f7; }
body.dark-mode .cp-mi:hover, body.dark-mode .cp-mi:focus-visible { background: #2c2c2e; color: #f5f5f7; }
body.dark-mode .cp-mi.is-current { color: #4faeff; }
body.dark-mode .cp-menu__pref { border-top-color: #3a3a3c; }
body.dark-mode .cp-menu__pref-item { color: #d1d5db; }
body.dark-mode .cp-menu__pref-item i { color: #9ca3af; }
 
 
@media (max-width: 991px) {
  body.dark-mode .cp-mg + .cp-mg { border-top-color: #3a3a3c; }
  body.dark-mode .cp-mg__head { color: #f5f5f7; }
  body.dark-mode .cp-mg.is-expanded .cp-mg__head, body.dark-mode .cp-mg.is-expanded .cp-mg__icon { color: #4faeff; }
  body.dark-mode .cp-menu__pref { background: #242426; border-top-color: #3a3a3c; }
  body.dark-mode.cp-menu-open::after { background: rgba(0, 0, 0, .55); }
}
@media (max-width: 1099px) { .site-header-fixed .header-primary-nav { display: none; } }
@media (max-width: 1259px) { .site-header-fixed .header-container:has(.cp-header-divisor) .header-primary-nav { display: none; } }

body .header-primary-nav-list .header-category-item > .header-category-menu { width: max-content; max-width: min(460px, calc(100vw - 24px)); }
body .header-primary-nav-list .header-category-menu .dropdown-item { display: flex !important; align-items: flex-start; gap: 0; white-space: normal; overflow-wrap: break-word; text-overflow: clip; overflow: visible; }
body .header-primary-nav-list .header-category-menu .dropdown-item i { flex: 0 0 auto; width: 18px; margin-top: .15em; text-align: center; }
.cp-mi { padding: 7px 10px; line-height: 1.3; }
.cp-mi span { min-width: 0; overflow-wrap: break-word; }
.cp-mi i { flex: 0 0 auto; }

.cp-mi i { color: #d35400; }
.cp-mi:hover i, .cp-mi:focus-visible i, .cp-mi.is-current i { color: inherit; }
.cp-ms { list-style: none; margin: 8px 10px 2px; padding: 9px 0 3px; border-top: 1px solid #e6e9ee; font-size: 11.5px; font-weight: 700; line-height: 1.2; letter-spacing: .04em; text-transform: uppercase; color: #6b7280; cursor: default; }
.cp-mg__items > .cp-ms:first-child { border-top: 0; margin-top: 2px; padding-top: 4px; }
body.dark-mode .cp-ms { color: #9ca3af; border-top-color: #3a3a3c; }
@media (max-width: 991px) {
  .cp-mg .cp-mg__icon, .cp-mg.is-expanded .cp-mg__icon, body.dark-mode .cp-mg .cp-mg__icon, body.dark-mode .cp-mg.is-expanded .cp-mg__icon { color: #d35400; }
}

body .site-header-fixed .header-primary-nav-list{gap:2px}
body .site-header-fixed .header-primary-nav-list .header-category-link{padding-left:8px!important;padding-right:8px!important}
@media (max-width:1279px){.site-header-fixed .header-primary-nav{display:none}}

}
