.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-2149 .elementor-element.elementor-element-8d84842{--display:flex;}.elementor-2149 .elementor-element.elementor-element-f6a9ff3{--display:flex;}.elementor-2149 .elementor-element.elementor-element-91f178e{--display:flex;}.elementor-2149 .elementor-element.elementor-element-80dd81a{--display:flex;}.elementor-2149 .elementor-element.elementor-element-db7b18b{--display:flex;}.elementor-2149 .elementor-element.elementor-element-a0837d8{--display:flex;}.elementor-2149 .elementor-element.elementor-element-485e437{--display:flex;}.elementor-2149 .elementor-element.elementor-element-379a2cc0{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* Green Cork header: Pro Menu widget (V3). Tier 3 custom CSS: the widget cannot take global classes,
   so it is themed here from the design variables, through Elementor's own --n-menu-* variables. */

/* Sticky: the location wrapper is the element that must stick, its parent is <body> */
.elementor-location-header{position:sticky;top:0;z-index:50}

@media (min-width:1200px){
  /* Widget fills the header height, so the dropdown starts exactly at the header's bottom edge */
  .gc-header .elementor-widget-n-menu{align-self:stretch}
  .gc-header .elementor-widget-n-menu>.elementor-widget-container,
  .gc-header .e-n-menu,.gc-header .e-n-menu-wrapper,.gc-header .e-n-menu-heading,
  .gc-header .e-n-menu-item,.gc-header .e-n-menu-title{height:100%}
  .gc-header .e-n-menu-heading{align-items:stretch}
  /* Menu group sits at the right of the bar, after the logo */
  .gc-header .elementor-widget-n-menu{margin-inline-start:auto}
}

.gc-header .e-n-menu{
  --n-menu-title-color-normal:var(--color-cream);
  --n-menu-title-color-hover:var(--color-accent);
  --n-menu-title-color-active:var(--color-accent);
  --n-menu-title-normal-color-dropdown:var(--color-cream);
  --n-menu-title-active-color-dropdown:var(--color-accent);
  --n-menu-title-hover-color-fallback:var(--color-accent);
  --n-menu-icon-color:var(--color-cream);
  --n-menu-icon-color-hover:var(--color-accent);
  --n-menu-icon-color-active:var(--color-accent);
  --n-menu-dropdown-indicator-color-normal:var(--color-cream);
  --n-menu-dropdown-indicator-color-hover:var(--color-accent);
  --n-menu-dropdown-indicator-color-active:var(--color-accent);
  --n-menu-title-font-size:var(--type-ui);
  --n-menu-title-line-height:var(--type-ui-lh);
  --n-menu-title-padding:0 var(--space-12);
  --n-menu-title-space-between:var(--space-4);
}
.gc-header .e-n-menu-title-text{font-family:var(--font-sans);font-weight:700}
.gc-header .e-n-menu :focus-visible{outline:2px solid var(--color-focus-ring-on-dark);outline-offset:3px}

/* Dropdown content: full width and transparent, the panel surface comes from .gc-panel */
.gc-header .e-n-menu-content>.e-con{background:transparent;padding:0;--content-width:100%}
.gc-header .e-n-menu-content>.e-con>.e-con-inner{max-width:100%;width:100%;padding:0}

/* Impacte (4th) and Noticias (5th) are plain links. The widget pairs dropdown containers with items by
   position, so each keeps an empty container; its chevron and empty dropdown are hidden here.
   If the item order in the widget changes, update these two nth-child numbers. */
.gc-header .e-n-menu-item:nth-child(4) .e-n-menu-dropdown-icon,
.gc-header .e-n-menu-item:nth-child(5) .e-n-menu-dropdown-icon,
.gc-header .e-n-menu-item:nth-child(4) .e-n-menu-content,
.gc-header .e-n-menu-item:nth-child(5) .e-n-menu-content{display:none!important}

/* Last menu item ("Participar") = pill, desktop only. Scoped to >=1200px so the mobile menu keeps normal items */
@media (min-width:1200px){
  .gc-header .e-n-menu-item:last-child{
    margin-inline-start:var(--space-16);
    --n-menu-title-color-normal:var(--color-dark-on-accent);
    --n-menu-title-color-hover:var(--color-dark-on-accent);
    --n-menu-title-color-active:var(--color-dark-on-accent);
    --n-menu-icon-color:var(--color-dark-on-accent);
    --n-menu-icon-color-hover:var(--color-dark-on-accent);
    --n-menu-icon-color-active:var(--color-dark-on-accent);
    --n-menu-dropdown-indicator-color-normal:var(--color-dark-on-accent);
    --n-menu-dropdown-indicator-color-hover:var(--color-dark-on-accent);
    --n-menu-dropdown-indicator-color-active:var(--color-dark-on-accent);
    --n-menu-title-padding:0 var(--space-24);
  }
  .gc-header .e-n-menu-item:last-child .e-n-menu-title{
    height:auto;align-self:center;min-height:var(--size-tap);
    border-radius:var(--radius-full);background-color:var(--color-accent);
    transition:transform var(--motion-base) var(--motion-ease);
  }
  .gc-header .e-n-menu-item:last-child .e-n-menu-title:hover{transform:translateY(-1px)}
}

/* ==== Tablet + mobile (<=1199px): the widget collapses; it becomes the full-height dark drawer ==== */
@media (max-width:1199px){
  .gc-header .elementor-widget-n-menu{margin-inline-start:auto}
  /* toggle: 44px target, aligned with the design's 12px right inset */
  .gc-header .e-n-menu-toggle{width:var(--size-tap);height:var(--size-tap);min-width:var(--size-tap);padding:0;display:inline-flex;align-items:center;justify-content:center;margin-inline-end:calc(var(--space-12) * -1);color:var(--color-cream);background:transparent;border:0}
  .gc-header .e-n-menu-toggle-icon svg,.gc-header .e-n-menu-toggle-icon i{width:22px;height:22px;fill:currentColor;color:var(--color-cream)}
  .gc-header .e-n-menu{--n-menu-toggle-icon-color:var(--color-cream);--n-menu-toggle-icon-color-hover:var(--color-accent);--n-menu-toggle-icon-color-active:var(--color-cream);--n-menu-title-font-size:var(--type-title-xs);--n-menu-title-line-height:var(--type-title-xs-lh);--n-menu-title-padding:0;--n-menu-title-space-between:0px}

  /* drawer: fills the viewport under the header. !important: Elementor sets left/top inline via JS */
  .gc-header .e-n-menu-wrapper{position:fixed!important;top:var(--size-header-tablet)!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;height:calc(100vh - var(--size-header-tablet));height:calc(100dvh - var(--size-header-tablet));background-color:var(--color-dark)!important;overflow-y:auto;overflow-x:hidden;padding:var(--space-24) var(--space-48) var(--space-48);box-sizing:border-box}
  .gc-header .e-n-menu-heading{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;gap:0;height:auto}
  .gc-header .e-n-menu-item{width:auto!important;align-self:stretch;height:auto;border-bottom:1px solid var(--color-line-on-dark);background:transparent!important}
  .gc-header .e-n-menu-title{display:flex;align-items:center;justify-content:space-between;width:auto!important;min-height:60px;height:auto;padding:0;background:transparent!important}
  .gc-header .e-n-menu-title-container{flex-grow:1;display:flex;align-items:center;min-height:60px}
  .gc-header .e-n-menu-title-text{font-size:var(--type-title-xs);line-height:var(--type-title-xs-lh);font-weight:800}
  .gc-header .e-n-menu-dropdown-icon{width:var(--size-tap);height:var(--size-tap);min-width:var(--size-tap);margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center}
  .gc-header .e-n-menu-dropdown-icon svg{width:16px;height:16px}
  /* open item turns accent, through Elementor's own variables (its dropdown .elementor-2149s outrank plain colour rules) */
  .gc-header .e-n-menu-item:has(.e-n-menu-dropdown-icon[aria-expanded="true"]){--n-menu-title-normal-color-dropdown:var(--color-accent);--n-menu-dropdown-indicator-color-normal:var(--color-accent);--n-menu-icon-color:var(--color-accent)}
  /* no page scroll behind the open drawer */
  body:has(.e-n-menu-toggle[aria-expanded="true"]){overflow:hidden}

  /* sub-panels inside the drawer: plain dark link lists (desktop-only furniture is hidden by .gc-desktop-only) */
  /* Elementor stretches the panel to the drawer width including its padding: keep it inside the padding (!important beats its stretch rule) */
  .gc-header .e-n-menu-content{position:static;width:100%!important;max-width:none;background:transparent;box-shadow:none;transform:none;left:auto;top:auto}
  .gc-header .e-n-menu-content>.e-con{background:transparent;padding:0}
  .gc-header .gc-panel{background:transparent;color:var(--color-cream);padding:0 0 var(--space-16);border-radius:0;--gc-ring:var(--color-focus-ring-on-dark)}
  .gc-header .gc-panel>.gc-container{padding-inline:0;display:flex;flex-direction:column;gap:0}
  .gc-header .gc-panel .gc-grid>*{grid-column:auto!important;width:100%;padding:0}
  .gc-header .gc-panel .gc-menu-link,
  .gc-header .gc-panel .gc-card,
  .gc-header .gc-panel .gc-link{display:flex;align-items:center;min-height:var(--size-tap);padding:0;gap:var(--space-8);border:0;background:transparent;color:var(--color-cream);font-size:var(--type-ui);line-height:var(--type-ui-lh);font-weight:400;text-decoration:none;box-shadow:none;transform:none;opacity:.9}
  .gc-header .gc-panel .gc-menu-link:hover,.gc-header .gc-panel .gc-card:hover,.gc-header .gc-panel .gc-link:hover{color:var(--color-accent);padding-inline-start:0;transform:none}
  .gc-header .gc-panel .gc-menu-link *,.gc-header .gc-panel .gc-card *,.gc-header .gc-panel .gc-link *{font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit}
  .gc-header .gc-panel .gc-arrow-end::after,.gc-header .gc-panel .gc-arrow-after::after{display:none}
  .gc-header .gc-panel [class*="gc-surface-dark"]{background:transparent;min-height:0;padding:0;border-radius:0}
  .gc-header .gc-panel .gc-grid,.gc-header .gc-panel .gc-container>div{gap:0}
  /* every drawer list is a left-aligned column: stacked links (Campanhas) and the Conhecer cards */
  .gc-header .gc-panel .gc-container>div{display:flex;flex-direction:column}
  .gc-header .gc-panel .gc-menu-link-stacked{align-items:flex-start}
  .gc-header .gc-panel .gc-card{flex-direction:row;justify-content:flex-start}
  .gc-header .gc-panel div[class*="e-con"]{padding-block:0}
}
@media (max-width:767px){
  .gc-header .e-n-menu-wrapper{top:var(--size-header-mobile)!important;height:calc(100vh - var(--size-header-mobile));height:calc(100dvh - var(--size-header-mobile));padding-inline:var(--space-24)}
}

/* Header: 44px+ tap targets for the desktop nav links (Participar pill is already 44px) */
@media (min-width:1200px){.gc-header .e-n-menu-heading > .e-n-menu-item:not(:last-child) .e-n-menu-title-container{padding-block:var(--space-12)}}

/* Header: slightly smaller logo at 1200–1299px so the nav fits on one line */
@media (min-width:1200px) and (max-width:1299px){.gc-header img{height:40px !important}}/* End custom CSS */