/* Itatiaia V12.30.3 — camada final de consistência visual.
   Carregada por último para neutralizar regras históricas divergentes entre páginas. */
:root{
  --ita-shell:min(1180px,calc(100vw - 40px));
  --ita-radius:16px;
  --ita-border:#e2e8ef;
  --ita-ink:#17324f;
  --ita-muted:#657487;
  --ita-soft:#f5f8fb;
  --ita-red:#b52c3d;
  --ita-shadow:0 12px 34px rgba(18,48,78,.08);
}
html{scroll-padding-top:148px}
body.ui-v12303{overflow-x:hidden;background:#fff;color:var(--ita-ink)}
body.ui-v12303 .container{width:var(--ita-shell);max-width:1180px;margin-inline:auto}
body.ui-v12303 .site-header{z-index:900;border-bottom:1px solid rgba(23,50,79,.08);background:#fff}
body.ui-v12303 .header-main{width:var(--ita-shell)!important;max-width:1180px!important;margin-inline:auto!important;min-height:78px!important;gap:18px!important}
body.ui-v12303 .header-main .brand-image img{display:block;max-height:52px;width:auto}
body.ui-v12303 .header-actions{flex:0 0 auto}
body.ui-v12303 .category-nav{margin:0!important}
body.ui-v12303 .category-nav-shell{width:var(--ita-shell)!important;max-width:1180px!important;margin-inline:auto!important}

/* Navegação de ferramentas sempre igual em todas as páginas. */
body.ui-v12303 .workflow-nav,
body.ui-v12303 .workflow-nav.v1221-clean-nav{
  width:100%!important;
  min-height:48px!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  border-top:1px solid #edf1f5!important;
  border-bottom:1px solid #e4e9ee!important;
  background:#fff!important;
}
body.ui-v12303 .workflow-nav::-webkit-scrollbar{display:none}
body.ui-v12303 .workflow-nav>a{
  min-height:48px!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 14px!important;
  border:0!important;
  border-right:1px solid #edf1f5!important;
  color:#30475f!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:700!important;
  text-decoration:none!important;
  background:transparent!important;
  white-space:nowrap!important;
  transition:background .16s ease,color .16s ease!important;
}
body.ui-v12303 .workflow-nav>a:first-child{border-left:1px solid #edf1f5!important}
body.ui-v12303 .workflow-nav>a:hover{background:#f6f8fa!important;color:var(--ita-red)!important}
body.ui-v12303 .workflow-nav>a[aria-current="page"]{
  color:var(--ita-red)!important;
  background:#fff6f7!important;
  box-shadow:inset 0 -3px var(--ita-red)!important;
}
body.ui-v12303 .workflow-nav>a svg{width:17px!important;height:17px!important;flex:0 0 17px!important}

/* Páginas internas: hierarquia, espaçamento e componentes mais previsíveis. */
body.ui-v12303 .page-hero{padding-block:clamp(34px,5vw,68px)!important;min-height:0!important}
body.ui-v12303 .page-hero h1{max-width:900px;margin-bottom:12px!important;line-height:1.04!important}
body.ui-v12303 .page-hero p{max-width:760px;line-height:1.6!important}
body.ui-v12303 main.section{padding-block:clamp(30px,5vw,64px)}
body.ui-v12303 .institutional-content,
body.ui-v12303 .section .container{min-width:0}
body.ui-v12303 .card{
  border-color:var(--ita-border)!important;
  border-radius:var(--ita-radius)!important;
  box-shadow:0 1px 0 rgba(20,50,80,.02)!important;
}
body.ui-v12303 .card:hover{box-shadow:var(--ita-shadow)}
body.ui-v12303 .toolbar{gap:10px!important;align-items:center!important}
body.ui-v12303 .btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px}
body.ui-v12303 input:not([type="checkbox"]):not([type="radio"]),
body.ui-v12303 select,
body.ui-v12303 textarea{max-width:100%;border-radius:10px!important}
body.ui-v12303 img{max-width:100%}
body.ui-v12303 table{max-width:100%}

/* Footer canônico — evita colunas mudarem de uma página para outra. */
body.ui-v12303 .footer-redesign{margin-top:auto!important}
body.ui-v12303 .footer-shell{
  width:var(--ita-shell)!important;
  max-width:1180px!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:minmax(230px,1.35fr) repeat(3,minmax(150px,1fr))!important;
  gap:clamp(24px,4vw,52px)!important;
  align-items:start!important;
}
body.ui-v12303 .footer-brand{min-width:0!important}
body.ui-v12303 .footer-brand p{max-width:310px;line-height:1.65}
body.ui-v12303 .footer-column{min-width:0}
body.ui-v12303 .footer-column h3{margin:0 0 14px!important}
body.ui-v12303 .footer-column a{display:block!important;width:max-content;max-width:100%;margin:8px 0!important;line-height:1.35!important}
body.ui-v12303 .footer-bottom{width:var(--ita-shell)!important;max-width:1180px!important;margin-inline:auto!important;gap:16px!important;flex-wrap:wrap!important}

/* Aviso discreto quando o catálogo entra em modo snapshot. */
.ita-snapshot-status{
  position:fixed;left:50%;bottom:82px;transform:translateX(-50%);z-index:1450;
  width:min(680px,calc(100vw - 28px));display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 12px 10px 14px;border:1px solid #d7e2ec;border-radius:13px;background:rgba(255,255,255,.97);
  box-shadow:0 14px 40px rgba(18,48,78,.16);color:#30475f;font-size:12px;line-height:1.45;backdrop-filter:blur(10px)
}
.ita-snapshot-status strong{color:#17324f}
.ita-snapshot-status button{border:0;background:#eef3f7;color:#31485f;border-radius:8px;padding:6px 9px;cursor:pointer;font:inherit;font-weight:700}
.ita-snapshot-status[hidden]{display:none!important}

/* Evita saltos laterais e componentes maiores que a viewport. */
body.ui-v12303 .paste-list-table-wrap,
body.ui-v12303 .v12260-comparison,
body.ui-v12303 .quote-summary{max-width:100%;overflow:auto}
body.ui-v12303 .v12260-compare-table{min-width:760px}

@media(max-width:1100px){
  body.ui-v12303 .workflow-nav,body.ui-v12303 .workflow-nav.v1221-clean-nav{justify-content:flex-start!important;padding-inline:max(12px,calc((100vw - 960px)/2))!important}
  body.ui-v12303 .footer-shell{grid-template-columns:1.25fr repeat(2,1fr)!important}
  body.ui-v12303 .footer-column:last-child{grid-column:2 / -1}
}
@media(max-width:760px){
  :root{--ita-shell:calc(100vw - 28px)}
  html{scroll-padding-top:118px}
  body.ui-v12303 .header-main{width:var(--ita-shell)!important;min-height:68px!important;padding-block:8px!important}
  body.ui-v12303 .workflow-nav>a{min-height:46px!important;padding-inline:12px!important;font-size:11px!important}
  body.ui-v12303 .page-hero{padding-block:32px!important}
  body.ui-v12303 main.section{padding-block:28px!important}
  body.ui-v12303 .card{border-radius:14px!important}
  body.ui-v12303 .toolbar>.btn,body.ui-v12303 .toolbar>a.btn{max-width:100%}
  body.ui-v12303 .footer-shell{grid-template-columns:1fr 1fr!important;gap:26px 22px!important}
  body.ui-v12303 .footer-brand{grid-column:1 / -1}
  body.ui-v12303 .footer-column:last-child{grid-column:auto}
  .ita-snapshot-status{bottom:76px}
}
@media(max-width:520px){
  body.ui-v12303 .footer-shell{grid-template-columns:1fr!important}
  body.ui-v12303 .footer-brand,body.ui-v12303 .footer-column:last-child{grid-column:auto}
  body.ui-v12303 .footer-bottom{align-items:flex-start!important;flex-direction:column!important}
  body.ui-v12303 .toolbar{align-items:stretch!important}
  body.ui-v12303 .toolbar>.btn,body.ui-v12303 .toolbar>a.btn{flex:1 1 auto}
}