/* Financeiro: componentes compartilhados de marketing, exemplo financeiro próprio. */
.fn-page .ym-dashboard{transform:none}.fn-values{margin:32px 0 24px;display:grid;gap:12px}.fn-values>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px solid #75eee030;border-radius:14px;background:#03152250;animation:fn-row .7s ease-out both}.fn-values>div:nth-child(2){animation-delay:.12s}.fn-values>div:nth-child(3){animation-delay:.24s}.fn-values dt{font-size:1rem;font-weight:400;color:var(--mk-light-muted)}.fn-values dd{margin:0;font-size:1.6rem;font-weight:500;color:var(--mk-light);white-space:nowrap}.fn-values>div:nth-child(2) dd{color:var(--mk-highlight)}.fn-values>div:nth-child(3){border-color:#eec58050}.fn-values>div:nth-child(3) dd{color:#ffe0a8}.fn-progress{position:relative;padding-top:20px;margin-bottom:30px}.fn-progress:before,.fn-progress>span{position:absolute;top:0;left:0;height:7px;border-radius:10px}.fn-progress:before{content:'';width:100%;background:#ffffff15}.fn-progress>span{width:60%;background:var(--mk-accent);transform-origin:left;animation:fn-progress 1.2s ease-out both}.fn-progress p{font-size:.875rem!important;margin:0!important}.fn-access{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.fn-access article{padding:28px;border:1px solid #75eee030;background:#ffffff05;border-radius:var(--radius-md)}.fn-access svg{color:var(--mk-highlight);margin-bottom:24px}.fn-access h3{font-size:1.35rem}.fn-access p{margin:0;font-size:1rem}.fn-page .ym-hero h1{font-size:clamp(2.4rem,4.6vw,4.8rem)}
@keyframes fn-row{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:none}}@keyframes fn-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1100px){.fn-access{grid-template-columns:repeat(2,1fr)}.fn-values>div{padding:18px;gap:12px}.fn-values dd{font-size:1.4rem}}
@media(max-width:767px){.fn-values>div{padding:16px;flex-wrap:wrap}.fn-values dt{font-size:.9375rem}.fn-access{grid-template-columns:1fr}.fn-page .ym-hero h1{font-size:clamp(2.3rem,8vw,3.5rem)}}
@media(prefers-reduced-motion:reduce){.fn-values>div,.fn-progress>span{animation:none!important}}
