/* Apoio ao Professor — Cabeçalho moderno v4
   Megamenu editorial, leve e responsivo. */
.site-header,
.site-header .header-shell,
.site-header .header-center,
.site-header .main-nav{
  overflow:visible;
}

.site-header .main-nav > .nav-mega-wrap{
  position:relative;
  display:flex;
  align-items:center;
  flex:0 0 auto;
}

.site-header .nav-mega-trigger{
  display:flex;
  align-items:center;
  gap:6px;
}

.site-header .nav-mega-trigger .chevron{
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#eef8fa;
  color:#087f91;
  font-size:14px;
  line-height:1;
  transition:transform .2s ease, background .2s ease;
}

.site-header .nav-mega{
  position:absolute !important;
  z-index:1200 !important;
  top:calc(100% + 14px) !important;
  left:50% !important;
  width:min(980px,calc(100vw - 48px)) !important;
  max-height:min(690px,calc(100vh - 140px));
  margin:0 !important;
  padding:0 !important;
  transform:translate(-39%,10px) scale(.985) !important;
  display:block !important;
  overflow:auto;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  border:1px solid rgba(185,214,224,.92) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.98) !important;
  box-shadow:0 28px 75px rgba(6,45,99,.22),0 4px 16px rgba(6,45,99,.08) !important;
  backdrop-filter:blur(18px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}

.site-header .nav-mega::before{
  content:"";
  position:absolute;
  top:-8px;
  left:39%;
  width:16px;
  height:16px;
  transform:rotate(45deg);
  border-top:1px solid rgba(185,214,224,.92);
  border-left:1px solid rgba(185,214,224,.92);
  background:#f5fbfc;
}

.site-header .nav-mega-wrap:hover > .nav-mega,
.site-header .nav-mega-wrap:focus-within > .nav-mega{
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translate(-39%,0) scale(1) !important;
}

.site-header .nav-mega-wrap:hover .chevron,
.site-header .nav-mega-wrap:focus-within .chevron{
  transform:rotate(180deg);
  background:#dcf2f5;
}

.site-header .nav-mega-intro{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:82px;
  padding:16px 20px;
  border-bottom:1px solid #dfecef;
  background:linear-gradient(115deg,#eefafb 0%,#f8fcfd 58%,#f4fbf7 100%);
}

.site-header .nav-mega-intro-icon,
.site-header .nav-mega-column-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:#008f9e;
}

.site-header .nav-mega-intro-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  background:#d8f1f3;
  box-shadow:inset 0 0 0 1px rgba(0,143,158,.08);
}

.site-header .nav-mega-intro-icon svg{
  width:25px;
  height:25px;
  fill:currentColor;
}

.site-header .nav-mega-intro > div strong{
  display:block;
  color:#062d63;
  font-size:17px;
  line-height:1.2;
  font-weight:900;
}

.site-header .nav-mega-intro > div span{
  display:block;
  margin-top:3px;
  color:#5b7890;
  font-size:12px;
  line-height:1.4;
}

.site-header .nav-mega-all{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  padding:10px 14px !important;
  border:1px solid #b8dfe5;
  border-radius:12px;
  background:#fff;
  color:#067f90 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  box-shadow:0 5px 12px rgba(6,45,99,.06);
  white-space:nowrap !important;
}

.site-header .nav-mega-all:hover,
.site-header .nav-mega-all:focus-visible{
  border-color:#7ccbd4;
  background:#edf9fa;
  outline:none;
}

.site-header .nav-mega-grid{
  display:grid;
  grid-template-columns:1.05fr 1.05fr .9fr;
  gap:14px;
  padding:16px;
  background:#fbfdfe;
}

.site-header .nav-mega-column{
  min-width:0;
  padding:14px;
  border:1px solid #e0ebef;
  border-radius:16px;
  background:#fff;
  box-shadow:0 7px 18px rgba(6,45,99,.045);
}

.site-header .nav-mega-column > header{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid #e7eff2;
}

.site-header .nav-mega-column-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  background:#e7f7f8;
}

.site-header .nav-mega-column--year .nav-mega-column-icon{
  color:#245e9c;
  background:#edf3fb;
}

.site-header .nav-mega-column--childhood .nav-mega-column-icon{
  color:#17935d;
  background:#eaf8ef;
}

.site-header .nav-mega-column-icon svg{
  width:18px;
  height:18px;
  fill:currentColor;
}

.site-header .nav-mega-column header strong{
  display:block;
  color:#062d63;
  font-size:14px;
  font-weight:900;
  line-height:1.25;
}

.site-header .nav-mega-column header small{
  display:block;
  margin-top:2px;
  color:#7890a2;
  font-size:10px;
  line-height:1.3;
}

.site-header .nav-mega-links{
  display:grid;
  align-content:start;
  gap:2px;
}

.site-header .nav-mega-links a{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:33px;
  padding:7px 9px !important;
  border-radius:9px;
  color:#315b78 !important;
  font-size:12px !important;
  font-weight:750 !important;
  line-height:1.28;
  white-space:normal !important;
  text-decoration:none !important;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}

.site-header .nav-mega-links a::after,
.site-header .nav-mega-all::after,
.site-header .nav-mega-feature a::after,
.site-header .nav-mega-footer a::after{
  display:none !important;
}

.site-header .nav-mega-links a b{
  flex:0 0 auto;
  color:#08a0ad;
  font-size:13px;
  opacity:0;
  transform:translateX(-4px);
  transition:opacity .16s ease,transform .16s ease;
}

.site-header .nav-mega-links a:hover,
.site-header .nav-mega-links a:focus-visible{
  background:#eef9fa;
  color:#007e8e !important;
  transform:translateX(2px);
  outline:none;
}

.site-header .nav-mega-column--year .nav-mega-links a:hover,
.site-header .nav-mega-column--year .nav-mega-links a:focus-visible{
  background:#f0f5fc;
  color:#174f8e !important;
}

.site-header .nav-mega-links a:hover b,
.site-header .nav-mega-links a:focus-visible b{
  opacity:1;
  transform:translateX(0);
}

.site-header .nav-mega-links--compact{
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:5px;
}

.site-header .nav-mega-links--compact a{
  min-height:36px;
  align-items:flex-start;
}

.site-header .nav-mega-feature{
  margin-bottom:8px;
}

.site-header .nav-mega-feature a{
  display:block !important;
  position:relative;
  overflow:hidden;
  padding:14px !important;
  border:1px solid #cfe8d8;
  border-radius:13px;
  background:linear-gradient(135deg,#edf9f1,#f9fdfb);
  color:#0d7548 !important;
  text-decoration:none !important;
}

.site-header .nav-mega-feature a::before{
  content:"";
  position:absolute;
  right:-20px;
  bottom:-24px;
  width:80px;
  height:80px;
  border-radius:50%;
  background:rgba(35,167,99,.08);
}

.site-header .nav-mega-feature-label{
  display:block;
  margin-bottom:5px;
  color:#18945c;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.site-header .nav-mega-feature strong{
  display:block;
  font-size:14px;
  line-height:1.25;
}

.site-header .nav-mega-feature small{
  display:block;
  margin-top:3px;
  color:#56816b;
  font-size:10px;
}

.site-header .nav-mega-feature b{
  display:block;
  margin-top:10px;
  font-size:11px;
}

.site-header .nav-mega-footer{
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 18px 14px;
  border-top:1px solid #e1ecef;
  background:#fff;
}

.site-header .nav-mega-footer > span{
  margin-right:2px;
  color:#7a91a2;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.site-header .nav-mega-footer a{
  display:inline-flex !important;
  align-items:center;
  min-height:30px;
  padding:0 10px !important;
  border:1px solid #dce9ed;
  border-radius:999px;
  background:#f8fbfc;
  color:#315b78 !important;
  font-size:10px !important;
  font-weight:850 !important;
  text-decoration:none !important;
}

.site-header .nav-mega-footer a:hover,
.site-header .nav-mega-footer a:focus-visible{
  border-color:#a9d6dc;
  background:#edf9fa;
  color:#007e8e !important;
  outline:none;
}

@media (max-width:1120px){
  .site-header .nav-mega{
    width:min(900px,calc(100vw - 32px)) !important;
    transform:translate(-37%,10px) scale(.985) !important;
  }
  .site-header .nav-mega-wrap:hover > .nav-mega,
  .site-header .nav-mega-wrap:focus-within > .nav-mega{
    transform:translate(-37%,0) scale(1) !important;
  }
  .site-header .nav-mega-links--compact{
    grid-template-columns:1fr;
  }
}

@media (max-width:1000px){
  .site-header .main-nav > .nav-mega-wrap{
    width:100%;
    display:block;
  }

  .site-header .nav-mega-trigger .chevron{
    display:none;
  }

  /* No menu móvel o link Atividades permanece direto e o megamenu não é aberto. */
  .site-header .nav-mega,
  .site-header .nav-mega-wrap:hover > .nav-mega,
  .site-header .nav-mega-wrap:focus-within > .nav-mega{
    display:none !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .site-header .nav-mega,
  .site-header .nav-mega-links a,
  .site-header .nav-mega-trigger .chevron{
    transition:none !important;
  }
}

/* =========================================================
   Cabeçalho moderno v5 — navegação principal + hover seguro
   ========================================================= */
@media (min-width:1001px){
  .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:1100 !important;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid rgba(215,230,236,.92);
    box-shadow:0 7px 24px rgba(6,43,95,.07);
    backdrop-filter:saturate(150%) blur(16px);
  }

  .site-header .header-shell{
    align-items:center;
  }

  .site-header .brand{
    transition:transform .2s ease,opacity .2s ease;
  }
  .site-header .brand:hover{
    transform:translateY(-1px);
  }

  .site-header .header-center{
    gap:10px;
  }

  .site-header .main-nav{
    width:max-content;
    max-width:100%;
    gap:4px !important;
    padding:5px;
    border:1px solid #e0ebef;
    border-radius:15px;
    background:linear-gradient(135deg,#f8fbfc,#f2f8fa);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 15px rgba(6,45,99,.055);
  }

  .site-header .main-nav > a,
  .site-header .nav-mega-trigger{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:38px;
    padding:9px 12px !important;
    border-radius:10px;
    color:#173f70;
    font-size:13px;
    line-height:1;
    font-weight:850;
    transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
  }

  .site-header .main-nav > a::after,
  .site-header .nav-mega-trigger::after{
    display:none !important;
  }

  .site-header .main-nav > a:hover,
  .site-header .main-nav > a:focus-visible,
  .site-header .nav-mega-trigger:hover,
  .site-header .nav-mega-trigger:focus-visible,
  .site-header .nav-mega-wrap.is-open .nav-mega-trigger{
    color:#007f90;
    background:#fff;
    box-shadow:0 5px 14px rgba(6,45,99,.09);
    transform:translateY(-1px);
    outline:none;
  }

  .site-header .main-nav > a.active,
  .site-header .nav-mega-trigger.active{
    color:#fff !important;
    background:linear-gradient(135deg,#073a75,#062d63);
    box-shadow:0 7px 16px rgba(6,45,99,.20);
  }

  .site-header .main-nav > a.active .main-nav-icon,
  .site-header .nav-mega-trigger.active .main-nav-icon,
  .site-header .nav-mega-trigger.active .chevron{
    color:#fff;
    background:rgba(255,255,255,.13);
  }

  .site-header .main-nav-icon{
    width:24px;
    height:24px;
    flex:0 0 24px;
    display:grid;
    place-items:center;
    border-radius:7px;
    background:#e7f5f7;
    color:#008c9b;
    transition:background .18s ease,color .18s ease;
  }
  .site-header .main-nav-icon svg{
    width:14px;
    height:14px;
    fill:currentColor;
  }

  .site-header .main-nav > a:hover .main-nav-icon,
  .site-header .main-nav > a:focus-visible .main-nav-icon,
  .site-header .nav-mega-trigger:hover .main-nav-icon,
  .site-header .nav-mega-trigger:focus-visible .main-nav-icon{
    background:#dff2f4;
  }

  .site-header .nav-mega-wrap::after{
    content:"";
    position:absolute;
    z-index:1198;
    top:100%;
    left:-20px;
    width:calc(100% + 40px);
    height:18px;
    background:transparent;
  }

  .site-header .nav-mega{
    top:calc(100% + 8px) !important;
  }

  .site-header .nav-mega-wrap.is-open > .nav-mega,
  .site-header .nav-mega-wrap:hover > .nav-mega,
  .site-header .nav-mega-wrap:focus-within > .nav-mega{
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    transform:translate(-39%,0) scale(1) !important;
  }

  .site-header .nav-mega-wrap.is-open .chevron,
  .site-header .nav-mega-wrap:hover .chevron,
  .site-header .nav-mega-wrap:focus-within .chevron{
    transform:rotate(180deg);
    background:#dcf2f5;
  }

  .site-header .nav-mega-trigger.active .chevron{
    background:rgba(255,255,255,.14);
  }

  .site-header .search-bar{
    height:46px;
    border:1px solid #d3e1e7;
    border-radius:13px;
    background:#fbfdfe;
    box-shadow:inset 0 1px 2px rgba(6,45,99,.025);
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
  }
  .site-header .search-bar:focus-within{
    border-color:#72c8d2;
    background:#fff;
    box-shadow:0 0 0 4px rgba(15,166,183,.11),0 7px 18px rgba(6,45,99,.06);
  }
  .site-header .search-bar button{
    width:50px;
    margin:4px;
    height:36px;
    border-radius:9px;
    background:#eaf7f8;
    color:#087f91;
    font-size:21px;
    transition:background .18s ease,color .18s ease;
  }
  .site-header .search-bar button:hover{
    background:#d8f0f3;
    color:#056b7a;
  }

  .site-header .header-actions .btn{
    min-height:46px;
    border-radius:12px;
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
  }
  .site-header .header-actions .btn-outline{
    border-color:#b9dfe5;
    background:#fbfefe;
    box-shadow:0 4px 12px rgba(6,45,99,.045);
  }
  .site-header .header-actions .btn-outline:hover{
    border-color:#7acbd4;
    background:#effafb;
  }
  .site-header .header-actions .btn-primary{
    background:linear-gradient(135deg,#073a75,#062d63);
    box-shadow:0 9px 20px rgba(5,40,90,.20);
  }
  .site-header .header-actions .btn-primary:hover{
    box-shadow:0 12px 25px rgba(5,40,90,.26);
  }
}

@media (min-width:1001px) and (max-width:1280px){
  .site-header .main-nav > a,
  .site-header .nav-mega-trigger{
    padding-left:9px !important;
    padding-right:9px !important;
    font-size:12px;
  }
  .site-header .main-nav-icon{
    display:none;
  }
}

@media (max-width:1000px){
  .site-header .main-nav-icon{
    display:none;
  }
  .site-header .main-nav > a,
  .site-header .nav-mega-trigger{
    border-radius:9px;
    padding:10px 12px !important;
  }
  .site-header .main-nav > a.active,
  .site-header .nav-mega-trigger.active{
    background:#eef9fa;
    color:#007f90;
  }
}