/* Refinamento visual solicitado em 04/09/2026 */

/* =========================================================
   CABEÇALHO — área do cliente somente no cadeado
   ========================================================= */
.main-nav{
  gap:clamp(14px,1.75vw,28px);
  font-size:.92rem;
}
.main-nav a{font-weight:500;letter-spacing:-.01em}
.main-nav .external-nav{color:#145548;font-weight:800}
.main-nav .external-nav::after{background:#145548}

/* O texto “Área do cliente” sai da navegação; o cadeado permanece como acesso. */
.main-nav a[href*="area-do-cliente"]{display:none!important}

/* Balão à esquerda e cadeado isolado no extremo direito. */
.header-actions{
  gap:0;
  margin-left:clamp(14px,2vw,30px);
}
.header-actions .menu-toggle{order:0}
.header-actions .chat{
  order:1;
  margin-right:18px;
}
.header-actions .lock{
  order:2;
  margin-left:0;
  border-color:#171713;
}
.header-actions .lock:hover,
.header-actions .lock:focus-visible{
  background:#171713;
  color:#fff;
}

/* =========================================================
   QUEM SOMOS — PRINT 1
   alinhamento mais preciso + tipografia menos lavada
   ========================================================= */
.page-hero{
  background:linear-gradient(118deg,#090908 0%,#0d0d0b 58%,#15120c 100%);
  border-bottom:1px solid rgba(213,166,73,.26);
  padding:0;
}
.page-hero .container{width:min(calc(100% - 88px),1120px)}
.page-hero-grid{
  min-height:442px;
  grid-template-columns:minmax(330px,.84fr) minmax(420px,1.06fr);
  gap:clamp(76px,10vw,145px);
  align-items:center;
}
.page-hero-grid>div:first-child{align-self:center}
.page-hero .eyebrow{
  color:#dba847;
  font-size:.72rem;
  letter-spacing:.205em;
  margin:0 0 21px;
  font-weight:900;
}
.page-hero h1{
  max-width:430px;
  margin:0;
  font-size:clamp(5.1rem,8vw,7.75rem);
  line-height:.82;
  letter-spacing:-.062em;
  color:#f2e9da;
  text-shadow:none;
}
.page-hero .page-lead{
  align-self:center;
  max-width:535px;
  margin:0;
  padding:23px 0 23px 31px;
  border-left:2px solid #d1a04a;
  font-size:clamp(1rem,1.22vw,1.12rem);
  line-height:1.78;
  color:#cfc4ae;
}
.page-hero .page-lead strong{color:#ddb05a;font-weight:800}
.page-hero::after{-webkit-text-stroke-color:rgba(209,160,74,.075)}

/* =========================================================
   O ESCRITÓRIO — PRINT 2
   colunas mais proporcionais e cards interativos alinhados
   ========================================================= */
.office-section{background:#eee9df;color:#161511;padding:clamp(84px,8.3vw,116px) 0}
.office-section .container{width:min(calc(100% - 96px),1090px)}
.office-section .office-grid{
  grid-template-columns:minmax(350px,.9fr) minmax(500px,1.1fr);
  gap:clamp(72px,9vw,130px);
  align-items:start;
}
.office-section .office-kicker{
  display:block;
  color:#94681e;
  font-size:.7rem;
  line-height:1;
  letter-spacing:.21em;
  font-weight:900;
  margin:2px 0 27px;
}
.office-section h2{
  max-width:530px;
  margin:0;
  font-size:clamp(3.65rem,5.05vw,5.15rem);
  line-height:.89;
  letter-spacing:-.055em;
  color:#171510;
}
.office-copy{
  padding-top:0;
  color:#39352d;
  font-size:1.01rem;
  line-height:1.78;
}
.office-copy p{max-width:640px;margin:0 0 19px}
.office-copy p+p{margin-top:12px}
.office-values{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:34px;
  border-top:1px solid rgba(73,64,49,.25);
  border-bottom:1px solid rgba(73,64,49,.18);
}
.office-value,.office-value:last-child{
  position:relative;
  min-height:158px;
  padding:23px 20px 20px;
  border:0;
  border-right:1px solid rgba(73,64,49,.22);
  background:transparent;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:13px;
  cursor:pointer;
  outline:none;
  transform:none;
  box-shadow:none;
  transition:background .26s ease,color .26s ease,transform .26s ease,box-shadow .26s ease;
}
.office-value:last-child{border-right:0}
.office-value::before{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  top:-1px;
  height:3px;
  background:#18584b;
  transition:right .28s ease;
}
.office-value span{
  font:500 1.14rem/1.16 Georgia,"Times New Roman",serif;
  color:#342d22;
  transition:color .26s ease;
}
.office-value small{
  color:#6a6255;
  line-height:1.58;
  font-size:.79rem;
  transition:color .26s ease;
}
.office-value:hover,.office-value:focus-visible,.office-value.is-active{
  background:#d3aa5b;
  color:#111;
  transform:translateY(-3px);
  box-shadow:0 15px 28px rgba(75,58,27,.12);
}
.office-value:hover::before,.office-value:focus-visible::before,.office-value.is-active::before{right:0}
.office-value:hover span,.office-value:focus-visible span,.office-value.is-active span{color:#111}
.office-value:hover small,.office-value:focus-visible small,.office-value.is-active small{color:#3b2e17}

/* =========================================================
   LICITAPARÁ — PRINT 3
   bloco mais próximo da composição original
   ========================================================= */
.licitapara-section{
  background:#eae4d9;
  color:#171713;
  border-top:1px solid rgba(18,73,62,.13);
  border-bottom:1px solid rgba(18,73,62,.15);
  padding:clamp(76px,7.5vw,104px) 0;
}
.licitapara-section .container{width:min(calc(100% - 86px),1180px)}
.licitapara-grid{
  display:grid;
  grid-template-columns:minmax(230px,.62fr) minmax(470px,1.16fr) minmax(230px,.58fr);
  gap:clamp(46px,6vw,84px);
  align-items:center;
}
.lp-signature{
  display:flex;
  align-items:center;
  gap:17px;
  color:#185548;
  font:500 clamp(2.85rem,4vw,4.3rem)/1 Georgia,"Times New Roman",serif;
  letter-spacing:-.035em;
  white-space:nowrap;
}
.lp-signature i{display:block;width:28px;height:1px;background:#ad8337}
.licitapara-copy .eyebrow{
  position:relative;
  color:#bc8932;
  margin:0 0 20px;
  padding-left:48px;
  font-size:.72rem;
  letter-spacing:.19em;
}
.licitapara-copy .eyebrow::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:34px;
  height:1px;
  background:#c18f38;
}
.licitapara-copy h2{
  max-width:690px;
  margin:0;
  color:#11110f;
  font:400 clamp(2.95rem,4.25vw,4.75rem)/.96 Georgia,"Times New Roman",serif;
  letter-spacing:-.052em;
}
.licitapara-copy h2 em{color:#185548;font-weight:400}
.licitapara-copy p{
  max-width:720px;
  margin:27px 0 0;
  color:#686156;
  font-size:1rem;
  line-height:1.72;
}
.licitapara-link{
  display:grid;
  grid-template-columns:28px 1fr auto;
  gap:14px;
  align-items:center;
  padding:23px 0;
  border-top:1px solid rgba(23,23,19,.18);
  border-bottom:1px solid rgba(23,23,19,.18);
  color:#211e19;
  font-size:.9rem;
  line-height:1.4;
  font-weight:800;
  transition:padding .25s ease,color .25s ease,border-color .25s ease,background .25s ease;
}
.licitapara-link .lp-icon{color:#b18434;font-size:1.18rem}
.licitapara-link .lp-arrow{font-size:1.2rem}
.licitapara-link:hover,.licitapara-link:focus-visible{
  padding-left:10px;
  padding-right:8px;
  color:#185548;
  border-color:#185548;
  background:rgba(255,255,255,.18);
  outline:none;
}

.footer-nav .licita-footer{color:#c9a65d}
.footer-nav .licita-footer:hover{color:#79a99b}

@media(max-width:1180px){
  .main-nav{gap:13px;font-size:.84rem}
  .header-actions{margin-left:14px}
  .header-actions .chat{margin-right:14px}
  .page-hero .container{width:min(calc(100% - 64px),1080px)}
  .office-section .container{width:min(calc(100% - 70px),1060px)}
  .licitapara-grid{grid-template-columns:minmax(190px,.5fr) minmax(420px,1.08fr) minmax(220px,.56fr);gap:38px}
  .lp-signature{font-size:clamp(2.45rem,3.4vw,3.6rem)}
}

@media(max-width:920px){
  .page-hero .container,.office-section .container,.licitapara-section .container{width:min(calc(100% - 40px),820px)}
  .page-hero-grid,.office-section .office-grid,.licitapara-grid{grid-template-columns:1fr}
  .page-hero-grid{min-height:auto;gap:36px;padding:76px 0}
  .page-hero h1{max-width:none}
  .page-hero .page-lead{max-width:680px;padding-left:22px}
  .office-section .office-grid{gap:42px}
  .office-values{grid-template-columns:1fr}
  .office-value,.office-value:last-child{min-height:116px;border-right:0;border-bottom:1px solid rgba(73,64,49,.2)}
  .office-value:last-child{border-bottom:0}
  .licitapara-grid{gap:34px}
  .lp-signature{font-size:3rem}
  .licitapara-link{max-width:540px}
}

@media(max-width:820px){
  .header-actions{margin-left:0}
  .header-actions .menu-toggle{margin-right:8px}
  .header-actions .chat{margin-right:10px}
}

@media(max-width:520px){
  .page-hero .container,.office-section .container,.licitapara-section .container{width:calc(100% - 34px)}
  .page-hero-grid{padding:64px 0;gap:30px}
  .page-hero h1{font-size:clamp(4rem,18vw,5.65rem);line-height:.84}
  .page-hero .page-lead{padding:18px 0 18px 18px;font-size:.98rem;color:#c9bea9}
  .office-section{padding:72px 0}
  .office-section h2{font-size:clamp(3.05rem,13.3vw,4.25rem)}
  .office-value,.office-value:last-child{padding:21px 18px}
  .licitapara-section{padding:66px 0}
  .lp-signature{font-size:2.5rem}
  .licitapara-copy h2{font-size:clamp(2.85rem,13vw,4.1rem)}
}

/* =========================================================
   LICITAPARÁ — marca em destaque (override de alta especificidade)
   ========================================================= */
html body .licitapara-section .container.licitapara-grid{
  grid-template-columns:minmax(340px,.76fr) minmax(430px,1.1fr) minmax(220px,.54fr) !important;
  gap:clamp(38px,4.5vw,68px) !important;
}
html body .licitapara-section .container.licitapara-grid .lp-signature{
  width:360px !important;
  height:104px !important;
  min-width:360px !important;
  background-color:#004f3f !important;
  background-size:100% auto !important;
  background-position:center !important;
  border:1px solid rgba(196,147,60,.62) !important;
  border-radius:4px !important;
  box-shadow:0 18px 42px rgba(8,46,38,.18) !important;
}
html body .lp-page-hero .container.lp-page-grid .lp-page-mark{
  width:430px !important;
  height:122px !important;
  min-width:430px !important;
  margin-bottom:34px !important;
  background-color:#004f3f !important;
  background-size:100% auto !important;
  background-position:center !important;
  border:1px solid rgba(212,173,92,.7) !important;
  border-radius:4px !important;
  box-shadow:0 20px 48px rgba(0,0,0,.24) !important;
}

@media(max-width:1180px) and (min-width:921px){
  html body .licitapara-section .container.licitapara-grid{
    grid-template-columns:minmax(285px,.68fr) minmax(390px,1fr) minmax(205px,.5fr) !important;
    gap:32px !important;
  }
  html body .licitapara-section .container.licitapara-grid .lp-signature{
    width:300px !important;
    height:90px !important;
    min-width:300px !important;
  }
  html body .lp-page-hero .container.lp-page-grid .lp-page-mark{
    width:365px !important;
    height:104px !important;
    min-width:365px !important;
  }
}

@media(max-width:920px){
  html body .licitapara-section .container.licitapara-grid{
    grid-template-columns:1fr !important;
  }
  html body .licitapara-section .container.licitapara-grid .lp-signature{
    width:320px !important;
    height:92px !important;
    min-width:320px !important;
  }
  html body .lp-page-hero .container.lp-page-grid .lp-page-mark{
    width:360px !important;
    height:103px !important;
    min-width:360px !important;
  }
}

@media(max-width:520px){
  html body .licitapara-section .container.licitapara-grid .lp-signature{
    width:270px !important;
    height:79px !important;
    min-width:270px !important;
  }
  html body .lp-page-hero .container.lp-page-grid .lp-page-mark{
    width:292px !important;
    height:84px !important;
    min-width:292px !important;
    margin-bottom:26px !important;
  }
}