/* Cigananaestrada — auditoria visual global das páginas públicas
   Visitante, cliente, atendente e ADM usam o mesmo visual público.
   Não altera regras de negócio. */

body.pagina-publica-global{
  --cna-menu-largura:248px;
  width:100%;max-width:100%;min-width:0;overflow-x:hidden;
}
body.pagina-publica-global *,body.pagina-publica-global *::before,body.pagina-publica-global *::after{box-sizing:border-box}
body.pagina-publica-global img,body.pagina-publica-global video,body.pagina-publica-global iframe,body.pagina-publica-global canvas,body.pagina-publica-global svg{max-width:100%}
body.pagina-publica-global h1,body.pagina-publica-global h2,body.pagina-publica-global h3,body.pagina-publica-global p,body.pagina-publica-global a,body.pagina-publica-global span,body.pagina-publica-global strong,body.pagina-publica-global label{overflow-wrap:anywhere}
body.pagina-publica-global input,body.pagina-publica-global select,body.pagina-publica-global textarea,body.pagina-publica-global button{max-width:100%;min-width:0}

@media (min-width:701px){
  body.pagina-publica-global #abrirMenu,body.pagina-publica-global .abrir-menu{display:none!important}
  body.pagina-publica-global>.menu-lateral,body.pagina-publica-global .menu-lateral{
    position:fixed!important;inset:0 auto 0 0!important;width:var(--cna-menu-largura)!important;height:100vh!important;height:100dvh!important;
    padding:12px 14px!important;overflow:hidden!important;z-index:5000!important;display:flex!important;flex-direction:column!important;transition:none!important;
  }
  body.pagina-publica-global .menu-lateral:hover,body.pagina-publica-global .menu-lateral.aberto{width:var(--cna-menu-largura)!important}

  body.pagina-publica-global .topo-menu-lateral{
    min-height:62px!important;height:62px!important;display:flex!important;align-items:center!important;justify-content:center!important;
    overflow:hidden!important;flex:0 0 62px!important;margin:0 0 6px!important;padding:0!important;
  }
  body.pagina-publica-global .marca-menu-lateral{
    width:100%!important;height:100%!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
    gap:10px!important;overflow:hidden!important;text-align:left!important;color:#fff!important;text-decoration:none!important;
  }
  body.pagina-publica-global .marca-menu-lateral img{
    width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;object-fit:contain!important;margin:0!important;flex:0 0 48px!important;
  }
  body.pagina-publica-global .marca-menu-lateral::before,body.pagina-publica-global .marca-menu-lateral::after{content:none!important;display:none!important}
  body.pagina-publica-global .texto-marca-lateral{
    display:grid!important;grid-template-columns:1fr!important;gap:2px!important;width:auto!important;min-width:0!important;max-width:calc(100% - 58px)!important;
    opacity:1!important;visibility:visible!important;overflow:hidden!important;text-align:left!important;justify-items:start!important;
  }
  body.pagina-publica-global .texto-marca-lateral strong{
    display:block!important;width:100%!important;color:#fff!important;font:700 16px/1.05 Georgia,"Times New Roman",serif!important;white-space:nowrap!important;
    overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body.pagina-publica-global .texto-marca-lateral small{
    display:block!important;color:#e4c783!important;font:600 10px/1.15 Arial,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;
  }

  body.pagina-publica-global .navegacao-lateral{
    margin-top:0!important;gap:2px!important;min-height:0!important;overflow:visible!important;padding:0!important;flex:0 0 auto!important;
  }
  body.pagina-publica-global .item-menu{
    min-height:36px!important;height:36px!important;padding:4px 8px!important;border-radius:12px!important;gap:7px!important;flex:0 0 36px!important;
  }
  body.pagina-publica-global .icone-menu{width:30px!important;min-width:30px!important;font-size:17px!important;line-height:1!important;text-align:center!important;justify-content:center!important}
  body.pagina-publica-global .texto-menu{
    display:block!important;max-width:none!important;opacity:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12.5px!important;line-height:1.15!important;
  }
  body.pagina-publica-global .navegacao-lateral a[href*="contato"]{display:flex!important;visibility:visible!important;opacity:1!important}

  body.pagina-publica-global .rodape-menu-lateral{
    margin-top:6px!important;padding:7px 9px!important;border:1px solid rgba(244,217,149,.18)!important;border-radius:11px!important;
    background:rgba(255,255,255,.05)!important;overflow:hidden!important;flex:0 0 auto!important;
  }
  body.pagina-publica-global .rodape-menu-lateral span,body.pagina-publica-global .rodape-menu-lateral strong{display:block!important;max-width:none!important;opacity:1!important;white-space:normal!important;line-height:1.15!important}
  body.pagina-publica-global .rodape-menu-lateral span{font-size:10px!important}
  body.pagina-publica-global .rodape-menu-lateral strong{font-size:12px!important;margin-top:2px!important}

  body.pagina-publica-global>.estrutura-site,
  body.pagina-publica-global.pagina-publica-sem-topo>main,
  body.pagina-publica-global.pagina-publica-sem-topo>.pagina,
  body.pagina-publica-global.pagina-publica-sem-topo>.pagina-creditos,
  body.pagina-publica-global.pagina-publica-sem-topo>.hero-loja,
  body.pagina-publica-global.pagina-publica-sem-topo>.loja-conteudo,
  body.pagina-publica-global>.cna-footer,
  body.pagina-publica-global>.site-footer{
    width:calc(100% - var(--cna-menu-largura))!important;max-width:calc(100% - var(--cna-menu-largura))!important;margin-left:var(--cna-menu-largura)!important;margin-right:0!important;
  }

  body.pagina-publica-global .site-footer,
  body.pagina-publica-global .cna-footer{padding-top:24px!important;padding-bottom:16px!important}
  body.pagina-publica-global .site-footer__grid,
  body.pagina-publica-global .cna-footer__top{align-items:start!important;gap:clamp(20px,2.4vw,36px)!important}

  /* Rodapé sem repetição da marca: identidade já está no menu/cabeçalho. */
  body.pagina-publica-global .cna-footer__brand,
  body.pagina-publica-global .site-footer__column:first-child{display:none!important}
  body.pagina-publica-global .cna-footer__top,
  body.pagina-publica-global .site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  body.pagina-publica-global .site-footer__bottom,
  body.pagina-publica-global .cna-footer__bottom{margin-top:18px!important;padding-top:14px!important;padding-bottom:14px!important}

  html body.pagina-publica-global #suporteFlutuanteGlobal{right:24px!important;bottom:82px!important}
}

@media (min-width:901px) and (max-width:1366px){
  body.pagina-publica-global{--cna-menu-largura:238px}
  body.pagina-publica-global.pagina-publica-sem-topo>main{padding-left:clamp(16px,2vw,28px);padding-right:clamp(16px,2vw,28px)}
  body.pagina-publica-global .cna-footer{padding-left:clamp(20px,3vw,38px);padding-right:clamp(20px,3vw,38px)}
}

@media (min-width:701px) and (max-width:900px){
  body.pagina-publica-global{--cna-menu-largura:218px}
  body.pagina-publica-global .topo-menu-lateral{min-height:58px!important;height:58px!important;flex-basis:58px!important}
  body.pagina-publica-global .marca-menu-lateral img{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;flex-basis:44px!important}
  body.pagina-publica-global .texto-marca-lateral{max-width:calc(100% - 54px)!important}
  body.pagina-publica-global .texto-marca-lateral strong{font-size:14px!important}
  body.pagina-publica-global .texto-marca-lateral small{font-size:9px!important}
  body.pagina-publica-global .texto-menu{font-size:12px!important}
  body.pagina-publica-global .item-menu{min-height:34px!important;height:34px!important;flex-basis:34px!important}
  body.pagina-publica-global .cna-footer__top,
  body.pagina-publica-global .site-footer__grid{grid-template-columns:1fr!important}
}

@media (max-width:700px){
  body.pagina-publica-global{margin:0!important;padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important}
  body.pagina-publica-global>.menu-lateral,body.pagina-publica-global .menu-lateral{position:fixed!important;top:0!important;bottom:0!important;left:-290px!important;width:min(82vw,280px)!important;height:100vh!important;height:100dvh!important;z-index:5000!important;overflow-y:auto!important;overflow-x:hidden!important}
  body.pagina-publica-global .menu-lateral.aberto{left:0!important}
  body.pagina-publica-global .menu-lateral:hover{width:min(82vw,280px)!important}
  body.pagina-publica-global #abrirMenu,body.pagina-publica-global .abrir-menu{position:fixed!important;display:flex!important;top:max(12px,env(safe-area-inset-top))!important;left:max(12px,env(safe-area-inset-left))!important;z-index:5100!important}
  body.pagina-publica-global>.estrutura-site,
  body.pagina-publica-global.pagina-publica-sem-topo>main,
  body.pagina-publica-global.pagina-publica-sem-topo>.pagina,
  body.pagina-publica-global.pagina-publica-sem-topo>.pagina-creditos,
  body.pagina-publica-global.pagina-publica-sem-topo>.hero-loja,
  body.pagina-publica-global.pagina-publica-sem-topo>.loja-conteudo,
  body.pagina-publica-global>.cna-footer,
  body.pagina-publica-global>.site-footer{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  body.pagina-publica-global .cna-footer,
  body.pagina-publica-global .site-footer{padding-left:16px!important;padding-right:16px!important;text-align:center!important}
  body.pagina-publica-global .cna-footer__brand,
  body.pagina-publica-global .site-footer__column:first-child{display:none!important}
  body.pagina-publica-global .cna-footer__top,
  body.pagina-publica-global .site-footer__grid{grid-template-columns:1fr!important;gap:24px!important}
  body.pagina-publica-global .cna-footer__nav,
  body.pagina-publica-global .cna-footer__security,
  body.pagina-publica-global .site-footer__column{align-items:center!important;text-align:center!important}
  body.pagina-publica-global .cna-footer__links{grid-template-columns:1fr 1fr!important}
  html body.pagina-publica-global #suporteFlutuanteGlobal{right:14px!important;bottom:92px!important}
}
@media (max-width:430px){body.pagina-publica-global .cna-footer__links{grid-template-columns:1fr!important}}