
/* JR Motion V1: progressively enhanced, respects accessibility */
@media(prefers-reduced-motion:no-preference){
  .jr-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
  .jr-reveal.jr-visible{opacity:1;transform:none}
  .card,.style-card,.path,.step,.testimonial-card,.proof-card{transition:transform .28s ease,box-shadow .28s ease}
  @media(hover:hover){.card:hover,.style-card:hover,.path:hover,.step:hover,.testimonial-card:hover,.proof-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(18,75,145,.13)}}
  .btn{transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
  @media(hover:hover){.btn:hover{transform:translateY(-2px);filter:brightness(1.035)}}
  .btn:active{transform:translateY(1px)}
}
.jr-social a{display:inline-flex;align-items:center;gap:7px;text-decoration:none}
.jr-social a svg{width:21px;height:21px;flex-shrink:0}
.jr-social a:focus-visible{outline:3px solid #1267d7;outline-offset:4px}
.jr-proof-photo{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px}
.jr-proof-photo-wrap{display:block;max-width:360px;margin:16px auto;cursor:zoom-in}
.jr-lightbox{position:fixed;inset:0;background:rgba(5,14,29,.92);z-index:99999;display:flex;align-items:center;justify-content:center;padding:45px 16px 16px}
.jr-lightbox[hidden]{display:none}
.jr-lightbox img{max-width:min(95vw,1100px);max-height:88vh;object-fit:contain}
.jr-lightbox button{position:absolute;top:12px;right:18px;background:white;color:#14253c;border:0;border-radius:50%;font-size:26px;width:40px;height:40px;cursor:pointer}

/* JR: fundo das paginas internas — mais contraste, movimento discreto */
.page-hero{position:relative;isolation:isolate;overflow:hidden;background-image:none!important;background-color:#dce7f3!important}
.page-hero::before{content:"";position:absolute;z-index:-2;inset:-22px;background-image:url("../img/fundo-relogios-paginas.webp");background-position:center;background-size:cover;background-repeat:no-repeat;transform:translate3d(var(--jr-px,0px),var(--jr-py,0px),0) scale(1.055);transition:transform .22s ease-out;will-change:transform;pointer-events:none}
.page-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(247,250,255,.76) 0%,rgba(247,250,255,.64) 53%,rgba(247,250,255,.53) 100%);pointer-events:none}
.page-hero .wrap{position:relative;z-index:1}
.page-hero h1{color:#071b36!important;font-weight:800!important;text-shadow:0 1px 0 rgba(255,255,255,.8),0 2px 12px rgba(255,255,255,.65);line-height:1.13}
.page-hero .lead,.page-hero p{color:#233b59!important;text-shadow:0 1px 5px rgba(255,255,255,.95);font-weight:550}
.page-hero .crumbs,.page-hero .crumbs a{color:#1b3556!important;font-weight:650;text-shadow:0 1px 4px #fff}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.page-hero::before{transition:none!important;transform:none!important;will-change:auto}}
