/* Start custom CSS *//* Case · Clínica Elevare — movimento e ajustes (mesmo padrão da página de Cases; seletores pelos IDs CSS dos elementos) */
@keyframes elSurge{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes elSurgeT{from{transform:translateY(24px)}to{transform:none}}
@keyframes elFade{from{opacity:0}to{opacity:1}}
@keyframes elSobe{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes elCard{from{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:none}}
@keyframes elAbre{from{opacity:0;scale:.94}to{opacity:1;scale:1}}
@keyframes elGira{to{transform:rotate(360deg)}}
@keyframes elPop{0%{opacity:0;scale:.6}60%{opacity:1;scale:1.06}100%{opacity:1;scale:1}}
@keyframes elPulsa{0%,62%,100%{scale:1}74%{scale:1.04}84%{scale:1}}
@keyframes elRola{0%,6%{translate:0 0}47%,53%{translate:0 calc(-100% + 100cqh)}94%,100%{translate:0 0}}
@keyframes elConta{from{translate:0 -736px}to{translate:0 0}}
@keyframes elContaM{from{translate:0 -576px}to{translate:0 0}}
@keyframes elRoda{0%{transform:translate(-50%,0);opacity:1}70%{transform:translate(-50%,6px);opacity:0}100%{transform:translate(-50%,0);opacity:0}}

/* ===================== MENU — igual à Home (vidro; depois de rolar 40px encolhe e fica azul — classe rota-rolou no <html>, posta pelo script no fim da página) ===================== */
.elementor-4979 #el-menu{
  position:fixed!important;top:24px!important;left:50%!important;inset-inline-start:50%!important;transform:translateX(-50%)!important;
  width:min(1210px,calc(100% - 100px))!important;max-width:none!important;height:68px!important;
  padding:0 106px 0 95px!important;box-sizing:border-box!important;border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.30)!important;
  backdrop-filter:blur(18px) saturate(130%)!important;-webkit-backdrop-filter:blur(18px) saturate(130%)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.20)!important;z-index:9999!important;
  transition:width .55s cubic-bezier(.22,.61,.36,1),height .55s cubic-bezier(.22,.61,.36,1),top .55s cubic-bezier(.22,.61,.36,1),padding .55s cubic-bezier(.22,.61,.36,1),background .4s ease,box-shadow .4s ease,border-color .4s ease!important}
.elementor-4979 #el-menu-direita{gap:130px!important;transition:gap .55s cubic-bezier(.22,.61,.36,1)!important}
.elementor-4979 #el-menu-links{gap:32px!important}
.elementor-4979 :is(#el-link-1,#el-link-2,#el-link-3){display:inline-block!important;font-size:14px!important;font-weight:500!important;line-height:1.2!important;color:#FFFFFF!important;transition:transform .3s ease-out!important}
.elementor-4979 :is(#el-link-1,#el-link-2,#el-link-3) a{color:#FFFFFF!important}
.elementor-4979 :is(#el-link-1,#el-link-2,#el-link-3):hover{transform:translateY(-8px)!important}
.elementor-4979 #el-menu-cta{padding:12px 15px!important;gap:19px!important;transition:transform .3s ease-out!important}
.elementor-4979 #el-menu-cta:hover{transform:translateY(-8px)!important}
.elementor-4979 #el-menu-cta-icone{width:14px!important;height:14px!important}
.elementor-4979 #el-menu-cta-icone svg{width:100%!important;height:100%!important;display:block;fill:none!important}
body.admin-bar .elementor-4979 #el-menu{top:56px!important}
  html.rota-rolou .elementor-4979 #el-menu{
    width:min(920px,calc(100% - 140px))!important;height:66px!important;top:10px!important;padding:0 27px 0 63px!important;
    background:rgba(36,113,197,.88)!important;border-color:rgba(255,255,255,.25)!important;
    backdrop-filter:blur(20px) saturate(130%)!important;-webkit-backdrop-filter:blur(20px) saturate(130%)!important;
    box-shadow:0 10px 30px rgba(0,30,80,.20),inset 0 1px 0 rgba(255,255,255,.16)!important}
  html.rota-rolou .elementor-4979 #el-menu-direita{gap:56px!important}
  html.rota-rolou body.admin-bar .elementor-4979 #el-menu{top:48px!important}
@media (max-width:1024px){
  .elementor-4979 #el-menu{width:calc(100% - 50px)!important;padding:0 10px 0 28px!important}
   html.rota-rolou .elementor-4979 #el-menu{width:calc(100% - 80px)!important;padding:0 10px 0 28px!important}
}
/* menu mobile — igual à Home: pílula de vidro, ícone branco, painel verde com itens centralizados */
@media (max-width:767px){
  .elementor-4979 #el-mmenu{
    position:fixed!important;top:16px!important;left:50%!important;right:auto!important;inset-inline-start:50%!important;inset-inline-end:auto!important;transform:translateX(-50%)!important;
    width:calc(100% - 28px)!important;height:58px!important;padding:6px 27px 6px 24px!important;box-sizing:border-box!important;border-radius:999px!important;
    background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.30)!important;
    backdrop-filter:blur(18px) saturate(130%)!important;-webkit-backdrop-filter:blur(18px) saturate(130%)!important;
    box-shadow:0 8px 30px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.20)!important;z-index:9999!important;
    transition:width .55s cubic-bezier(.22,.61,.36,1),height .55s cubic-bezier(.22,.61,.36,1),top .55s cubic-bezier(.22,.61,.36,1),padding .55s cubic-bezier(.22,.61,.36,1),background .4s ease,box-shadow .4s ease,border-color .4s ease!important}
  body.admin-bar .elementor-4979 #el-mmenu{top:52px!important}
  .elementor-4979 #el-mmenu-logo,.elementor-4979 #el-mmenu-logo img{width:86px!important;height:auto!important}
  .elementor-4979 :is(#el-mmenu-acc,#el-mmenu-item){width:25px!important}
  .elementor-4979 #el-mmenu-botao{position:relative!important;width:25px!important;height:29px!important;background:transparent!important}
  .elementor-4979 #el-mmenu-titulo{width:25px!important;min-width:25px!important;flex:0 0 25px!important}
  .elementor-4979 #el-mmenu-slot{display:none!important}
  .elementor-4979 #el-mmenu-icone{width:25px!important;height:25px!important;color:#FFFFFF!important;fill:#FFFFFF!important;transition:opacity .3s ease}
  .elementor-4979 #el-mmenu-icone svg,.elementor-4979 #el-mmenu-icone path{fill:#FFFFFF!important}
  .elementor-4979 #el-mmenu-botao::before,.elementor-4979 #el-mmenu-botao::after{content:"";position:absolute;left:50%;top:50%;width:26px;height:3px;border-radius:3px;background:#FFFFFF;opacity:0;transform:translate(-50%,-50%) rotate(45deg);transition:opacity .3s ease}
  .elementor-4979 #el-mmenu-botao::after{transform:translate(-50%,-50%) rotate(-45deg)}
  .elementor-4979 #el-mmenu-item[open] #el-mmenu-icone{opacity:0}
  .elementor-4979 #el-mmenu-item[open] #el-mmenu-botao::before,.elementor-4979 #el-mmenu-item[open] #el-mmenu-botao::after{opacity:1}
  .elementor-4979 :is(#el-mlink-1,#el-mlink-2,#el-mlink-3) a{color:#111111!important;display:block}
  .elementor-4979 :is(#el-mlink-1,#el-mlink-2,#el-mlink-3):active{background-color:rgba(0,0,0,.06)}
      html.rota-rolou .elementor-4979 #el-mmenu{width:calc(100% - 36px)!important;height:52px!important;top:10px!important;padding:5px 25px 5px 22px!important;
      background:rgba(36,113,197,.92)!important;border-color:rgba(255,255,255,.25)!important;
      box-shadow:0 10px 30px rgba(0,30,80,.20),inset 0 1px 0 rgba(255,255,255,.16)!important}
    html.rota-rolou body.admin-bar .elementor-4979 #el-mmenu{top:46px!important}
    html.rota-rolou .elementor-4979 #el-mmenu-painel{top:60px!important;left:-18px!important;right:-18px!important;inset-inline-start:-18px!important;inset-inline-end:-18px!important}
}

/* ===================== BOTÃO — padrão da Home: degradê verde, 65px, círculo azul que se expande ===================== */
.elementor-4979 a.rc-cta{position:relative!important;padding:25px 66px 25px 35px!important;gap:0!important;border-radius:400px!important;
  background:linear-gradient(90deg,#A8EDCC 0%,#7DE5D4 100%)!important;box-shadow:none!important;translate:none!important;transition:all .5s ease!important}
.elementor-4979 a.rc-cta:hover,.elementor-4979 a.rc-cta:focus-visible{translate:none!important;background:linear-gradient(90deg,#A8EDCC 0%,#7DE5D4 100%)!important;box-shadow:none!important}
.elementor-4979 a.rc-cta .rc-cta-label{font-size:14px!important;font-weight:600!important;line-height:15px!important;color:#111111!important}
.elementor-4979 a.rc-cta .rc-cta-icon{position:absolute!important;right:20px;top:50%;transform:translateY(-50%)!important;margin:0!important;padding:0!important;
  width:32px!important;min-width:32px!important;height:32px!important;border-radius:400px!important;background:#0077FF!important;transition:all .5s ease!important}
.elementor-4979 a.rc-cta .rc-cta-icon > *{display:none!important}
.elementor-4979 a.rc-cta .rc-cta-icon::before{content:"";position:absolute;left:8px;top:8px;width:16px;height:16px;background:#FFFFFF;
  -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTYgMTJIMThNMTggMTJMMTMgN00xOCAxMkwxMyAxNyIvPjwvc3ZnPg==") center/contain no-repeat;mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTYgMTJIMThNMTggMTJMMTMgN00xOCAxMkwxMyAxNyIvPjwvc3ZnPg==") center/contain no-repeat}
.elementor-4979 a.rc-cta:hover .rc-cta-icon,.elementor-4979 a.rc-cta:focus-visible .rc-cta-icon{width:calc(100% - 40px)!important}

/* ===================== ESTRUTURA ===================== */
/* overflow:clip recorta igual ao hidden, mas não vira contêiner de rolagem (as entradas com view() acompanham a página) */
.elementor-4979 :is(#el-pagina,#el-hero,#el-diferenca,#el-resultado){overflow:clip!important}
.elementor-4979 :is(h1,h2,h3){text-wrap:balance}
.elementor-4979 p{text-wrap:pretty}

/* Dobra 02 — aba curva do Figma (mesma forma do arquivo) encaixando no hero */
.elementor-4979 #el-aba{top:calc(-4.375vw + 1px)!important;height:4.375vw!important;min-height:16px;background:#E8E8E8;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1962 84' preserveAspectRatio='none'%3E%3Cpath d='M1452.52 0H1962V84H0V82.4754C33.798 83.4046 71.0335 82.6392 105.019 82.6409L305.318 82.6431L907.867 82.6353L1179.84 82.6181L1254.25 82.7234C1297.33 82.791 1292.26 85.1567 1329.91 64.3344L1397.41 27.2171C1409.41 20.6122 1439.17 2.9285 1451.22 0.27958L1452.52 0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1962 84' preserveAspectRatio='none'%3E%3Cpath d='M1452.52 0H1962V84H0V82.4754C33.798 83.4046 71.0335 82.6392 105.019 82.6409L305.318 82.6431L907.867 82.6353L1179.84 82.6181L1254.25 82.7234C1297.33 82.791 1292.26 85.1567 1329.91 64.3344L1397.41 27.2171C1409.41 20.6122 1439.17 2.9285 1451.22 0.27958L1452.52 0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}

/* Mockup do notebook: o site rola sozinho (topo → fim, em loop), mais rápido no hover; o clique abre a prévia completa */
.elementor-4979 #el-tela{container-type:size}
.elementor-4979 #el-tela-site{animation:elRola 36s ease-in-out infinite;will-change:translate}
.elementor-4979 #el-mockup{transition:scale .45s cubic-bezier(.22,.61,.36,1)}
.elementor-4979 #el-mockup:hover{scale:1.015}
.elementor-4979 #el-mockup:hover #el-tela-site{animation-duration:12s}

/* Prévia do site inteiro: abre pelo link do mockup (#el-site) e fecha com clique em qualquer ponto */
.elementor-4979 #el-site:target{display:block!important}
html:has(#el-site:target){overflow:hidden}
.elementor-4979 #el-site-fechar::before,.elementor-4979 #el-site-fechar::after{content:"";position:absolute;left:20px;top:50%;width:14px;height:2px;border-radius:2px;background:#0B1F4D;transform:translateY(-50%) rotate(45deg)}
.elementor-4979 #el-site-fechar::after{transform:translateY(-50%) rotate(-45deg)}
.elementor-4979 #el-site:target #el-site-caixa{animation:elAbre .45s cubic-bezier(.2,.8,.25,1) both}

/* Dobra 03 — card de destaque com borda em degradê e contador 0 → 62 */
.elementor-4979 #el-card-62{border:8px solid transparent!important;
  background:linear-gradient(117.6deg,#003FE8 5.6%,#0084E8 89.7%) padding-box,linear-gradient(135deg,#003FE8 0%,#00B9CC 55%,#00F48E 100%) border-box!important}
.elementor-4979 #el-card-1-glyph svg,.elementor-4979 #el-card-2-glyph svg{width:100%;height:100%;display:block}
/* ícones de traço: o e-svg pinta com currentColor; aqui só o contorno fica branco */
.elementor-4979 :is(#el-card-1-glyph,#el-card-2-glyph) :is(svg,path){fill:none!important;stroke:#FFFFFF!important}
/* a janela do contador recorta sem virar contêiner de rolagem */
.elementor-4979 #el-contador{overflow:clip!important}
.elementor-4979 #el-mouse-roda{animation:elRoda 2.2s cubic-bezier(.45,0,.55,1) infinite}

/* Dobra 05 — card em degradê com borda azul, selo girando e botão pulsando (como no protótipo) */
.elementor-4979 #el-conc-card{border:4px solid #003FE8!important;background:linear-gradient(90deg,#003FE8 9%,#0062E8 28.4%,#0084E8 45.3%,#00B9CC 61.3%,#00F48E 86.5%)!important}
.elementor-4979 #el-selo-texto{animation:elGira 12s linear infinite;will-change:transform}
.elementor-4979 #el-conc-cta{animation:elPulsa 4s ease-in-out 2s infinite}
.elementor-4979 #el-conc-cta:hover{animation-play-state:paused}

/* ===================== ENTRADAS (carregamento do hero + ligadas ao scroll) ===================== */
.elementor-4979 #el-hero-fundo{animation:elFade 1s ease-out both}
.elementor-4979 #el-hero-tag{animation:elSurge .8s cubic-bezier(.2,.8,.25,1) .1s both}
.elementor-4979 #el-hero-h1{animation:elSurgeT .8s cubic-bezier(.2,.8,.25,1) .25s both}
.elementor-4979 #el-hero-sub{animation:elSurge .8s cubic-bezier(.2,.8,.25,1) .4s both}
.elementor-4979 #el-hero-pessoas{animation:elSurge 1s cubic-bezier(.2,.8,.25,1) .3s both}
@supports (animation-timeline: view()){
  .elementor-4979 :is(#el-desafio-tag,#el-dif-tag,#el-res-tag){animation:elSobe linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  .elementor-4979 :is(#el-desafio-h2,#el-dif-h2,#el-res-h2,#el-conc-h2){animation:elSobe linear both;animation-timeline:view();animation-range:entry 5% entry 65%}
  .elementor-4979 :is(#el-desafio-p,#el-dif-p,#el-res-p,#el-conc-p,#el-painel-texto){animation:elSobe linear both;animation-timeline:view();animation-range:entry 12% entry 75%}
  .elementor-4979 #el-mockup{animation:elCard linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
  .elementor-4979 #el-painel{animation:elCard linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
  .elementor-4979 :is(#el-card-1,#el-card-2,#el-card-62){animation:elCard linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
  .elementor-4979 #el-card-2{animation-range:entry 8% entry 78%}
  .elementor-4979 #el-card-62{animation-range:entry 16% entry 86%}
  .elementor-4979 #el-card-62{view-timeline-name:--el-card62}
  .elementor-4979 #el-contador-faixa{animation:elConta linear both;animation-timeline:--el-card62;animation-range:entry 50% cover 50%}
  .elementor-4979 :is(#el-res-foto-1,#el-res-foto-2){animation:elCard linear both;animation-timeline:view();animation-range:entry 0% entry 65%}
  .elementor-4979 #el-res-foto-2{animation-range:entry 10% entry 75%}
  .elementor-4979 #el-conc-card{animation:elCard linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
  .elementor-4979 #el-selo{animation:elPop linear both;animation-timeline:view();animation-range:entry 10% entry 90%}
  .elementor-4979 #el-rodape{animation:elFade linear both;animation-timeline:view();animation-range:entry 0% entry 80%}
}
@media (max-width:767px){
  @supports (animation-timeline: view()){
    .elementor-4979 #el-contador-faixa{animation-name:elContaM}
  }
}

/* menu mobile rolado: mesmo desfoque da Home */
@media (max-width:767px){ html.rota-rolou .elementor-4979 #el-mmenu{backdrop-filter:blur(20px) saturate(130%)!important;-webkit-backdrop-filter:blur(20px) saturate(130%)!important} }

/* etiquetas sem palavra viúva */
.elementor-4979 [id$="-tag"]{text-wrap:balance}
/* celular: o card final usa um degradê mais azul (o verde forte deixava o texto branco ilegível) */
@media (max-width:767px){
  .elementor-4979 #el-conc-card{background:linear-gradient(165deg,#003FE8 0%,#0058E8 38%,#0080E8 68%,#00AED6 100%)!important}
}/* End custom CSS */