/* Styzen portals — final responsive UI r85 */
html[data-portal],html[data-portal] body{width:100%;max-width:100%;overflow-x:hidden!important}
html[data-portal] #app,html[data-portal] main,html[data-portal] .hero,html[data-portal] .section,html[data-portal] .lead,html[data-portal] .content-layout,html[data-portal] .story-list,html[data-portal] .job-list,html[data-portal] .learn-list,html[data-portal] .learn-grid{max-width:100%!important;min-width:0!important}
html[data-portal] img,html[data-portal] video,html[data-portal] iframe{max-width:100%}

/* Tema: um único ícone, alinhado e com espaçamento consistente */
html[data-portal] .theme-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-width:124px!important;height:44px!important;padding:0 14px!important;border-radius:10px!important;line-height:1!important;font-size:.76rem!important;font-weight:850!important;white-space:nowrap!important}
html[data-portal] .theme-toggle svg,html[data-portal] .theme-toggle .r68-theme-icon,html[data-portal] .theme-toggle .theme-icon{display:none!important}
html[data-portal] .theme-toggle::before{content:"☾";display:inline-grid;place-items:center;width:19px;height:19px;flex:0 0 19px;font-size:19px;font-weight:500;line-height:1;transform:translateY(-1px)}
html[data-theme="light"][data-portal] .theme-toggle::before{content:"☀";font-size:17px;transform:none}

/* Botão do menu */
html[data-portal] .menu-toggle{position:relative!important;overflow:hidden!important}
html[data-portal] .menu-toggle span{position:absolute!important;left:50%!important;width:21px!important;height:2px!important;margin:0!important;border-radius:999px!important;transform-origin:center!important;transition:transform .18s ease,opacity .18s ease!important}
html[data-portal] .menu-toggle span:nth-child(1){transform:translate(-50%,-7px)!important}
html[data-portal] .menu-toggle span:nth-child(2){transform:translate(-50%,0)!important}
html[data-portal] .menu-toggle span:nth-child(3){transform:translate(-50%,7px)!important}
html[data-portal] body.r68-menu-open .menu-toggle span:nth-child(1){transform:translate(-50%,0) rotate(45deg)!important}
html[data-portal] body.r68-menu-open .menu-toggle span:nth-child(2){opacity:0!important}
html[data-portal] body.r68-menu-open .menu-toggle span:nth-child(3){transform:translate(-50%,0) rotate(-45deg)!important}
html[data-portal] .r68-menu-close{width:46px!important;height:46px!important;border-radius:12px!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important}
html[data-portal] .r68-menu-close::before,html[data-portal] .r68-menu-close::after{width:22px!important;height:2px!important}

/* Rodapé social */
.styzen-footer-socials-r85{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:9px!important;margin-top:16px!important}
.styzen-footer-socials-r85 a{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;color:#eaf3ff!important;background:#0c2a51!important;transition:transform .15s ease,border-color .15s ease,background .15s ease!important}
.styzen-footer-socials-r85 a:hover{transform:translateY(-2px)!important;border-color:#4b8dff!important;background:#123865!important}
.styzen-footer-socials-r85 svg{width:19px!important;height:19px!important;display:block!important}
.styzen-standard-footer__channel{display:none!important}

@media(max-width:900px){
  html[data-portal] .top{width:100%!important;max-width:100vw!important}
  html[data-portal] .top-main{width:min(calc(100% - 24px),1280px)!important;min-height:70px!important;margin:0 auto!important;grid-template-columns:auto 48px!important;gap:12px!important}
  html[data-portal] .brand img{width:50px!important;height:44px!important}
  html[data-portal] .menu-toggle{display:grid!important;width:46px!important;height:46px!important;padding:0!important;border-radius:12px!important;background:var(--surface-2,#0f2d53)!important;border:1px solid var(--line-strong,rgba(255,255,255,.18))!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important;color:var(--ink,#f5f8ff)!important}
  html[data-portal] .top-navigation{inset:0 0 0 auto!important;width:min(100vw,420px)!important;max-width:100vw!important;height:100dvh!important;padding:78px 18px max(22px,env(safe-area-inset-bottom))!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important}
  html[data-portal] .primary-menu{width:100%!important;min-width:0!important}
  html[data-portal] .primary-menu>a,html[data-portal] .nav-dropdown__trigger{min-height:52px!important;padding:13px 10px!important;font-size:.94rem!important}
  html[data-portal] .nav-dropdown__menu a{min-height:42px!important;padding:10px 12px!important;font-size:.82rem!important}
  html[data-portal] .top-tools{width:100%!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}
  html[data-portal] .search{width:100%!important;max-width:none!important;height:50px!important}
  html[data-portal] .search button{min-width:88px!important;height:40px!important;padding:0 13px!important}
  html[data-portal] .theme-toggle,html[data-portal] .account-link{height:48px!important;min-width:0!important;width:100%!important}
  html[data-portal] .shell{width:min(calc(100% - 24px),1280px)!important;max-width:calc(100vw - 24px)!important}
  html[data-portal] .hero,html[data-portal] .section{overflow:hidden!important}
  html[data-portal] .hero-grid,html[data-portal] .lead,html[data-portal] .content-layout{grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:22px!important}
  html[data-portal] .job-highlights{grid-template-columns:minmax(0,1fr)!important}
  html[data-portal] .story,html[data-portal] .job-row{width:100%!important;max-width:100%!important;min-width:0!important}
  html[data-portal] .sidebar{width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr)!important}
  .styzen-standard-footer__shell{width:min(calc(100% - 28px),1280px)!important}
  .styzen-standard-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 20px!important}
  .styzen-standard-footer__brand{grid-column:1/-1!important;grid-row:auto!important}
}

@media(max-width:580px){
  html[data-portal] .top-navigation{width:100vw!important}
  html[data-portal] .top-tools{grid-template-columns:1fr 1fr!important}
  html[data-portal] .theme-toggle{gap:8px!important;padding:0 10px!important;font-size:.74rem!important}
  html[data-portal] .account-link{font-size:.76rem!important}
  html[data-portal] .hero{padding:28px 0 20px!important}
  html[data-portal] .hero h1{font-size:clamp(2.15rem,11vw,3.25rem)!important;line-height:1!important;overflow-wrap:anywhere!important}
  html[data-portal] .section{padding:30px 0!important}
  html[data-portal] .section-head{gap:12px!important;align-items:center!important}
  html[data-portal] .section-head h2{font-size:clamp(1.55rem,8vw,2rem)!important}
  html[data-portal] .story{grid-template-columns:1fr!important;gap:12px!important}
  html[data-portal] .story-thumb,html[data-portal] .job-thumb{width:100%!important;max-width:100%!important}
  html[data-portal] .job-row{grid-template-columns:1fr!important;gap:12px!important}
  html[data-portal] .job-row>a{grid-column:auto!important;justify-self:start!important}
  html[data-portal] .media,html[data-portal] .story-thumb,html[data-portal] .job-thumb,html[data-portal] .job-feature-media{overflow:hidden!important}
  html[data-portal] .media img,html[data-portal] .story-thumb img,html[data-portal] .job-thumb img,html[data-portal] .job-feature-media img{max-width:100%!important;width:100%!important;height:100%!important;object-fit:contain!important}
  .styzen-standard-footer__grid{grid-template-columns:1fr!important;gap:24px!important;padding:34px 0 28px!important}
  .styzen-standard-footer__brand{grid-column:auto!important}
  .styzen-standard-footer__bottom{display:block!important;padding:16px 0 22px!important}
}