/* Fipo Biopellet: sistema de movimento v1 */
:root{
  --mov-resposta:120ms;
  --mov-base:200ms;
  --mov-entrada:320ms;
  --mov-saida:120ms;
  --mov-distancia:16px;
  --curva-injecao:cubic-bezier(.16,1,.3,1);
  --curva-extracao:cubic-bezier(.4,0,1,1);
  --curva-acao:cubic-bezier(.2,0,0,1);
}
@media (max-width:767px){:root{--mov-entrada:240ms;--mov-distancia:10px}}

/* Entrada. O JS arma apenas o que está fora da tela. Sem JS, tudo fica visível. */
.mov-entra{transition:opacity var(--mov-entrada) var(--curva-injecao),transform var(--mov-entrada) var(--curva-injecao);transition-delay:calc(var(--mov-i,0)*60ms)}
.mov-foto{transition:opacity var(--mov-entrada) linear}
.mov-entra.mov-espera{opacity:0;transform:translateY(var(--mov-distancia))}
.mov-foto.mov-espera{opacity:0}
@media (max-width:767px){.mov-entra{transition-delay:0ms}}

/* Hero: só no computador, só opacidade. Celular chega pronto. */
@media (min-width:768px) and (prefers-reduced-motion:no-preference){
  .mov-hero,.mov-hero-2{animation:mov-hero var(--mov-entrada) var(--curva-injecao) both}
  .mov-hero-2{animation-delay:80ms}
  @keyframes mov-hero{from{opacity:0}}
}

/* Resposta ao toque e ao cursor */
a,button,summary,select,input,textarea{touch-action:manipulation}
.elementor-button,.calc-wp-container .calc-btn,.wpforms-form .wpforms-submit,.mov-botao{transition:background-color var(--mov-resposta) var(--curva-acao),transform var(--mov-resposta) var(--curva-acao)}
.elementor-button:active,.calc-wp-container .calc-btn:active,.wpforms-form .wpforms-submit:active,.mov-botao:active{transform:scale(.98);transition-duration:60ms}
body .calc-wp-container,body .calc-wp-container select{font-family:"MADE CARVING Personal Use",sans-serif;color:#153723}
body .calc-wp-container h2{color:#153723;font-weight:900}
body .calc-wp-container .calc-btn{background:#EB6722;color:#fff;font-weight:900}
@media (hover:hover) and (pointer:fine){
  body .calc-wp-container .calc-btn:hover{background:#294F2B;transform:none;box-shadow:none}
  .wpforms-form .wpforms-submit:hover,.mov-botao:hover{background-color:#294F2B;color:#fff}
}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #EB6722;outline-offset:2px;transition:none}
.jkit-hamburger-menu,.jkit-close-menu{transition:background-color var(--mov-resposta) var(--curva-acao),color var(--mov-resposta) var(--curva-acao)}
.wpforms-form input:not([type=hidden]),.wpforms-form select{min-height:48px}
.wpforms-form input,.wpforms-form textarea,.wpforms-form select{transition:border-color var(--mov-resposta) linear}

/* Calculadora: dinheiro aparece pronto, só a faixa ativa se move */
body .calc-wp-container .calc-result-box.active{animation:none}
body .calc-wp-container select:focus,body .calc-wp-container input[type="number"]:focus{border-color:#EB6722}
body .calc-wp-container .calc-tier-badge{background:#153723}
body .calc-wp-container .calc-result-row.total{border-top-color:#EB6722}
body .calc-wp-container .calc-result-row.total .calc-result-value{color:#153723}
.calc-wp-container tbody tr{transition:background-color var(--mov-base) var(--curva-acao)}
body .calc-wp-container tbody tr.faixa-ativa,body .calc-wp-container tbody tr.faixa-ativa td,body .calc-wp-container tr.highlight td{background:#E6E5E5;color:#153723;font-weight:900}

/* Peças fixas: chegam prontas em todas as páginas */
.joinchat,.joinchat__button{animation:none!important}
.joinchat__button{view-transition-name:fipo-whatsapp}
.gt_float_switcher{view-transition-name:fipo-idioma}
.elementor-816{view-transition-name:fipo-topo}

/* Cadeia da fibra: o único efeito ligado à rolagem */
.mov-cadeia{position:relative;margin:0;padding:0 0 0 32px;list-style:none;display:grid;gap:40px}
.mov-cadeia::before,.mov-cadeia::after{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:#729063}
.mov-cadeia::after{background:#EB6722;transform-origin:top}
.mov-cadeia li{position:relative;text-align:left}
.mov-cadeia h3{margin:0 0 4px;color:#153723;font-weight:900;font-size:1.15rem}
.mov-cadeia p{margin:0}
.mov-cadeia li::before{content:"";position:absolute;left:-32px;top:4px;width:16px;height:16px;border-radius:50%;background:#EB6722}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    :root:not([data-mov=leve]) .mov-cadeia::after{animation:mov-cadeia linear both;animation-timeline:view();animation-range:entry 35% cover 62%}
    @keyframes mov-cadeia{from{transform:scaleY(0)}to{transform:scaleY(1)}}
  }
}

/* Transição entre páginas. Sem suporte, a navegação segue normal. */
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation:mov-pag-sai var(--mov-saida) var(--curva-extracao) both}
  ::view-transition-new(root){animation:mov-pag-entra var(--mov-base) var(--curva-injecao) 60ms both}
  ::view-transition-group(fipo-topo),::view-transition-group(fipo-whatsapp),::view-transition-group(fipo-idioma){animation:none}
  ::view-transition-old(fipo-topo),::view-transition-old(fipo-whatsapp),::view-transition-old(fipo-idioma){display:none}
  ::view-transition-new(fipo-topo),::view-transition-new(fipo-whatsapp),::view-transition-new(fipo-idioma){animation:none}
  @keyframes mov-pag-sai{to{opacity:0}}
  @keyframes mov-pag-entra{from{opacity:0;transform:translateY(8px)}}
}

/* Acesso e impressão */
@media (max-width:767px),(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
@media (prefers-reduced-motion:reduce){
  .mov-entra,.mov-foto{transition:none}
  .mov-entra.mov-espera,.mov-foto.mov-espera{opacity:1;transform:none}
  .elementor-button:active,.calc-wp-container .calc-btn:active,.wpforms-form .wpforms-submit:active,.mov-botao:active{transform:none}
}
:root[data-mov=leve] .mov-entra.mov-espera,:root[data-mov=leve] .mov-foto.mov-espera{opacity:1;transform:none}
@media print{.mov-entra.mov-espera,.mov-foto.mov-espera{opacity:1;transform:none}}