/* J. Specht — About section bridge v2
   Corrected against the real rendered DOM. Direct cPanel refinement. */

#sobre{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 14%,rgba(198,146,63,.11),transparent 27%),
    linear-gradient(180deg,#19130c 0,#8d7044 1px,#e4d5bb 38px,#f3ecdf 118px,#f7f2e9 100%)!important;
  padding-top:6.5rem!important;
  padding-bottom:6.5rem!important;
  box-shadow:inset 0 18px 34px rgba(61,43,20,.055);
}

#sobre::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent 10%,rgba(242,212,145,.72),transparent 90%);
  z-index:3;
}

#sobre::after{
  content:"";
  position:absolute;
  top:1px;
  left:0;
  right:0;
  height:110px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(67,48,25,.10),transparent);
  z-index:-1;
}

/* Real Container node is the second direct div, not .container */
#sobre>div:nth-of-type(2){
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr)!important;
  align-items:center!important;
  gap:clamp(4rem,6vw,7rem)!important;
}

#sobre>div:nth-of-type(2)>div:first-child{
  max-width:760px;
}

#sobre>div:nth-of-type(2)>div:first-child>div:first-child{
  max-width:730px!important;
}

#sobre h2{
  max-width:690px;
  font-size:clamp(3.15rem,3.75vw,4.15rem)!important;
  line-height:.99!important;
  letter-spacing:-.043em!important;
  text-wrap:balance;
}

#sobre h2+p{
  max-width:665px!important;
  margin-top:1.35rem!important;
  font-size:15.5px!important;
  line-height:1.72!important;
  color:#655d52!important;
}

#sobre>div:nth-of-type(2)>div:first-child>p{
  max-width:665px!important;
  margin-top:1.15rem!important;
  font-size:15px!important;
  line-height:1.78!important;
  color:#655d52!important;
}

#sobre>div:nth-of-type(2)>div:first-child>div:last-child{
  margin-top:1.9rem!important;
  display:flex!important;
  flex-wrap:wrap;
  gap:.75rem!important;
}

#sobre>div:nth-of-type(2)>div:first-child>div:last-child>a{
  min-height:52px!important;
  padding-inline:1.5rem!important;
}

/* Main CTA first, gold */
#sobre>div:nth-of-type(2)>div:first-child>div:last-child>a:nth-child(2){
  order:1;
  border-color:rgba(255,240,189,.48)!important;
  background:linear-gradient(120deg,#95601b 0%,#d4a34a 28%,#f0cf86 48%,#c4852b 72%,#815216 100%)!important;
  color:#171108!important;
  box-shadow:0 14px 34px rgba(139,93,29,.18),inset 0 1px 0 rgba(255,255,255,.34)!important;
}

/* Secondary CTA */
#sobre>div:nth-of-type(2)>div:first-child>div:last-child>a:first-child{
  order:2;
  border-color:rgba(139,93,29,.38)!important;
  background:rgba(255,255,255,.30)!important;
  color:#5d4118!important;
  box-shadow:none!important;
}

#sobre>div:nth-of-type(2)>div:first-child>div:last-child>a:first-child:hover{
  background:rgba(255,255,255,.66)!important;
  border-color:rgba(139,93,29,.58)!important;
}

/* Authority panel */
#sobre>div:nth-of-type(2)>div:nth-child(2){
  position:relative;
  min-height:500px;
  overflow:hidden!important;
  border:1px solid rgba(242,212,145,.24)!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 85% 15%,rgba(230,191,114,.15),transparent 31%),
    linear-gradient(145deg,#11100e 0%,#090908 58%,#15110b 100%)!important;
  box-shadow:
    0 32px 76px rgba(64,44,18,.17),
    inset 0 1px 0 rgba(255,255,255,.045)!important;
}

#sobre>div:nth-of-type(2)>div:nth-child(2)::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(242,212,145,.10);
  border-radius:23px;
  pointer-events:none;
  z-index:1;
}

#sobre>div:nth-of-type(2)>div:nth-child(2)::after{
  content:"";
  position:absolute;
  top:44px;
  right:44px;
  width:88px;
  height:1px;
  background:linear-gradient(90deg,rgba(198,146,63,.15),rgba(255,240,189,.78));
  z-index:2;
}

/* Fallback content when no institutional image is provided */
#sobre>div:nth-of-type(2)>div:nth-child(2)>div{
  position:relative;
  z-index:2;
  min-height:500px!important;
  aspect-ratio:auto!important;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:3rem!important;
  text-align:left!important;
  font-size:0!important;
  line-height:1!important;
  color:transparent!important;
}

#sobre>div:nth-of-type(2)>div:nth-child(2)>div::before{
  content:"POR QUE A ANÁLISE VEM PRIMEIRO\A Análise antes do produto.";
  white-space:pre-line;
  display:block;
  max-width:390px;
  color:var(--gold-champagne);
  font-family:var(--font-display);
  font-size:clamp(2rem,2.3vw,2.55rem);
  font-style:italic;
  font-weight:500;
  line-height:1.04;
  letter-spacing:-.028em;
}

#sobre>div:nth-of-type(2)>div:nth-child(2)>div::after{
  content:"Coberturas, limites e exclusões variam conforme o contrato.\A\A A contratação precisa partir da necessidade real, não de uma prateleira de produtos.\A\A A leitura técnica e a comparação de condições ajudam a tornar a decisão mais clara.\A\A 23+ ANOS DE EXPERIÊNCIA   ·   PELOTAS/RS + IMBITUBA/SC\\A CORRETORA AGÊNCIA BRADESCO   ·   ANÁLISE TÉCNICA";
  white-space:pre-line;
  display:block;
  max-width:430px;
  margin-top:1.9rem;
  padding-top:1.9rem;
  border-top:1px solid rgba(242,212,145,.18);
  color:rgba(255,253,248,.70);
  font-family:var(--font-sans);
  font-size:13.5px;
  font-weight:400;
  line-height:1.72;
  letter-spacing:0;
}

/* If an image exists later, keep the panel language */
#sobre>div:nth-of-type(2)>div:nth-child(2)>img{
  width:100%!important;
  min-height:500px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  filter:saturate(.72) brightness(.63) contrast(1.06);
}

@media(min-width:1024px){
  #sobre>div:nth-of-type(2)>div:nth-child(2){
    transform:translateY(-3px);
  }
}

@media(max-width:1023px){
  #sobre{
    padding-top:5rem!important;
    padding-bottom:5rem!important;
  }

  #sobre>div:nth-of-type(2){
    grid-template-columns:1fr!important;
    gap:3rem!important;
  }

  #sobre h2{
    font-size:clamp(3rem,8vw,4rem)!important;
  }

  #sobre>div:nth-of-type(2)>div:nth-child(2),
  #sobre>div:nth-of-type(2)>div:nth-child(2)>div{
    min-height:450px!important;
  }
}

@media(max-width:639px){
  #sobre{
    padding-top:4.2rem!important;
    padding-bottom:4.2rem!important;
  }

  #sobre h2{
    font-size:clamp(2.6rem,12vw,3.35rem)!important;
  }

  #sobre h2+p,
  #sobre>div:nth-of-type(2)>div:first-child>p{
    font-size:15px!important;
    line-height:1.68!important;
  }

  #sobre>div:nth-of-type(2)>div:first-child>div:last-child{
    display:grid!important;
    grid-template-columns:1fr;
  }

  #sobre>div:nth-of-type(2)>div:first-child>div:last-child>a{
    width:100%;
  }

  #sobre>div:nth-of-type(2)>div:nth-child(2){
    min-height:420px!important;
    border-radius:25px!important;
  }

  #sobre>div:nth-of-type(2)>div:nth-child(2)>div{
    min-height:420px!important;
    padding:2.2rem 1.9rem!important;
  }

  #sobre>div:nth-of-type(2)>div:nth-child(2)>div::before{
    font-size:1.95rem;
  }

  #sobre>div:nth-of-type(2)>div:nth-child(2)>div::after{
    margin-top:1.5rem;
    padding-top:1.5rem;
    font-size:13px;
    line-height:1.65;
  }
}


/* Structural hardening after merging ProcessSection into #sobre */
#sobre>div:nth-of-type(2)>div:nth-child(2){
  grid-column:auto!important;
  align-self:center!important;
  position:relative!important;
  min-width:0!important;
}

#sobre>div:nth-of-type(2)>.mobi-process-summary{
  grid-column:1/-1!important;
  position:relative!important;
  min-height:0!important;
  transform:none!important;
}