/* =====================================================================
   "Desbloquear feature" — componente da família Galvão.
   O MESMO arquivo nos dois sites (galvaosistemas.com.br e galvaoinformatica.com);
   usa os tokens de cada site (--accent, --panel, --line, --fg, --mut, --mono, --sans).
   ===================================================================== */
.unlock{padding-block:calc(var(--sec,144px) * .6)}
.unlock__card{position:relative;display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:40px;align-items:center;padding:40px;
  border:1px solid rgba(0,217,255,.3);background:var(--panel);box-shadow:0 0 60px -20px rgba(0,217,255,.25)}
.unlock__marca{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.unlock__logo{width:58%;height:auto;filter:grayscale(1) brightness(.75);opacity:.75;transition:filter .5s ease,opacity .5s ease}
.unlock__cadeado{position:absolute;right:12px;bottom:12px;width:30px;height:30px;color:var(--fg)}
.unlock__haste{transform-box:fill-box;transform-origin:100% 100%;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.unlock__txt{display:flex;flex-direction:column;gap:14px;min-width:0}
.unlock__selo{display:inline-flex;align-items:center;gap:8px;font:400 11px/1 var(--mono);letter-spacing:.12em;color:var(--mut)}
.unlock__dot{width:7px;height:7px;background:#f2c14e}
.unlock__t{font-family:var(--sans);font-weight:400;font-size:clamp(1.8rem,3.4vw,2.8rem);letter-spacing:-.025em;line-height:1.05}
.unlock__p{font-family:var(--sans);font-size:17px;line-height:1.55;color:var(--mut);max-width:62ch}
.unlock__btn{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:12px 22px;font:400 14px var(--mono);
  color:var(--fg);border:1px solid rgba(0,217,255,.55);background:rgba(0,217,255,.06);transition:background-color .2s,border-color .2s}
.unlock__btn span{color:var(--accent)}
.unlock__btn:hover{background:rgba(0,217,255,.14);border-color:var(--accent)}
.unlock__btn:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
.unlock__term{font:400 13px/1.7 var(--mono);color:var(--accent);min-height:0}
.unlock__term p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
/* estados da animação */
.unlock__card.is-abrindo .unlock__haste{transform:translate(4px,-3px) rotate(28deg)}
.unlock__card.is-liberado .unlock__logo{filter:none;opacity:1}
.unlock__card.is-liberado .unlock__dot{background:var(--accent)}
@media (max-width:760px){
  .unlock__card{grid-template-columns:1fr;gap:24px;padding:24px}
  .unlock__marca{max-width:160px}
  .unlock__btn{width:100%;justify-content:center;text-align:center}
}
@media (prefers-reduced-motion:reduce){.unlock__logo,.unlock__haste{transition:none}}