@import url('./final-tuning-legacy.css');
@import url('./licitapara-refresh.css');

/* =========================================================
   LICITAPARÁ — HOME
   A página específica usa sua própria imagem oficial, sem
   background, sem pseudo-elementos e sem injeção do JavaScript.
   ========================================================= */
html body .licitapara-section .lp-signature{
  position:relative !important;
  display:block !important;
  background-color:#064d40 !important;
  background-image:url('../images/licitapara-home-oficial.webp?v=20260905-final') !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:cover !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(212,173,92,.72) !important;
  border-radius:12px !important;
  box-shadow:0 24px 58px rgba(0,0,0,.24) !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
}

html body .licitapara-section .lp-signature > img,
html body .licitapara-section .lp-signature > span,
html body .licitapara-section .lp-signature > i{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  max-width:0 !important;
  max-height:0 !important;
  position:absolute !important;
  pointer-events:none !important;
}

html body .licitapara-section .lp-signature::before,
html body .licitapara-section .lp-signature::after{
  content:none !important;
  display:none !important;
}

/* HOME */
html body .licitapara-section{
  background:linear-gradient(115deg,#073c34 0%,#075244 52%,#06372f 100%) !important;
  color:#fff !important;
}

@media(min-width:981px){
  html body .licitapara-section .container.licitapara-grid{
    display:block !important;
    position:relative !important;
    min-height:360px !important;
    padding-right:500px !important;
  }

  html body .licitapara-section .container.licitapara-grid .licitapara-copy{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    max-width:680px !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body .licitapara-section .container.licitapara-grid .lp-signature{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    bottom:auto !important;
    left:auto !important;
    width:420px !important;
    max-width:420px !important;
    min-width:0 !important;
    height:auto !important;
    aspect-ratio:3 / 1 !important;
    margin:0 !important;
    transform:none !important;
    z-index:1 !important;
  }

  html body .licitapara-section .container.licitapara-grid .licitapara-link{
    position:absolute !important;
    top:178px !important;
    right:0 !important;
    bottom:auto !important;
    left:auto !important;
    width:420px !important;
    max-width:420px !important;
    margin:0 !important;
    z-index:2 !important;
  }
}

html body .licitapara-section .licitapara-copy h2{color:#fff !important}
html body .licitapara-section .licitapara-copy h2 em{color:#d8ae57 !important}
html body .licitapara-section .licitapara-copy p{color:#e6ebe8 !important}
html body .licitapara-section .licitapara-link{color:#fff !important;border-color:rgba(255,255,255,.34) !important}

/* PÁGINA ESPECÍFICA — nenhuma arte concorrente. */
html body .lp-page-hero{
  background:linear-gradient(115deg,#062f29 0%,#084e40 52%,#052d27 100%) !important;
}
html body .lp-page-grid{
  grid-template-columns:1fr !important;
  gap:34px !important;
}
html body .lp-page-mark{
  background-image:none !important;
}
html body .lp-page-mark::before,
html body .lp-page-mark::after{
  content:none !important;
  display:none !important;
  background:none !important;
}
html body .lp-page-mark > img{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:static !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  margin:0 !important;
}
html body .lp-page-hero .reveal-left{width:100% !important}
html body .lp-page-lead{max-width:820px !important}

/* Rótulo acima da logo: maior e levemente mais alto. */
html body .lp-page-hero .lp-page-kicker{
  font-size:clamp(.88rem,1.05vw,1rem) !important;
  margin:-14px auto 22px !important;
  letter-spacing:.19em !important;
}

/* =========================================================
   PÁGINA LICITAPARÁ — AJUSTES VISUAIS FINAIS
   ========================================================= */

/* 1. Botão externo: apenas UMA frase e centralizada. */
html body .lp-final-actions .button-accent{
  font-size:.95rem !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
html body .lp-final-actions .button-accent::before,
html body .lp-final-actions .button-accent::after{
  content:none !important;
  display:none !important;
}
html body .lp-final-actions .button-accent > *{
  display:none !important;
}

/* 2. Seção de atuação jurídica em fundo claro, seguindo a seção anterior. */
html body .lp-services{
  background:#eee9de !important;
  color:#171713 !important;
}
html body .lp-services h2{
  color:#174f43 !important;
}
html body .lp-services .lp-services-head > p{
  color:#3c3a34 !important;
}
html body .lp-services .lp-service-grid{
  border-color:rgba(23,79,67,.22) !important;
}
html body .lp-services .lp-service{
  background:#f5f1e8 !important;
  color:#171713 !important;
  border-color:rgba(23,79,67,.22) !important;
}
html body .lp-services .lp-service span{
  color:#174f43 !important;
}
html body .lp-services .lp-service:hover{
  background:#174f43 !important;
  color:#fff !important;
}
html body .lp-services .lp-service:hover span{
  color:#d4ad5c !important;
}

/* 3. Bloco “O que é o LicitaPará?” com texto alinhado e leitura mais limpa. */
html body .lp-info .lp-info-grid{
  grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr) !important;
  gap:clamp(54px,7vw,100px) !important;
  align-items:start !important;
}
html body .lp-info .lp-info-grid > div:first-child{
  max-width:520px !important;
}
html body .lp-info .lp-info-copy{
  width:100% !important;
  max-width:650px !important;
  justify-self:end !important;
  text-align:left !important;
}
html body .lp-info .lp-info-copy p,
html body .lp-info .lp-note{
  text-align:justify !important;
  text-align-last:left !important;
  hyphens:auto;
  -webkit-hyphens:auto;
  word-spacing:.015em;
}
html body .lp-info .lp-info-copy p{
  margin:0 0 22px !important;
}
html body .lp-info .lp-note{
  margin-top:30px !important;
}

/* =========================================================
   CABEÇALHO GLOBAL — tipografia, espaçamento e ações
   ========================================================= */
@media(min-width:821px){
  html body .main-nav{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:28px !important;
    padding-right:0 !important;
    font-size:.96rem !important;
    font-weight:700 !important;
  }

  html body .main-nav a{
    font-size:.96rem !important;
    font-weight:700 !important;
    transform:none !important;
    margin:0 !important;
    letter-spacing:0 !important;
  }

  html body .main-nav a[href$="#contato"]{
    transform:none !important;
  }

  html body .header-actions{
    transform:translateX(18px) !important;
  }

  html body .header-actions .chat,
  html body .header-actions .lock{
    font-size:.87rem !important;
    font-weight:800 !important;
    line-height:1.18 !important;
    letter-spacing:.003em !important;
  }

  html body .header-actions .chat::after,
  html body .header-actions .lock::after{
    font-weight:800 !important;
  }
}

@media(min-width:821px) and (max-width:1120px){
  html body .main-nav{
    gap:18px !important;
    font-size:.88rem !important;
  }
  html body .main-nav a{
    font-size:.88rem !important;
  }
  html body .header-actions{
    transform:translateX(10px) !important;
  }
  html body .header-actions .chat,
  html body .header-actions .lock{
    font-size:.8rem !important;
  }
}

@media(max-width:980px){
  html body .licitapara-section .container.licitapara-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-areas:
      "brand"
      "copy"
      "link" !important;
    row-gap:30px !important;
    padding-right:0 !important;
    min-height:0 !important;
  }
  html body .licitapara-section .lp-signature{
    position:relative !important;
    grid-area:brand !important;
    justify-self:start !important;
    width:min(100%,520px) !important;
    max-width:520px !important;
    aspect-ratio:3 / 1 !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    bottom:auto !important;
  }
  html body .licitapara-section .licitapara-copy{
    grid-area:copy !important;
    width:100% !important;
    max-width:none !important;
  }
  html body .licitapara-section .licitapara-link{
    position:relative !important;
    grid-area:link !important;
    width:100% !important;
    max-width:540px !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    bottom:auto !important;
  }
  html body .lp-info .lp-info-grid{
    grid-template-columns:1fr !important;
    gap:38px !important;
  }
  html body .lp-info .lp-info-copy{
    max-width:none !important;
    justify-self:stretch !important;
  }
}

@media(max-width:560px){
  html body .licitapara-section .lp-signature{
    width:100% !important;
    border-radius:8px !important;
    background-size:cover !important;
    background-position:center !important;
  }
  html body .lp-page-hero .lp-page-kicker{
    font-size:.82rem !important;
    margin:-6px auto 18px !important;
  }
}

/* =========================================================
   HOME — HERO: hierarquia, alinhamento e ênfase solicitados
   ========================================================= */
html body .hero-main .eyebrow{
  width:100% !important;
  max-width:760px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  text-align:center !important;
  font-size:clamp(.92rem,1.35vw,1.08rem) !important;
  font-weight:800 !important;
}

html body .hero-main h1{
  max-width:760px !important;
  font-size:clamp(3.45rem,6.25vw,6.85rem) !important;
  line-height:.95 !important;
}

html body .hero-main .hero-intro{
  font-weight:800 !important;
}

html body .hero-aside .aside-label{
  width:100% !important;
  text-align:center !important;
  font-size:clamp(.86rem,1.1vw,.98rem) !important;
  font-weight:800 !important;
}

html body .hero-aside .aside-statement{
  text-align:justify !important;
  text-align-last:left !important;
  hyphens:auto !important;
  -webkit-hyphens:auto !important;
}

html body .hero-aside .aside-meta span{
  font-size:1rem !important;
  font-weight:800 !important;
}

html body .trust-strip span{
  font-size:1.02rem !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
}

@media(max-width:820px){
  html body .hero-main .eyebrow{
    max-width:none !important;
    font-size:.9rem !important;
  }
  html body .hero-main h1{
    max-width:none !important;
    font-size:clamp(3.05rem,11.8vw,5.25rem) !important;
  }
  html body .hero-aside .aside-statement{
    text-align:left !important;
  }
}

/* Ajuste fino solicitado no hero: centralização real do rótulo e palavras inteiras. */
html body .hero-main .eyebrow{
  width:fit-content !important;
  max-width:100% !important;
  margin:0 auto 22px !important;
  padding:0 !important;
  align-self:center !important;
  text-align:center !important;
}

html body .hero-aside .aside-statement{
  text-align:left !important;
  text-align-last:auto !important;
  text-wrap:balance !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

/* HOME — composição centralizada e ações equivalentes */
html body .hero-main{
  align-items:center !important;
  text-align:center !important;
}

html body .hero-main .eyebrow{
  max-width:100% !important;
  margin:0 auto 20px !important;
}

html body .hero-main h1{
  width:100% !important;
  max-width:800px !important;
  margin-inline:auto !important;
  font-size:clamp(3.15rem,5.55vw,6rem) !important;
  line-height:.96 !important;
  text-align:center !important;
}

html body .hero-main .hero-intro{
  max-width:680px !important;
  margin:28px auto 0 !important;
  text-align:center !important;
  text-wrap:balance !important;
}

html body .hero-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  width:min(100%,620px) !important;
  margin:34px auto 0 !important;
}

html body .hero-actions .button,
html body .hero-actions .text-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  width:100% !important;
  min-height:58px !important;
  padding:15px 22px !important;
  border:1px solid rgba(216,176,85,.9) !important;
  border-radius:3px !important;
  background:#eee9de !important;
  color:#123d34 !important;
  font-size:.96rem !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  text-align:center !important;
  box-shadow:none !important;
  transition:background-color .22s ease,color .22s ease,transform .22s ease !important;
}

html body .hero-actions .button:hover,
html body .hero-actions .text-link:hover{
  background:var(--gold) !important;
  color:#102f29 !important;
  transform:translateY(-2px) !important;
}

html body .hero-aside{
  align-items:center !important;
  padding-right:clamp(20px,3vw,42px) !important;
  text-align:center !important;
}

html body .hero-aside .aside-index{
  align-self:center !important;
}

html body .hero-aside > div{
  width:100% !important;
}

html body .hero-aside .aside-label,
html body .hero-aside .aside-statement{
  margin-inline:auto !important;
  text-align:center !important;
  text-align-last:center !important;
}

html body .hero-aside .aside-statement{
  max-width:19ch !important;
}

html body .hero-aside .aside-meta{
  width:min(100%,390px) !important;
  margin:32px auto 0 !important;
}

html body .hero-aside .aside-meta span{
  text-align:center !important;
}

@media(max-width:820px){
  html body .hero-main h1{
    font-size:clamp(2.85rem,10.8vw,4.8rem) !important;
  }
  html body .hero-aside{
    padding-inline:0 !important;
  }
}

@media(max-width:560px){
  html body .hero-actions{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
}

/* Cabeçalho estável: evita sobreposição entre marca, menu e ações. */
@media(min-width:821px){
  html body .site-header .container.nav-wrap{
    width:min(calc(100% - 36px),1380px) !important;
    min-height:88px !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    gap:clamp(12px,1.5vw,22px) !important;
  }
  html body .site-header .brand{
    min-width:0 !important;
    gap:10px !important;
    flex-shrink:0 !important;
  }
  html body .site-header .brand img{
    width:116px !important;
    max-height:62px !important;
  }
  html body .site-header .main-nav{
    min-width:0 !important;
    gap:clamp(10px,1.25vw,20px) !important;
    padding:0 !important;
    white-space:nowrap !important;
  }
  html body .site-header .main-nav a{
    font-size:clamp(.76rem,.82vw,.88rem) !important;
    line-height:1.2 !important;
  }
  html body .site-header .main-nav a[href*="area-do-cliente"]{
    display:none !important;
  }
  html body .site-header .header-actions{
    width:auto !important;
    display:flex !important;
    grid-template-columns:none !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 !important;
    transform:none !important;
  }
  html body .site-header .header-actions .chat,
  html body .site-header .header-actions .lock{
    grid-column:auto !important;
    width:auto !important;
    min-width:134px !important;
    height:52px !important;
    margin:0 !important;
    padding:0 14px !important;
  }
  html body .site-header .header-actions .lock{min-width:142px !important}
}

@media(min-width:821px) and (max-width:1440px){
  html body .site-header .brand-copy{display:none !important}
}

@media(min-width:821px) and (max-width:1120px){
  html body .site-header .main-nav{gap:9px !important}
  html body .site-header .main-nav a{font-size:.74rem !important}
  html body .site-header .header-actions .chat,
  html body .site-header .header-actions .lock{
    width:48px !important;
    min-width:48px !important;
    padding:0 !important;
    justify-content:center !important;
  }
  html body .site-header .header-actions .chat::after,
  html body .site-header .header-actions .lock::after{
    content:none !important;
    display:none !important;
  }
}