/* Beige buttons (menu "Inscreva-se", panel CTA, "Ver a edição completa", form submit) — 4 animation studies */
html[class*=" bv"] .nv .cta, html[class*=" bv"] .btn, html[class*=" bv"] .p-cta{position:relative;overflow:hidden;isolation:isolate;will-change:transform}

/* 1 — Brilho: a streak of light crosses the button, it lifts a little */
.bv1 .nv .cta,.bv1 .btn,.bv1 .p-cta{transition:transform .25s ease,box-shadow .25s ease}
.bv1 .nv .cta::after,.bv1 .btn::after,.bv1 .p-cta::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);pointer-events:none}
.bv1 .nv .cta:hover,.bv1 .btn:hover,.bv1 .p-cta:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.18)}
.bv1 .nv .cta:hover::after,.bv1 .btn:hover::after,.bv1 .p-cta:hover::after{animation:bvShine .75s ease}
@keyframes bvShine{to{left:130%}}

/* 2 — Preenchimento: white fills from left to right, text turns green, a small arrow slides in */
.bv2 .nv .cta,.bv2 .btn,.bv2 .p-cta{transition:color .35s ease,padding .35s ease}
.bv2 .nv .cta::before,.bv2 .btn::before,.bv2 .p-cta::before{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.7,0,.2,1);z-index:-1}
.bv2 .nv .cta::after,.bv2 .btn::after,.bv2 .p-cta::after{content:"→";position:absolute;right:12px;top:50%;transform:translate(-8px,-50%);opacity:0;transition:transform .35s ease,opacity .35s ease}
.bv2 .nv .cta:hover,.bv2 .btn:hover,.bv2 .p-cta:hover{color:var(--green)}
.bv2 .nv .cta:hover{padding-right:34px}
.bv2 .btn:hover{padding-right:44px}
.bv2 .nv .cta:hover::before,.bv2 .btn:hover::before,.bv2 .p-cta:hover::before{transform:scaleX(1)}
.bv2 .nv .cta:hover::after,.bv2 .btn:hover::after,.bv2 .p-cta:hover::after{transform:translate(0,-50%);opacity:1}

/* 3 — Pulso: a soft beige ring breathes around the button to draw the eye; grows on hover */
.bv3 .nv .cta,.bv3 .btn,.bv3 .p-cta{overflow:visible;animation:bvPulse 2.4s ease-out infinite;transition:transform .25s ease}
.bv3 .nv .cta:hover,.bv3 .btn:hover,.bv3 .p-cta:hover{transform:scale(1.05);animation:none;box-shadow:0 0 0 4px rgba(199,179,126,.45)}
@keyframes bvPulse{0%{box-shadow:0 0 0 0 rgba(199,179,126,.7)}70%{box-shadow:0 0 0 14px rgba(199,179,126,0)}100%{box-shadow:0 0 0 0 rgba(199,179,126,0)}}

/* 4 — Relevo: a white outline sits behind; on hover the button rises toward it, on click it presses in */
.bv4 .nv .cta,.bv4 .btn,.bv4 .p-cta{overflow:visible;box-shadow:4px 4px 0 0 #fff;transition:transform .2s ease,box-shadow .2s ease}
.bv4 .nv .cta:hover,.bv4 .btn:hover,.bv4 .p-cta:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 0 #fff}
.bv4 .nv .cta:active,.bv4 .btn:active,.bv4 .p-cta:active{transform:translate(4px,4px);box-shadow:0 0 0 0 #fff}
.bv4 .card .btn,.bv4 .lx-cta .btn{box-shadow:4px 4px 0 0 var(--green)}
.bv4 .card .btn:hover,.bv4 .lx-cta .btn:hover{box-shadow:7px 7px 0 0 var(--green)}

@media (prefers-reduced-motion:reduce){
  html[class*=" bv"] .nv .cta, html[class*=" bv"] .btn, html[class*=" bv"] .p-cta{animation:none!important;transition:none!important}
  html[class*=" bv"] .nv .cta::after, html[class*=" bv"] .btn::after, html[class*=" bv"] .p-cta::after{animation:none!important}
}
/* the green "Aceito" of the pop-up is not a beige button — keep it plain */
html[class*=" bv"] .consent__ok{animation:none!important;box-shadow:none!important;transform:none!important;padding-right:revert!important}
html[class*=" bv"] .consent__ok::before,html[class*=" bv"] .consent__ok::after{content:none!important}

/* "Ver a edição completa" is a link: keep its text black on hover, like the other beige buttons */
a.btn:hover,a.btn:focus-visible,a.btn:active{color:var(--cta-text,#151512)!important}
