@import url("/assets/identidade-visual.css");

/* Etapa 1: somente navegação. As regras específicas de Impressões Rápidas são preservadas. */
@media(max-width:980px){
 body:not(.quick-page) .nav .mobile-menu-toggle{
  display:flex;width:31px;height:36px;flex:0 0 31px;padding:0;border:0;
  background:transparent;flex-direction:column;justify-content:center;gap:5px;cursor:pointer
 }
 body:not(.quick-page) .nav .mobile-menu-toggle span{width:27px;height:3px;background:#111;border-radius:9px}
 body:not(.quick-page) .nav.site-menu-open{z-index:100}
 body:not(.quick-page) .nav.site-menu-open .container{position:relative}
 body:not(.quick-page) .nav .navlinks.open{
  display:flex!important;position:absolute!important;top:100%!important;left:12px!important;right:12px!important;
  flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin:0!important;
  padding:16px!important;border-radius:14px!important;background:#fff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;max-height:70dvh;overflow-y:auto;z-index:101
 }
 body:not(.quick-page) .nav .navlinks.open a{display:flex;align-items:center;min-height:44px}
 body:not(.quick-page) .nav .mobile-menu-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}
}
@media(max-width:620px){
 /* Cabeçalhos que não carregam o CSS específico da home: apenas encaixe dos controles existentes. */
 .nav[data-nav-compact] .container{width:100%;padding:8px 13px;gap:8px;min-height:76px}
 .nav[data-nav-compact] .logo{width:98px!important;flex:0 0 98px!important}
 .nav[data-nav-compact] .cta.cta-ai{
  min-width:0!important;max-width:218px;flex:1 1 auto;margin-left:auto;padding:8px 10px!important
 }
 .nav[data-nav-compact] .cta-ai-copy{min-width:0}
}
@media(max-width:350px){
 .nav[data-nav-compact] .container{display:grid;grid-template-columns:1fr 31px;gap:12px}
 .nav[data-nav-compact] .mobile-menu-toggle{grid-column:2;grid-row:1}
 .nav[data-nav-compact] .cta.cta-ai{grid-column:1 / -1;grid-row:2;max-width:none;width:100%;margin:0}
}
@media(min-width:981px) and (max-width:1150px){
 body:not(.quick-page) .nav .container{gap:12px!important}
 body:not(.quick-page) .navlinks{gap:14px}
}

/* Acesso às páginas de impressão sem acrescentar um item longo ao cabeçalho. */
.nav-service-group{position:relative;display:flex;align-items:center;gap:2px}
.nav-service-menu>summary{display:grid;place-items:center;width:24px;height:34px;cursor:pointer;list-style:none;border-radius:5px}
.nav-service-menu>summary::-webkit-details-marker{display:none}
.nav-service-menu>summary:focus-visible{outline:2px solid #1559c9;outline-offset:2px}
.nav-service-menu[open]>summary svg{transform:rotate(180deg)}
.nav-service-links{position:absolute;left:0;top:100%;z-index:105;min-width:245px;display:grid;gap:4px;padding:10px;background:#fff;border:1px solid #dfe7e2;border-radius:12px;box-shadow:0 12px 28px #001c1526}
.nav-service-links a{display:flex;align-items:center;min-height:44px;padding:8px 10px;font-size:14px;line-height:1.4;white-space:normal;border-radius:6px}
.nav-service-links a:hover,.nav-service-links a:focus-visible{background:#f0f7f2}
a.daily-context-link{text-decoration:underline;text-underline-offset:3px}
@media(max-width:980px){
 .nav-service-group{display:block;width:100%}
 .nav-service-group>a{padding-right:48px}
 .nav-service-menu>summary{position:absolute;right:0;top:0;width:44px;height:44px}
 .nav-service-links{position:static;min-width:0;width:100%;margin:2px 0 8px;padding:3px 0 3px 10px;border:0;border-left:2px solid #1559c9;border-radius:0;box-shadow:none}
}