/* LDA HC v3.5 — separação estrutural dos planos e microinterações do acompanhamento */

/* --------------------------------------------------------------------------
   PLANOS: título e grade passam a ocupar faixas físicas independentes.
   -------------------------------------------------------------------------- */
#offers-plans > .lda-hc-v3__container{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  isolation:isolate;
}
#offers-plans .lda-hc-v3__timer{
  position:relative;
  z-index:5;
  flex:0 0 auto;
}
#offers-plans .lda-hc-v3__section-head,
#offers-plans .lda-hc-v3__section-head.lda-hc-v3__reveal,
#offers-plans .lda-hc-v3__section-head.lda-hc-v3__reveal.is-visible{
  position:relative!important;
  z-index:4!important;
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  max-width:790px!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0 12px 42px!important;
  overflow:visible!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
  will-change:auto!important;
  box-sizing:border-box;
}
#offers-plans .lda-hc-v3__section-title{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  line-height:1.12!important;
  overflow:visible!important;
  transform:none!important;
}
#offers-plans .lda-hc-v3__plans,
#offers-plans .lda-hc-v3__section-head + .lda-hc-v3__plans{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  flex:0 0 auto!important;
  clear:both!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  overflow:visible!important;
}
#offers-plans .lda-hc-v3__plans > .lda-hc-v3__plan,
#offers-plans .lda-hc-v3__plans > .lda-hc-v3__reveal,
#offers-plans .lda-hc-v3__plans > .lda-hc-v3__reveal.is-visible{
  margin-top:0!important;
  transform:none!important;
}

/* --------------------------------------------------------------------------
   ACOMPANHAMENTO: profundidade, brilho e feedback visual sem alterar a copy.
   -------------------------------------------------------------------------- */
#acompanhamento-individual{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 10%,rgba(185,104,72,.10),transparent 31%),
    radial-gradient(circle at 90% 84%,rgba(82,100,77,.10),transparent 30%),
    linear-gradient(180deg,#fffdf9 0%,#fff9f2 100%)!important;
}
#acompanhamento-individual:before,
#acompanhamento-individual:after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:999px;
  filter:blur(1px);
}
#acompanhamento-individual:before{
  width:240px;
  height:240px;
  top:7%;
  left:-145px;
  border:1px solid rgba(185,104,72,.15);
  box-shadow:0 0 80px rgba(185,104,72,.08);
}
#acompanhamento-individual:after{
  width:190px;
  height:190px;
  right:-110px;
  bottom:5%;
  border:1px solid rgba(82,100,77,.16);
  box-shadow:0 0 70px rgba(82,100,77,.08);
}
#acompanhamento-individual .lda-hc-v3__container{
  position:relative;
  z-index:2;
}
#acompanhamento-individual .lda-hc-v3__section-head{
  margin-bottom:42px!important;
}
.lda-hc-v3__accompaniment{
  isolation:isolate;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:
    0 30px 80px rgba(42,33,28,.20),
    inset 0 1px 0 rgba(255,255,255,.10)!important;
  transition:
    transform .48s cubic-bezier(.2,.75,.25,1),
    box-shadow .48s ease,
    border-color .48s ease!important;
  will-change:transform;
}
.lda-hc-v3__accompaniment > *{
  position:relative;
  z-index:3;
}
.lda-hc-v3__accompaniment:before{
  z-index:1!important;
  width:250px!important;
  height:250px!important;
  right:-82px!important;
  top:-118px!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.075);
  transition:transform .65s cubic-bezier(.2,.75,.25,1),background .65s ease!important;
}
.lda-hc-v3__accompaniment:after{
  content:"";
  position:absolute;
  z-index:2;
  inset:-55% -28%;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 40%,rgba(255,255,255,.02) 45%,rgba(255,255,255,.14) 50%,rgba(255,255,255,.02) 55%,transparent 60%);
  transform:translateX(-62%) rotate(4deg);
  transition:transform .95s cubic-bezier(.2,.75,.25,1);
}
.lda-hc-v3__accompaniment h3{
  max-width:920px;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(2rem,3.5vw,3.1rem)!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
}
.lda-hc-v3__accompaniment-features{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:24px 0!important;
}
.lda-hc-v3__accompaniment-features > p{
  position:relative;
  min-width:0;
  min-height:66px;
  margin:0!important;
  padding:15px 16px 15px 50px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  color:rgba(255,255,255,.82)!important;
  line-height:1.52!important;
  transition:
    transform .32s cubic-bezier(.2,.75,.25,1),
    background .32s ease,
    border-color .32s ease,
    box-shadow .32s ease!important;
}
.lda-hc-v3__accompaniment-features > p > span{
  position:absolute;
  left:16px;
  top:15px;
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  font-size:1.05rem;
  transform-origin:center;
  transition:transform .32s cubic-bezier(.2,.75,.25,1),filter .32s ease;
}
.lda-hc-v3__accompaniment-features > p strong{
  color:#fff!important;
}
.lda-hc-v3__accompaniment-action{
  position:relative;
  z-index:4!important;
}
.lda-hc-v3__accompaniment-action .lda-hc-v3__btn{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.26)!important;
  transition:transform .32s cubic-bezier(.2,.75,.25,1),box-shadow .32s ease,filter .32s ease!important;
}
.lda-hc-v3__accompaniment-action .lda-hc-v3__btn:after{
  content:"→";
  display:inline-block;
  margin-left:10px;
  font-size:1.08em;
  transition:transform .32s cubic-bezier(.2,.75,.25,1);
}
.lda-hc-v3__accompaniment-action > p{
  max-width:330px!important;
  margin:12px auto 0!important;
  text-align:center;
  opacity:.74;
}

@media (hover:hover) and (pointer:fine){
  .lda-hc-v3__accompaniment:hover{
    transform:translateY(-7px)!important;
    border-color:rgba(255,255,255,.24)!important;
    box-shadow:
      0 42px 100px rgba(42,33,28,.27),
      0 0 0 1px rgba(185,104,72,.08),
      inset 0 1px 0 rgba(255,255,255,.14)!important;
  }
  .lda-hc-v3__accompaniment:hover:before{
    transform:translate(-12px,14px) scale(1.13)!important;
    background:rgba(255,255,255,.105)!important;
  }
  .lda-hc-v3__accompaniment:hover:after{
    transform:translateX(58%) rotate(4deg)!important;
  }
  .lda-hc-v3__accompaniment-features > p:hover{
    transform:translateY(-4px)!important;
    border-color:rgba(255,255,255,.24)!important;
    background:rgba(255,255,255,.105)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .lda-hc-v3__accompaniment-features > p:hover > span{
    transform:scale(1.18) rotate(-7deg)!important;
    filter:drop-shadow(0 5px 8px rgba(0,0,0,.18));
  }
  .lda-hc-v3__accompaniment-action .lda-hc-v3__btn:hover{
    transform:translateY(-4px) scale(1.025)!important;
    box-shadow:0 20px 42px rgba(0,0,0,.25),0 0 0 5px rgba(211,166,72,.10),inset 0 1px 0 rgba(255,255,255,.32)!important;
    filter:saturate(1.08) brightness(1.04);
  }
  .lda-hc-v3__accompaniment-action .lda-hc-v3__btn:hover:after{
    transform:translateX(5px)!important;
  }
}

@media (max-width:1050px){
  #offers-plans .lda-hc-v3__section-head,
  #offers-plans .lda-hc-v3__section-head.lda-hc-v3__reveal,
  #offers-plans .lda-hc-v3__section-head.lda-hc-v3__reveal.is-visible{
    padding-bottom:36px!important;
  }
}

@media (max-width:820px){
  #offers-plans .lda-hc-v3__section-head,
  #offers-plans .lda-hc-v3__section-head.lda-hc-v3__reveal,
  #offers-plans .lda-hc-v3__section-head.lda-hc-v3__reveal.is-visible{
    margin:0 auto!important;
    padding:0 6px 30px!important;
  }
  #offers-plans .lda-hc-v3__plans{
    padding-top:0!important;
  }
  .lda-hc-v3__accompaniment{
    will-change:auto;
  }
  .lda-hc-v3__accompaniment-features{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:640px){
  #offers-plans .lda-hc-v3__section-head,
  #offers-plans .lda-hc-v3__section-head.lda-hc-v3__reveal,
  #offers-plans .lda-hc-v3__section-head.lda-hc-v3__reveal.is-visible{
    padding-bottom:26px!important;
  }
  #offers-plans .lda-hc-v3__section-title{
    line-height:1.16!important;
  }
  #acompanhamento-individual .lda-hc-v3__section-head{
    margin-bottom:30px!important;
  }
  .lda-hc-v3__accompaniment{
    padding:28px 20px!important;
    border-radius:24px!important;
  }
  .lda-hc-v3__accompaniment h3{
    font-size:clamp(1.72rem,7.5vw,2.18rem)!important;
    line-height:1.12!important;
  }
  .lda-hc-v3__accompaniment-features > p{
    min-height:60px;
    padding:14px 14px 14px 46px!important;
  }
  .lda-hc-v3__accompaniment-features > p > span{
    left:14px;
    top:14px;
  }
  .lda-hc-v3__accompaniment-action,
  .lda-hc-v3__accompaniment-action .lda-hc-v3__btn{
    width:100%!important;
    min-width:0!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .lda-hc-v3__accompaniment,
  .lda-hc-v3__accompaniment:before,
  .lda-hc-v3__accompaniment:after,
  .lda-hc-v3__accompaniment-features > p,
  .lda-hc-v3__accompaniment-features > p > span,
  .lda-hc-v3__accompaniment-action .lda-hc-v3__btn,
  .lda-hc-v3__accompaniment-action .lda-hc-v3__btn:after{
    transition:none!important;
  }
}
