/* FE4-AC-004,006,009,010,011,018,027,028,029,032,033,035,036. * Lossless Emissor source declarations; em-sN matches the source DOM materializer. * Shared tokens, fonts, controls and shared keyframes live in fiscal-facelift.css. * Source dimensions are px/em/vw: no rem conversion or root-font edit is needed. */ #emissor-nota.wmff-page { --em-heroCols:minmax(0, 1.1fr) minmax(0, 1fr); --em-chCols:minmax(0, 1.15fr) minmax(0, 1fr); --em-chSecH:660px; --em-chHeadPad:18px; --em-chBodyPad:0 18px 22px 62px; --em-chBodyJ:flex-start; --em-statCols:repeat(3, minmax(0, 1fr)); --em-hlBasis:calc((100% - 40px) / 3); --em-hlOffset:calc(0 * ((100% - 40px) / 3 + 20px)); --em-hlPrevOp:0.35; --em-hlNextOp:1; --em-hlPrevPe:none; --em-hlNextPe:auto; --em-pvT:620ms steps(14, end) 100ms; --em-pvTestOp:0; --em-pvOkOp:1; --em-pvOkY:0px; --em-pvBtnA:1; --em-pvBtnB:0; --em-pvBtnBg:var(--wm-green-700); --em-pvBtnATr:opacity 140ms ease 110ms; --em-pvBtnBTr:opacity 100ms ease; --em-pvTestTr:opacity 100ms ease; --em-pvOkTr:opacity 220ms cubic-bezier(0.22,1,0.36,1) 110ms, transform 320ms cubic-bezier(0.22,1,0.36,1) 110ms; --em-bpDoneOp:1; --em-bpDoneY:0px; --em-c0Bg:var(--wm-green-50); --em-c0Tc:var(--wm-green-900); --em-c0Ib:var(--wm-green-700); --em-c0Ic:var(--wm-white); --em-c0BarT:9px; --em-c0BarH:0px; --em-c0Rows:minmax(0, 1fr); --em-c0Op:1; --em-c0Z:1; --em-c0BOp:1; --em-c0Tr:clip-path 460ms cubic-bezier(0.32,0.72,0,1), opacity 280ms cubic-bezier(0.22,1,0.36,1) 140ms; --em-c0Clip:inset(0px 0px 0% 0px); --em-c0PTr:none; --em-c0PE:auto; --em-c0Rad:20px; --em-c0M:5px 0px; --em-c0Flex:1 1 auto; --em-c0BodyFlex:1 1 0px; --em-c1Bg:rgba(235,247,243,0); --em-c1Tc:var(--wm-green-900); --em-c1Ib:var(--wm-green-50); --em-c1Ic:var(--wm-green-700); --em-c1BarT:2.75px; --em-c1BarH:12.5px; --em-c1Rows:minmax(0, 1fr); --em-c1Op:0; --em-c1Z:0; --em-c1BOp:0; --em-c1Tr:clip-path 260ms cubic-bezier(0.4,0,0.2,1), opacity 160ms ease; --em-c1Clip:inset(0px 0px 100% 0px); --em-c1PTr:none; --em-c1PE:none; --em-c1Rad:0px; --em-c1M:0px 0px; --em-c1Flex:0 1 auto; --em-c1BodyFlex:0 1 0px; --em-c2Bg:rgba(235,247,243,0); --em-c2Tc:var(--wm-green-900); --em-c2Ib:var(--wm-green-50); --em-c2Ic:var(--wm-green-700); --em-c2BarT:2.75px; --em-c2BarH:12.5px; --em-c2Rows:minmax(0, 1fr); --em-c2Op:0; --em-c2Z:0; --em-c2BOp:0; --em-c2Tr:clip-path 260ms cubic-bezier(0.4,0,0.2,1), opacity 160ms ease; --em-c2Clip:inset(0px 0px 100% 0px); --em-c2PTr:none; --em-c2PE:none; --em-c2Rad:0px; --em-c2M:0px 0px; --em-c2Flex:0 1 auto; --em-c2BodyFlex:0 1 0px; --em-c3Bg:rgba(235,247,243,0); --em-c3Tc:var(--wm-green-900); --em-c3Ib:var(--wm-green-50); --em-c3Ic:var(--wm-green-700); --em-c3BarT:2.75px; --em-c3BarH:12.5px; --em-c3Rows:minmax(0, 1fr); --em-c3Op:0; --em-c3Z:0; --em-c3BOp:0; --em-c3Tr:clip-path 260ms cubic-bezier(0.4,0,0.2,1), opacity 160ms ease; --em-c3Clip:inset(0px 0px 100% 0px); --em-c3PTr:none; --em-c3PE:none; --em-c3Rad:0px; --em-c3M:0px 0px; --em-c3Flex:0 1 auto; --em-c3BodyFlex:0 1 0px; --em-c4Bg:rgba(235,247,243,0); --em-c4Tc:var(--wm-green-900); --em-c4Ib:var(--wm-green-50); --em-c4Ic:var(--wm-green-700); --em-c4BarT:2.75px; --em-c4BarH:12.5px; --em-c4Rows:minmax(0, 1fr); --em-c4Op:0; --em-c4Z:0; --em-c4BOp:0; --em-c4Tr:clip-path 260ms cubic-bezier(0.4,0,0.2,1), opacity 160ms ease; --em-c4Clip:inset(0px 0px 100% 0px); --em-c4PTr:none; --em-c4PE:none; --em-c4Rad:0px; --em-c4M:0px 0px; --em-c4Flex:0 1 auto; --em-c4BodyFlex:0 1 0px; --em-c5Bg:rgba(235,247,243,0); --em-c5Tc:var(--wm-green-900); --em-c5Ib:var(--wm-green-50); --em-c5Ic:var(--wm-green-700); --em-c5BarT:2.75px; --em-c5BarH:12.5px; --em-c5Rows:minmax(0, 1fr); --em-c5Op:0; --em-c5Z:0; --em-c5BOp:0; --em-c5Tr:clip-path 260ms cubic-bezier(0.4,0,0.2,1), opacity 160ms ease; --em-c5Clip:inset(0px 0px 100% 0px); --em-c5PTr:none; --em-c5PE:none; --em-c5Rad:0px; --em-c5M:0px 0px; --em-c5Flex:0 1 auto; --em-c5BodyFlex:0 1 0px; --em-pv-nat-c:0%; --em-pv-nat-b:var(--wm-ink-200); --em-pv-nat-s:none; --em-pv-nome-p:0; --em-pv-nome-c:0%; --em-pv-nome-b:var(--wm-ink-200); --em-pv-nome-s:none; --em-pv-cpf-p:0; --em-pv-cpf-c:0%; --em-pv-cpf-b:var(--wm-ink-200); --em-pv-cpf-s:none; --em-pv-cep-p:0; --em-pv-cep-c:0%; --em-pv-cep-b:var(--wm-ink-200); --em-pv-cep-s:none; --em-pv-end-p:0; --em-pv-end-c:0%; --em-pv-end-b:var(--wm-ink-200); --em-pv-end-s:none; --em-pv-bai-p:0; --em-pv-bai-c:0%; --em-pv-bai-b:var(--wm-ink-200); --em-pv-bai-s:none; --em-pv-cid-p:0; --em-pv-cid-c:0%; --em-pv-cid-b:var(--wm-ink-200); --em-pv-cid-s:none; --em-pv-est-p:0; --em-pv-est-c:0%; --em-pv-est-b:var(--wm-ink-200); --em-pv-est-s:none; --em-pv-num-p:0; --em-pv-num-c:0%; --em-pv-num-b:var(--wm-ink-200); --em-pv-num-s:none; --em-pv-mail-p:0; --em-pv-mail-c:0%; --em-pv-mail-b:var(--wm-ink-200); --em-pv-mail-s:none; --em-pv-tel-p:0; --em-pv-tel-c:0%; --em-pv-tel-b:var(--wm-ink-200); --em-pv-tel-s:none; --em-tx-n0:1; --em-tx-ny0:0px; --em-tx-v0:1; --em-tx-vy0:0px; --em-tx-n1:1; --em-tx-ny1:0px; --em-tx-v1:1; --em-tx-vy1:0px; --em-tx-n2:1; --em-tx-ny2:0px; --em-tx-v2:1; --em-tx-vy2:0px; --em-tx-n3:1; --em-tx-ny3:0px; --em-tx-v3:1; --em-tx-vy3:0px; --em-tx-n4:1; --em-tx-ny4:0px; --em-tx-v4:1; --em-tx-vy4:0px; --em-au-b0:var(--wm-white); --em-au-d0:var(--wm-ink-200); --em-au-c0:var(--wm-ink-700); --em-au-p0:var(--wm-ink-300); --em-au-b1:var(--wm-white); --em-au-d1:var(--wm-ink-200); --em-au-c1:var(--wm-ink-700); --em-au-p1:var(--wm-ink-300); --em-au-b2:var(--wm-green-50); --em-au-d2:var(--wm-green-300); --em-au-c2:var(--wm-green-800); --em-au-p2:var(--wm-green-500); --em-cg-bA:var(--wm-green-300); --em-cg-lsA:solid; --em-cg-lcA:var(--wm-green-500); --em-cg-fA:1; --em-cg-bB:var(--wm-ink-200); --em-cg-lsB:dashed; --em-cg-lcB:var(--wm-ink-300); --em-cg-fB:0; --em-cg-pA0:0; --em-cg-tA0:opacity 100ms ease; --em-cg-m0:0; --em-cg-my0:4px; --em-cg-mt0:opacity 100ms ease, transform 100ms ease; --em-cg-pA1:0; --em-cg-tA1:opacity 100ms ease; --em-cg-m1:0; --em-cg-my1:4px; --em-cg-mt1:opacity 100ms ease, transform 100ms ease; --em-cg-pA2:0; --em-cg-tA2:opacity 100ms ease; --em-cg-m2:0; --em-cg-my2:4px; --em-cg-mt2:opacity 100ms ease, transform 100ms ease; --em-cg-pA3:1; --em-cg-tA3:opacity 140ms ease 110ms; --em-cg-m3:1; --em-cg-my3:0px; --em-cg-mt3:opacity 200ms cubic-bezier(0.22,1,0.36,1) 110ms, transform 280ms cubic-bezier(0.22,1,0.36,1) 110ms; --em-cg-pB0:1; --em-cg-tB0:opacity 140ms ease 110ms; --em-cg-pB1:0; --em-cg-tB1:opacity 100ms ease; --em-cg-pB2:0; --em-cg-tB2:opacity 100ms ease; --em-auRows-0-top:92px; --em-auRows-0-op:1; --em-auRows-0-tr:top 460ms cubic-bezier(0.22,1,0.36,1), opacity 320ms ease; --em-auRows-0-s0:0; --em-auRows-0-t0:opacity 100ms ease; --em-auRows-0-s1:0; --em-auRows-0-t1:opacity 100ms ease; --em-auRows-0-s2:0; --em-auRows-0-t2:opacity 100ms ease; --em-auRows-0-s3:1; --em-auRows-0-t3:opacity 140ms ease 110ms; --em-auRows-1-top:46px; --em-auRows-1-op:1; --em-auRows-1-tr:top 460ms cubic-bezier(0.22,1,0.36,1), opacity 320ms ease; --em-auRows-1-s0:0; --em-auRows-1-t0:opacity 100ms ease; --em-auRows-1-s1:0; --em-auRows-1-t1:opacity 100ms ease; --em-auRows-1-s2:0; --em-auRows-1-t2:opacity 100ms ease; --em-auRows-1-s3:1; --em-auRows-1-t3:opacity 140ms ease 110ms; --em-auRows-2-top:0px; --em-auRows-2-op:1; --em-auRows-2-tr:top 460ms cubic-bezier(0.22,1,0.36,1), opacity 320ms ease; --em-auRows-2-s0:0; --em-auRows-2-t0:opacity 100ms ease; --em-auRows-2-s1:0; --em-auRows-2-t1:opacity 100ms ease; --em-auRows-2-s2:1; --em-auRows-2-t2:opacity 140ms ease 110ms; --em-auRows-2-s3:0; --em-auRows-2-t3:opacity 100ms ease; --em-auRows-3-top:-46px; --em-auRows-3-op:0; --em-auRows-3-tr:none; --em-auRows-3-s0:1; --em-auRows-3-t0:none; --em-auRows-3-s1:0; --em-auRows-3-t1:none; --em-auRows-3-s2:0; --em-auRows-3-t2:none; --em-auRows-3-s3:0; --em-auRows-3-t3:none; --em-auRows-4-top:150px; --em-auRows-4-op:0; --em-auRows-4-tr:top 460ms cubic-bezier(0.22,1,0.36,1), opacity 320ms ease; --em-auRows-4-s0:0; --em-auRows-4-t0:opacity 100ms ease; --em-auRows-4-s1:0; --em-auRows-4-t1:opacity 100ms ease; --em-auRows-4-s2:0; --em-auRows-4-t2:opacity 100ms ease; --em-auRows-4-s3:1; --em-auRows-4-t3:opacity 140ms ease 110ms; --em-auRows-5-top:138px; --em-auRows-5-op:1; --em-auRows-5-tr:top 460ms cubic-bezier(0.22,1,0.36,1), opacity 320ms ease; --em-auRows-5-s0:0; --em-auRows-5-t0:opacity 100ms ease; --em-auRows-5-s1:0; --em-auRows-5-t1:opacity 100ms ease; --em-auRows-5-s2:0; --em-auRows-5-t2:opacity 100ms ease; --em-auRows-5-s3:1; --em-auRows-5-t3:opacity 140ms ease 110ms; --em-bpRows-0-eo:1; --em-bpRows-0-ey:0px; --em-bpRows-0-w:100%; --em-bpRows-0-cl:50%; --em-bpRows-0-co:1; --em-bpRows-0-eq:1; --em-bpRows-0-es:1; --em-bpRows-0-xo:1; --em-bpRows-0-xx:0px; --em-bpRows-0-wt:420ms linear; --em-bpRows-1-eo:1; --em-bpRows-1-ey:0px; --em-bpRows-1-w:100%; --em-bpRows-1-cl:50%; --em-bpRows-1-co:1; --em-bpRows-1-eq:1; --em-bpRows-1-es:1; --em-bpRows-1-xo:1; --em-bpRows-1-xx:0px; --em-bpRows-1-wt:420ms linear; --em-bpRows-2-eo:1; --em-bpRows-2-ey:0px; --em-bpRows-2-w:100%; --em-bpRows-2-cl:50%; --em-bpRows-2-co:1; --em-bpRows-2-eq:1; --em-bpRows-2-es:1; --em-bpRows-2-xo:1; --em-bpRows-2-xx:0px; --em-bpRows-2-wt:420ms linear; --em-bpRows-3-eo:1; --em-bpRows-3-ey:0px; --em-bpRows-3-w:100%; --em-bpRows-3-cl:50%; --em-bpRows-3-co:1; --em-bpRows-3-eq:1; --em-bpRows-3-es:1; --em-bpRows-3-xo:1; --em-bpRows-3-xx:0px; --em-bpRows-3-wt:420ms linear; --em-hlDots-0-w:26px; --em-hlDots-0-bg:var(--wm-green-vivid); --em-hlDots-1-w:8px; --em-hlDots-1-bg:rgba(255,255,255,0.3); --em-hlDots-2-w:8px; --em-hlDots-2-bg:rgba(255,255,255,0.3); --em-hlDots-3-w:8px; --em-hlDots-3-bg:rgba(255,255,255,0.3); --em-hlDots-4-w:8px; --em-hlDots-4-bg:rgba(255,255,255,0.3); --em-hlDots-5-w:8px; --em-hlDots-5-bg:rgba(255,255,255,0.3); --em-hlDots-6-w:8px; --em-hlDots-6-bg:rgba(255,255,255,0.3); --em-hlDots-7-w:8px; --em-hlDots-7-bg:rgba(255,255,255,0.3); } @keyframes wm-p1{0%{left:16%;top:16%;opacity:0}8%{opacity:1}21%{left:28%;top:16%}68%{left:28%;top:42%}92%{opacity:1}100%{left:46%;top:42%;opacity:0}} @keyframes wm-p2{0%{left:16%;top:42%;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:46%;top:42%;opacity:0}} @keyframes wm-p3{0%{left:16%;top:68%;opacity:0}8%{opacity:1}21%{left:28%;top:68%}68%{left:28%;top:42%}92%{opacity:1}100%{left:46%;top:42%;opacity:0}} @keyframes wm-p4{0%{left:54%;top:42%;opacity:0}8%{opacity:1}37%{left:72%;top:42%}75%{left:72%;top:24%}92%{opacity:1}100%{left:84%;top:24%;opacity:0}} @keyframes wm-p5{0%{left:54%;top:42%;opacity:0}8%{opacity:1}37%{left:72%;top:42%}75%{left:72%;top:60%}92%{opacity:1}100%{left:84%;top:60%;opacity:0}} @keyframes wm-p6{0%{left:50%;top:54%;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:50%;top:86%;opacity:0}} @keyframes wm-e1{0%{left:30%;top:18%;opacity:0}10%{opacity:1}35%{left:30%;top:32%}65%{left:50%;top:32%}90%{opacity:1}100%{left:50%;top:42%;opacity:0}} @keyframes wm-e2{0%{left:70%;top:18%;opacity:0}10%{opacity:1}35%{left:70%;top:32%}65%{left:50%;top:32%}90%{opacity:1}100%{left:50%;top:42%;opacity:0}} @keyframes wm-e3{0%{left:50%;top:58%;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:50%;top:80%;opacity:0}} @keyframes wm-flow{0%{left:6%;opacity:0}12%{opacity:1}86%{opacity:1}100%{left:90%;opacity:0}} @keyframes wm-halo{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}100%{transform:translate(-50%,-50%) scale(3.2);opacity:0}} @keyframes wm-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.55}100%{transform:translate(-50%,-50%) scale(1.9);opacity:0}} @keyframes wm-shine{0%{background-position:0% 50%}100%{background-position:100% 50%}} /* Hero source declarations, em-s0..74. */ #emissor-nota.wmff-page .em-s0 { display: inline-flex; align-items: center; padding: 5px 11px; border-radius: 999px; border: 1px solid var(--wm-green-200); background: var(--wm-white); color: var(--wm-green-700); font-size: 10.5px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase } #emissor-nota.wmff-page .em-s1 { display: flex } #emissor-nota.wmff-page .em-s2 { font-style: italic; color: var(--wm-green-600) } #emissor-nota.wmff-page .em-s3 { margin: 0; font-family: var(--wm-font-display); font-weight: 500; font-size: clamp(38px, 5vw, 58px); line-height: 1.02; letter-spacing: -0.034em; color: var(--wm-green-900); text-wrap: pretty } #emissor-nota.wmff-page .em-s4 { white-space: nowrap } #emissor-nota.wmff-page .em-s5 { display: inline-block; padding: 7px 14px; border-radius: 10px; background: var(--wm-green-800); color: var(--wm-white); font-size: 14px; font-weight: 500; line-height: 1.45 } #emissor-nota.wmff-page .em-s6 { font-weight: 600; color: var(--wm-green-800); background: var(--wm-green-100); padding: 1px 6px; border-radius: 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone } #emissor-nota.wmff-page .em-s7 { font-weight: 600; color: var(--wm-green-700) } #emissor-nota.wmff-page .em-s8 { margin: 0; max-width: 540px; font-size: 16.5px; line-height: 1.6; color: var(--wm-ink-600); text-wrap: balance } #emissor-nota.wmff-page .em-s9 { width: 16px; height: 16px; border-radius: 50%; background: var(--wm-green-100); color: var(--wm-green-700); display: inline-flex; align-items: center; justify-content: center } #emissor-nota.wmff-page .em-s10 { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px 5px 6px; border-radius: 999px; background: var(--wm-white); border: 1px solid var(--wm-green-200); font-size: 12.5px; font-weight: 500; color: var(--wm-ink-700); white-space: nowrap } #emissor-nota.wmff-page .em-s11 { display: flex; flex-wrap: wrap; gap: 7px } #emissor-nota.wmff-page .em-s12 { display: flex; flex-direction: column; gap: 7px } #emissor-nota.wmff-page .em-s13 { text-decoration: none } #emissor-nota.wmff-page .em-s14 { color: var(--wm-green-700); font-size: 15px; font-weight: 600; display: inline-flex; align-items: center; gap: 6px } #emissor-nota.wmff-page .em-s15 { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; margin-top: 4px } #emissor-nota.wmff-page .em-s16 { display: flex; flex-direction: column; gap: 22px; align-items: flex-start; min-width: 0 } #emissor-nota.wmff-page .em-s17 { position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; border-radius: 50%; background: var(--wm-green-vivid); animation: wm-ring-lg 1.6s cubic-bezier(0.22, 1, 0.36, 1) infinite } #emissor-nota.wmff-page .em-s18 { position: absolute; inset: 0; border-radius: 50%; background: var(--wm-green-vivid) } #emissor-nota.wmff-page .em-s19 { position: relative; width: 9px; height: 9px; flex: none } #emissor-nota.wmff-page .em-s20 { font-weight: 600; color: var(--wm-green-900) } #emissor-nota.wmff-page .em-s21 { display: flex; align-self: flex-start; max-width: 100%; line-height: 1.45; align-items: center; gap: 9px; font-family: var(--wm-font-sans, Inter, sans-serif); font-size: 13px; color: var(--wm-ink-600) } #emissor-nota.wmff-page .em-s22 { width: 9px; height: 9px; border-radius: 50%; background: #E5A5A0 } #emissor-nota.wmff-page .em-s23 { width: 9px; height: 9px; border-radius: 50%; background: #E8CD9A } #emissor-nota.wmff-page .em-s24 { width: 9px; height: 9px; border-radius: 50%; background: var(--wm-green-300) } #emissor-nota.wmff-page .em-s25 { display: flex; gap: 6px } #emissor-nota.wmff-page .em-s26 { flex: 1; text-align: center; font-family: var(--wm-font-sans, Inter, sans-serif); font-size: 11px; font-weight: 500; color: var(--wm-ink-500) } #emissor-nota.wmff-page .em-s27 { display: flex; align-items: center; gap: 12px; padding: 10px 14px; background: var(--wm-ink-50); border-bottom: 1px solid var(--wm-border) } #emissor-nota.wmff-page .em-s28 { width: 22px; height: 22px; border-radius: 6px; filter: brightness(0) invert(1); filter: brightness(0) invert(1) } #emissor-nota.wmff-page .em-s29 { width: 18px; height: 18px; border-radius: 5px; background: rgba(255,255,255,0.22); transition: background-color 900ms ease-in-out } #emissor-nota.wmff-page .em-s30 { width: 18px; height: 18px; border-radius: 5px; background: rgba(255,255,255,0.1); transition: background-color 900ms ease-in-out } #emissor-nota.wmff-page .em-s31 { width: 46px; background: var(--wm-green-900); display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 14px 0 } #emissor-nota.wmff-page .em-s32 { padding: 5px 10px; border-radius: 8px; border: 1px solid var(--wm-border); font-size: 10.5px; color: var(--wm-ink-600) } #emissor-nota.wmff-page .em-s33 { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 8px; background: var(--wm-green-50); color: var(--wm-green-700); font-size: 10.5px; font-weight: 600 } #emissor-nota.wmff-page .em-s34 { display: flex; align-items: center; gap: 10px; flex-wrap: wrap } #emissor-nota.wmff-page .em-s35 { font-family: var(--wm-font-display); font-size: 19px; font-weight: 500; color: var(--wm-green-900) } #emissor-nota.wmff-page .em-s36 { font-size: 10.5px; color: var(--wm-ink-400); margin-top: 2px } #emissor-nota.wmff-page .em-s37 { font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wm-ink-500) } #emissor-nota.wmff-page .em-s38 { font-size: clamp(17px, 1.9vw, 24px); font-weight: 600; color: var(--wm-green-900); margin-top: 4px; white-space: nowrap } #emissor-nota.wmff-page .em-s39 { font-size: 10.5px; color: var(--wm-green-600); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } #emissor-nota.wmff-page .em-s40 { padding: 12px; border-radius: 12px; background: var(--wm-green-50); border: 1px solid var(--wm-green-100); min-width: 0; overflow: hidden } #emissor-nota.wmff-page .em-s41 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px } #emissor-nota.wmff-page .em-s42 { font-size: 9.5px; color: var(--wm-ink-400) } #emissor-nota.wmff-page .em-s43 { display: flex; justify-content: space-between; align-items: center } #emissor-nota.wmff-page .em-s44 { width: 100%; height: 58px; display: block } #emissor-nota.wmff-page .em-s45 { position: absolute; inset: 0; clip-path: inset(0 0 0 0) } #emissor-nota.wmff-page .em-s46 { position: relative; margin-top: 8px } #emissor-nota.wmff-page .em-s47 { padding: 12px; border-radius: 12px; border: 1px solid var(--wm-border) } #emissor-nota.wmff-page .em-s48 { width: 40px; font-size: 10px; color: var(--wm-ink-600) } #emissor-nota.wmff-page .em-s49 { display: block; width: 100%; height: 5px; border-radius: 3px; background: var(--wm-green-600) } #emissor-nota.wmff-page .em-s50 { flex: 1; height: 5px; border-radius: 3px; background: var(--wm-ink-100) } #emissor-nota.wmff-page .em-s51 { font-size: 10px; color: var(--wm-ink-600) } #emissor-nota.wmff-page .em-s52 { display: flex; align-items: center; gap: 8px } #emissor-nota.wmff-page .em-s53 { display: block; width: 62%; height: 5px; border-radius: 3px; background: var(--wm-green-500) } #emissor-nota.wmff-page .em-s54 { display: block; width: 30%; height: 5px; border-radius: 3px; background: var(--wm-green-400) } #emissor-nota.wmff-page .em-s55 { display: block; width: 14%; height: 5px; border-radius: 3px; background: var(--wm-green-300) } #emissor-nota.wmff-page .em-s56 { padding: 12px; border-radius: 12px; border: 1px solid var(--wm-border); display: flex; flex-direction: column; gap: 7px } #emissor-nota.wmff-page .em-s57 { width: 7px; height: 7px; border-radius: 50%; background: var(--wm-green-vivid) } #emissor-nota.wmff-page .em-s58 { margin-left: auto; color: var(--wm-green-900) } #emissor-nota.wmff-page .em-s59 { display: flex; align-items: center; gap: 8px; font-size: 10.5px; color: var(--wm-ink-600) } #emissor-nota.wmff-page .em-s60 { width: 7px; height: 7px; border-radius: 50%; background: var(--wm-amber-500) } #emissor-nota.wmff-page .em-s61 { width: 7px; height: 7px; border-radius: 50%; background: var(--wm-red-600) } #emissor-nota.wmff-page .em-s62 { width: 7px; height: 7px; border-radius: 50%; background: var(--wm-ink-300) } #emissor-nota.wmff-page .em-s63 { flex: 1; padding: 16px 18px; display: flex; flex-direction: column; gap: 14px; background: var(--wm-white) } #emissor-nota.wmff-page .em-s64 { display: flex; min-height: 380px } #emissor-nota.wmff-page .em-s65 { border-radius: 16px; overflow: hidden; background: var(--wm-white); border: 1px solid var(--wm-ink-200); box-shadow: 0 30px 70px rgba(10,41,33,0.16) } #emissor-nota.wmff-page .em-s66 { width: 26px; height: 26px; border-radius: 8px; background: var(--wm-green-50); display: inline-flex; align-items: center; justify-content: center; color: var(--wm-green-700) } #emissor-nota.wmff-page .em-s67 { color: var(--wm-green-800) } #emissor-nota.wmff-page .em-s68 { font-size: 11.5px; line-height: 1.35; color: var(--wm-ink-700) } #emissor-nota.wmff-page .em-s69 { display: flex; align-items: center; gap: 9px; padding: 10px 14px; white-space: nowrap; animation: wm-float-a 6.5s ease-in-out 1; border-radius: 12px; background: var(--wm-white); border: 1px solid var(--wm-green-200); box-shadow: 0 14px 34px rgba(10,41,33,0.14) } #emissor-nota.wmff-page .em-s70 { position: absolute; left: 50%; bottom: -26px; transform: translateX(-50%) } #emissor-nota.wmff-page .em-s71 { position: absolute; right: -18px; top: -18px; animation: wm-float-b 7.8s ease-in-out 1; padding: 9px 14px; border-radius: 999px; background: var(--wm-green-900); color: var(--wm-green-300); font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; box-shadow: 0 14px 30px rgba(10,41,33,0.2) } #emissor-nota.wmff-page .em-s72 { position: relative } #emissor-nota.wmff-page .em-s73 { min-width: 0; display: flex; flex-direction: column; align-items: stretch; gap: 30px; margin-left: clamp(-64px, -4.5vw, 0px) } #emissor-nota.wmff-page .em-s74 { position: relative; max-width: 1280px; margin: 0 auto; padding: clamp(48px, 7vw, 76px) clamp(20px, 4vw, 40px) clamp(68px, 8.5vw, 108px); display: grid; grid-template-columns: var(--em-heroCols); gap: clamp(32px, 4.5vw, 56px); align-items: center } /* Panel and ERP source declarations, em-s75..184. */ #emissor-nota.wmff-page .em-s75 { position: relative; background: var(--wm-green-50); overflow: hidden } #emissor-nota.wmff-page .em-s76 { font-style: italic; font-weight: 600; color: var(--wm-green-600) } #emissor-nota.wmff-page .em-s77 { margin: 0; font-family: var(--wm-font-display); font-weight: 500; font-size: clamp(32px, 4.2vw, 42px); line-height: 1.12; letter-spacing: -0.022em; color: var(--wm-green-900); text-wrap: pretty } #emissor-nota.wmff-page .em-s78 { display: flex; flex-direction: column; gap: 14px; max-width: 760px } #emissor-nota.wmff-page .em-s79 { font-size: 14px; font-weight: 600; color: var(--wm-green-900) } #emissor-nota.wmff-page .em-s80 { font-size: 10px; color: var(--wm-ink-500) } #emissor-nota.wmff-page .em-s81 { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap } #emissor-nota.wmff-page .em-s82 { font-size: 10px; font-weight: 500; color: var(--wm-ink-600); white-space: nowrap; overflow: hidden; text-overflow: ellipsis } #emissor-nota.wmff-page .em-s83 { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } #emissor-nota.wmff-page .em-s84 { flex-shrink: 0; display: inline-flex; color: var(--wm-ink-400) } #emissor-nota.wmff-page .em-s85 { display: flex; align-items: center; gap: 6px; height: 26px; box-sizing: border-box; padding: 0 8px; border-radius: 6px; background: var(--wm-white); border: 1px solid var(--wm-ink-200); font-size: 11px; color: var(--wm-ink-800); overflow: hidden } #emissor-nota.wmff-page .em-s86 { flex: 1 1 60px; min-width: 0; display: flex; flex-direction: column; gap: 4px } #emissor-nota.wmff-page .em-s87 { flex: 1.3 1 80px; min-width: 0; display: flex; flex-direction: column; gap: 4px } #emissor-nota.wmff-page .em-s88 { flex: 1 1 70px; min-width: 0; display: flex; flex-direction: column; gap: 4px } #emissor-nota.wmff-page .em-s89 { color: var(--wm-red-600) } #emissor-nota.wmff-page .em-s90 { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; clip-path: inset(0 var(--em-pv-nat-c) 0 0); transition: clip-path var(--em-pvT) } #emissor-nota.wmff-page .em-s91 { display: flex; align-items: center; gap: 6px; height: 26px; box-sizing: border-box; padding: 0 8px; border-radius: 6px; background: var(--wm-white); border: 1px solid var(--em-pv-nat-b); box-shadow: var(--em-pv-nat-s); transition: border-color 200ms ease, box-shadow 200ms ease; font-size: 11px; color: var(--wm-ink-800); overflow: hidden } #emissor-nota.wmff-page .em-s92 { flex: 1.8 1 120px; min-width: 0; display: flex; flex-direction: column; gap: 4px } #emissor-nota.wmff-page .em-s93 { display: flex; flex-wrap: wrap; gap: 8px 10px; padding: 10px 12px; border-radius: 8px; background: var(--wm-green-100); border: 1px solid var(--wm-green-200) } #emissor-nota.wmff-page .em-s94 { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 9px 4px; border-radius: 8px; background: var(--wm-green-700); border: 1px solid var(--wm-green-700); color: var(--wm-white); font-size: 10px; font-weight: 500 } #emissor-nota.wmff-page .em-s95 { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 9px 4px; border-radius: 8px; background: var(--wm-white); border: 1px solid var(--wm-ink-200); color: var(--wm-green-700); font-size: 10px; font-weight: 500 } #emissor-nota.wmff-page .em-s96 { flex: 0 0 64px; display: flex; flex-direction: column; gap: 6px } #emissor-nota.wmff-page .em-s97 { width: 6px; height: 1.5px; background: var(--wm-white) } #emissor-nota.wmff-page .em-s98 { width: 12px; height: 12px; border-radius: 3px; background: var(--wm-green-700); display: inline-flex; align-items: center; justify-content: center } #emissor-nota.wmff-page .em-s99 { font-size: 12.5px; font-weight: 600; color: var(--wm-green-800) } #emissor-nota.wmff-page .em-s100 { display: flex; align-items: center; gap: 8px; padding-bottom: 7px; border-bottom: 1px solid var(--wm-green-600) } #emissor-nota.wmff-page .em-s101 { width: 12px; height: 12px; box-sizing: border-box; border-radius: 50%; background: var(--wm-green-700); border: 0; color: var(--wm-white); display: inline-flex; align-items: center; justify-content: center } #emissor-nota.wmff-page .em-s102 { display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; color: var(--wm-ink-700); white-space: nowrap } #emissor-nota.wmff-page .em-s103 { width: 12px; height: 12px; box-sizing: border-box; border-radius: 50%; background: var(--wm-white); border: 1px solid var(--wm-ink-300); display: inline-flex; align-items: center; justify-content: center } #emissor-nota.wmff-page .em-s104 { display: flex; flex-wrap: wrap; gap: 6px 14px } #emissor-nota.wmff-page .em-s105 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--wm-ink-400); opacity: var(--em-pv-nome-p); transition: opacity 90ms ease } #emissor-nota.wmff-page .em-s106 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; clip-path: inset(0 var(--em-pv-nome-c) 0 0); transition: clip-path var(--em-pvT) } #emissor-nota.wmff-page .em-s107 { flex: 1; min-width: 0; display: grid } #emissor-nota.wmff-page .em-s108 { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 6px; height: 28px; box-sizing: border-box; padding: 0 8px; border-radius: 6px; background: var(--wm-white); border: 1px solid var(--em-pv-nome-b); box-shadow: var(--em-pv-nome-s); transition: border-color 200ms ease, box-shadow 200ms ease; font-size: 11px; color: var(--wm-ink-800); overflow: hidden } #emissor-nota.wmff-page .em-s109 { flex: 2 1 150px; min-width: 0; display: flex } #emissor-nota.wmff-page .em-s110 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--wm-ink-400); opacity: var(--em-pv-cpf-p); transition: opacity 90ms ease } #emissor-nota.wmff-page .em-s111 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; clip-path: inset(0 var(--em-pv-cpf-c) 0 0); transition: clip-path var(--em-pvT) } #emissor-nota.wmff-page .em-s112 { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 6px; height: 28px; box-sizing: border-box; padding: 0 8px; border-radius: 6px; background: var(--wm-white); border: 1px solid var(--em-pv-cpf-b); box-shadow: var(--em-pv-cpf-s); transition: border-color 200ms ease, box-shadow 200ms ease; font-size: 11px; color: var(--wm-ink-800); overflow: hidden } #emissor-nota.wmff-page .em-s113 { flex: 1 1 96px; min-width: 0; display: flex } #emissor-nota.wmff-page .em-s114 { display: flex; flex-wrap: wrap; gap: 8px 10px } #emissor-nota.wmff-page .em-s115 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--wm-ink-400); opacity: var(--em-pv-cep-p); transition: opacity 90ms ease } #emissor-nota.wmff-page .em-s116 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; clip-path: inset(0 var(--em-pv-cep-c) 0 0); transition: clip-path var(--em-pvT) } #emissor-nota.wmff-page .em-s117 { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 6px; height: 28px; box-sizing: border-box; padding: 0 8px; border-radius: 6px; background: var(--wm-white); border: 1px solid var(--em-pv-cep-b); box-shadow: var(--em-pv-cep-s); transition: border-color 200ms ease, box-shadow 200ms ease; font-size: 11px; color: var(--wm-ink-800); overflow: hidden } #emissor-nota.wmff-page .em-s118 { flex: 1 1 72px; min-width: 0; display: flex } #emissor-nota.wmff-page .em-s119 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--wm-ink-400); opacity: var(--em-pv-end-p); transition: opacity 90ms ease } #emissor-nota.wmff-page .em-s120 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; clip-path: inset(0 var(--em-pv-end-c) 0 0); transition: clip-path var(--em-pvT) } #emissor-nota.wmff-page .em-s121 { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 6px; height: 28px; box-sizing: border-box; padding: 0 8px; border-radius: 6px; background: var(--wm-white); border: 1px solid var(--em-pv-end-b); box-shadow: var(--em-pv-end-s); transition: border-color 200ms ease, box-shadow 200ms ease; font-size: 11px; color: var(--wm-ink-800); overflow: hidden } #emissor-nota.wmff-page .em-s122 { flex: 2 1 120px; min-width: 0; display: flex } #emissor-nota.wmff-page .em-s123 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--wm-ink-400); opacity: var(--em-pv-num-p); transition: opacity 90ms ease } #emissor-nota.wmff-page .em-s124 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; clip-path: inset(0 var(--em-pv-num-c) 0 0); transition: clip-path var(--em-pvT) } #emissor-nota.wmff-page .em-s125 { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 6px; height: 28px; box-sizing: border-box; padding: 0 8px; border-radius: 6px; background: var(--wm-white); border: 1px solid var(--em-pv-num-b); box-shadow: var(--em-pv-num-s); transition: border-color 200ms ease, box-shadow 200ms ease; font-size: 11px; color: var(--wm-ink-800); overflow: hidden } #emissor-nota.wmff-page .em-s126 { flex: 0.8 1 52px; min-width: 0; display: flex } #emissor-nota.wmff-page .em-s127 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--wm-ink-400); opacity: var(--em-pv-bai-p); transition: opacity 90ms ease } #emissor-nota.wmff-page .em-s128 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; clip-path: inset(0 var(--em-pv-bai-c) 0 0); transition: clip-path var(--em-pvT) } #emissor-nota.wmff-page .em-s129 { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 6px; height: 28px; box-sizing: border-box; padding: 0 8px; border-radius: 6px; background: var(--wm-white); border: 1px solid var(--em-pv-bai-b); box-shadow: var(--em-pv-bai-s); transition: border-color 200ms ease, box-shadow 200ms ease; font-size: 11px; color: var(--wm-ink-800); overflow: hidden } #emissor-nota.wmff-page .em-s130 { flex: 1 1 80px; min-width: 0; display: flex } #emissor-nota.wmff-page .em-s131 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--wm-ink-400); opacity: var(--em-pv-cid-p); transition: opacity 90ms ease } #emissor-nota.wmff-page .em-s132 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; clip-path: inset(0 var(--em-pv-cid-c) 0 0); transition: clip-path var(--em-pvT) } #emissor-nota.wmff-page .em-s133 { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 6px; height: 28px; box-sizing: border-box; padding: 0 8px; border-radius: 6px; background: var(--wm-white); border: 1px solid var(--em-pv-cid-b); box-shadow: var(--em-pv-cid-s); transition: border-color 200ms ease, box-shadow 200ms ease; font-size: 11px; color: var(--wm-ink-800); overflow: hidden } #emissor-nota.wmff-page .em-s134 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--wm-ink-400); opacity: var(--em-pv-est-p); transition: opacity 90ms ease } #emissor-nota.wmff-page .em-s135 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; clip-path: inset(0 var(--em-pv-est-c) 0 0); transition: clip-path var(--em-pvT) } #emissor-nota.wmff-page .em-s136 { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 6px; height: 28px; box-sizing: border-box; padding: 0 8px; border-radius: 6px; background: var(--wm-white); border: 1px solid var(--em-pv-est-b); box-shadow: var(--em-pv-est-s); transition: border-color 200ms ease, box-shadow 200ms ease; font-size: 11px; color: var(--wm-ink-800); overflow: hidden } #emissor-nota.wmff-page .em-s137 { flex: 0.7 1 60px; min-width: 0; display: flex } #emissor-nota.wmff-page .em-s138 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--wm-ink-400); opacity: var(--em-pv-mail-p); transition: opacity 90ms ease } #emissor-nota.wmff-page .em-s139 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; clip-path: inset(0 var(--em-pv-mail-c) 0 0); transition: clip-path var(--em-pvT) } #emissor-nota.wmff-page .em-s140 { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 6px; height: 28px; box-sizing: border-box; padding: 0 8px; border-radius: 6px; background: var(--wm-white); border: 1px solid var(--em-pv-mail-b); box-shadow: var(--em-pv-mail-s); transition: border-color 200ms ease, box-shadow 200ms ease; font-size: 11px; color: var(--wm-ink-800); overflow: hidden } #emissor-nota.wmff-page .em-s141 { flex: 1.4 1 120px; min-width: 0; display: flex } #emissor-nota.wmff-page .em-s142 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--wm-ink-400); opacity: var(--em-pv-tel-p); transition: opacity 90ms ease } #emissor-nota.wmff-page .em-s143 { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; clip-path: inset(0 var(--em-pv-tel-c) 0 0); transition: clip-path var(--em-pvT) } #emissor-nota.wmff-page .em-s144 { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 6px; height: 28px; box-sizing: border-box; padding: 0 8px; border-radius: 6px; background: var(--wm-white); border: 1px solid var(--em-pv-tel-b); box-shadow: var(--em-pv-tel-s); transition: border-color 200ms ease, box-shadow 200ms ease; font-size: 11px; color: var(--wm-ink-800); overflow: hidden } #emissor-nota.wmff-page .em-s145 { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; justify-content: space-evenly; gap: 8px } #emissor-nota.wmff-page .em-s146 { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box; padding: 12px 14px; border-radius: 8px; background: var(--wm-white); border: 1px solid var(--wm-ink-200) } #emissor-nota.wmff-page .em-s147 { flex: 1 1 auto; min-height: 0; display: flex; gap: 8px } #emissor-nota.wmff-page .em-s148 { width: 12px; height: 12px; box-sizing: border-box; border-radius: 3px; border: 1px solid var(--wm-ink-300); background: var(--wm-white) } #emissor-nota.wmff-page .em-s149 { grid-area: 1 / 1; align-self: center; display: inline-flex; align-items: center; gap: 6px; font-size: 10.5px; color: var(--wm-ink-600); opacity: var(--em-pvTestOp); transition: var(--em-pvTestTr) } #emissor-nota.wmff-page .em-s150 { width: 6px; height: 6px; border-radius: 50%; background: var(--wm-green-600) } #emissor-nota.wmff-page .em-s151 { grid-area: 1 / 1; align-self: center; justify-self: start; display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: var(--wm-green-100); color: var(--wm-green-800); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-pvOkOp); transform: translateY(var(--em-pvOkY)); transition: var(--em-pvOkTr) } #emissor-nota.wmff-page .em-s152 { flex: 1 1 auto; min-width: 0; display: grid } #emissor-nota.wmff-page .em-s153 { padding: 8px 12px; border-radius: 8px; background: var(--wm-white); border: 1px solid var(--wm-ink-200); font-size: 11px; font-weight: 600; color: var(--wm-green-700); white-space: nowrap } #emissor-nota.wmff-page .em-s154 { grid-area: 1 / 1; text-align: center; opacity: var(--em-pvBtnA); transition: var(--em-pvBtnATr) } #emissor-nota.wmff-page .em-s155 { grid-area: 1 / 1; text-align: center; opacity: var(--em-pvBtnB); transition: var(--em-pvBtnBTr) } #emissor-nota.wmff-page .em-s156 { display: grid; padding: 8px 14px; border-radius: 8px; background: var(--em-pvBtnBg); transition: background-color 200ms ease; font-size: 11px; font-weight: 600; color: var(--wm-white); white-space: nowrap } #emissor-nota.wmff-page .em-s157 { display: flex; align-items: center; justify-content: flex-end; gap: 8px 10px; flex-wrap: wrap } #emissor-nota.wmff-page .em-s158 { flex: 1 1 auto; min-height: 0; min-width: 0; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box; padding: 14px; border-radius: 12px; border: 1px solid var(--wm-ink-200); background: var(--wm-green-50); box-shadow: 0 18px 44px rgba(10,41,33,0.10); overflow: hidden; font-family: var(--wm-font-body); text-align: left } #emissor-nota.wmff-page .em-s159 { grid-area: 1 / 1; position: relative; z-index: var(--em-c0Z); min-width: 0; min-height: 0; box-sizing: border-box; padding: 28px; background: var(--wm-ink-50); display: flex; flex-direction: column; opacity: var(--em-c0Op); pointer-events: var(--em-c0PE); transition: var(--em-c0PTr); will-change: opacity } #emissor-nota.wmff-page .em-s160 { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible } #emissor-nota.wmff-page .em-s161 { display: inline-flex; color: var(--wm-green-700) } #emissor-nota.wmff-page .em-s162 { position: absolute; left: 30%; top: 14%; transform: translate(-50%, -50%); display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 10px; background: var(--wm-white); border: 1px solid var(--wm-ink-200); box-shadow: 0 4px 14px rgba(10,41,33,0.06); font-size: 14px; font-weight: 500; color: var(--wm-ink-800); white-space: nowrap } #emissor-nota.wmff-page .em-s163 { position: absolute; left: 70%; top: 14%; transform: translate(-50%, -50%); display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 10px; background: var(--wm-white); border: 1px solid var(--wm-ink-200); box-shadow: 0 4px 14px rgba(10,41,33,0.06); font-size: 14px; font-weight: 500; color: var(--wm-ink-800); white-space: nowrap } #emissor-nota.wmff-page .em-s164 { width: 34px; height: 34px; object-fit: contain; filter: brightness(0) invert(1) } #emissor-nota.wmff-page .em-s165 { width: 60px; height: 60px; border-radius: 16px; background: var(--wm-green-700); box-shadow: 0 0 0 7px rgba(25,197,146,0.10), 0 14px 30px rgba(10,41,33,0.22); display: flex; align-items: center; justify-content: center } #emissor-nota.wmff-page .em-s166 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex } #emissor-nota.wmff-page .em-s167 { display: inline-flex } #emissor-nota.wmff-page .em-s168 { position: absolute; left: 50%; top: 86%; transform: translate(-50%, -50%); display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 10px; background: var(--wm-green-50); border: 1px solid var(--wm-green-200); font-size: 14px; font-weight: 600; color: var(--wm-green-800); white-space: nowrap } #emissor-nota.wmff-page .em-s169 { position: relative; width: 100%; height: 100%; min-height: 200px; background-image: radial-gradient(rgba(14,89,73,0.22) 1px, transparent 1.2px); background-size: 11px 11px; -webkit-mask-image: radial-gradient(ellipse 80% 90% at 50% 50%, #000 60%, transparent 100%); mask-image: radial-gradient(ellipse 80% 90% at 50% 50%, #000 60%, transparent 100%) } #emissor-nota.wmff-page .em-s170 { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 10px; background: var(--wm-white); border: 1px solid var(--wm-ink-200); box-shadow: 0 4px 14px rgba(10,41,33,0.06); font-size: 14px; font-weight: 500; color: var(--wm-ink-800); white-space: nowrap } #emissor-nota.wmff-page .em-s171 { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px } #emissor-nota.wmff-page .em-s172 { width: 1px; height: 22px; border-left: 1px dashed var(--wm-green-300) } #emissor-nota.wmff-page .em-s173 { display: flex; flex-direction: column; align-items: center; gap: 8px } #emissor-nota.wmff-page .em-s174 { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 10px; background: var(--wm-green-50); border: 1px solid var(--wm-green-200); font-size: 14px; font-weight: 600; color: var(--wm-green-800); white-space: nowrap } #emissor-nota.wmff-page .em-s175 { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; gap: 0 } #emissor-nota.wmff-page .em-s176 { flex: 1 1 auto; min-height: 0; display: flex; align-items: stretch; justify-content: center } #emissor-nota.wmff-page .em-s177 { grid-area: 1 / 1; position: relative; z-index: var(--em-c1Z); min-width: 0; min-height: 0; box-sizing: border-box; padding: 28px; background: var(--wm-ink-50); display: flex; flex-direction: column; opacity: var(--em-c1Op); pointer-events: var(--em-c1PE); transition: var(--em-c1PTr); will-change: opacity } #emissor-nota.wmff-page .em-s178 { font-size: 10.5px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wm-ink-400) } #emissor-nota.wmff-page .em-s179 { font-size: 10.5px; color: var(--wm-ink-500) } #emissor-nota.wmff-page .em-s180 { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap } #emissor-nota.wmff-page .em-s181 { width: 6px; height: 6px; border-radius: 50%; background: var(--em-au-p0); transition: background-color 240ms ease } #emissor-nota.wmff-page .em-s182 { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; font-size: 12px; font-weight: 500; background: var(--em-au-b0); border: 1px solid var(--em-au-d0); color: var(--em-au-c0); transition: background-color 240ms ease, border-color 240ms ease, color 240ms ease } #emissor-nota.wmff-page .em-s183 { width: 6px; height: 6px; border-radius: 50%; background: var(--em-au-p1); transition: background-color 240ms ease } #emissor-nota.wmff-page .em-s184 { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; font-size: 12px; font-weight: 500; background: var(--em-au-b1); border: 1px solid var(--em-au-d1); color: var(--em-au-c1); transition: background-color 240ms ease, border-color 240ms ease, color 240ms ease } /* Order feed, tax and contingency source declarations, em-s185..299. */ #emissor-nota.wmff-page .em-s185 { width: 6px; height: 6px; border-radius: 50%; background: var(--em-au-p2); transition: background-color 240ms ease } #emissor-nota.wmff-page .em-s186 { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; font-size: 12px; font-weight: 500; background: var(--em-au-b2); border: 1px solid var(--em-au-d2); color: var(--em-au-c2); transition: background-color 240ms ease, border-color 240ms ease, color 240ms ease } #emissor-nota.wmff-page .em-s187 { display: flex; flex-wrap: wrap; gap: 6px } #emissor-nota.wmff-page .em-s188 { font-size: 12px; font-weight: 600; color: var(--wm-green-900) } #emissor-nota.wmff-page .em-s189 { font-size: 11px; color: var(--wm-ink-500) } #emissor-nota.wmff-page .em-s190 { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; flex-wrap: wrap } #emissor-nota.wmff-page .em-s191 { font-size: 12px; font-weight: 600; color: var(--wm-ink-800); white-space: nowrap; overflow: hidden; text-overflow: ellipsis } #emissor-nota.wmff-page .em-s192 { font-size: 10.5px; color: var(--wm-ink-500); white-space: nowrap } #emissor-nota.wmff-page .em-s193 { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px } #emissor-nota.wmff-page .em-s194 { flex-shrink: 0; font-size: 12px; color: var(--wm-ink-800); white-space: nowrap } #emissor-nota.wmff-page .em-s195 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-ink-100); color: var(--wm-ink-700); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-0-s0); transition: var(--em-auRows-0-t0) } #emissor-nota.wmff-page .em-s196 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-50); color: var(--wm-green-700); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-0-s1); transition: var(--em-auRows-0-t1) } #emissor-nota.wmff-page .em-s197 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-100); color: var(--wm-green-800); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-0-s2); transition: var(--em-auRows-0-t2) } #emissor-nota.wmff-page .em-s198 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-700); color: var(--wm-white); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-0-s3); transition: var(--em-auRows-0-t3) } #emissor-nota.wmff-page .em-s199 { flex: 0 0 auto; display: grid; justify-items: end; min-width: 124px } #emissor-nota.wmff-page .em-s200 { position: absolute; left: 0; right: 0; top: var(--em-auRows-0-top); height: 40px; box-sizing: border-box; display: flex; align-items: center; gap: 10px; padding: 0 12px; border-radius: 10px; background: var(--wm-white); border: 1px solid var(--wm-border); opacity: var(--em-auRows-0-op); transition: var(--em-auRows-0-tr) } #emissor-nota.wmff-page .em-s201 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-ink-100); color: var(--wm-ink-700); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-1-s0); transition: var(--em-auRows-1-t0) } #emissor-nota.wmff-page .em-s202 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-50); color: var(--wm-green-700); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-1-s1); transition: var(--em-auRows-1-t1) } #emissor-nota.wmff-page .em-s203 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-100); color: var(--wm-green-800); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-1-s2); transition: var(--em-auRows-1-t2) } #emissor-nota.wmff-page .em-s204 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-700); color: var(--wm-white); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-1-s3); transition: var(--em-auRows-1-t3) } #emissor-nota.wmff-page .em-s205 { position: absolute; left: 0; right: 0; top: var(--em-auRows-1-top); height: 40px; box-sizing: border-box; display: flex; align-items: center; gap: 10px; padding: 0 12px; border-radius: 10px; background: var(--wm-white); border: 1px solid var(--wm-border); opacity: var(--em-auRows-1-op); transition: var(--em-auRows-1-tr) } #emissor-nota.wmff-page .em-s206 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-ink-100); color: var(--wm-ink-700); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-2-s0); transition: var(--em-auRows-2-t0) } #emissor-nota.wmff-page .em-s207 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-50); color: var(--wm-green-700); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-2-s1); transition: var(--em-auRows-2-t1) } #emissor-nota.wmff-page .em-s208 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-100); color: var(--wm-green-800); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-2-s2); transition: var(--em-auRows-2-t2) } #emissor-nota.wmff-page .em-s209 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-700); color: var(--wm-white); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-2-s3); transition: var(--em-auRows-2-t3) } #emissor-nota.wmff-page .em-s210 { position: absolute; left: 0; right: 0; top: var(--em-auRows-2-top); height: 40px; box-sizing: border-box; display: flex; align-items: center; gap: 10px; padding: 0 12px; border-radius: 10px; background: var(--wm-white); border: 1px solid var(--wm-border); opacity: var(--em-auRows-2-op); transition: var(--em-auRows-2-tr) } #emissor-nota.wmff-page .em-s211 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-ink-100); color: var(--wm-ink-700); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-3-s0); transition: var(--em-auRows-3-t0) } #emissor-nota.wmff-page .em-s212 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-50); color: var(--wm-green-700); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-3-s1); transition: var(--em-auRows-3-t1) } #emissor-nota.wmff-page .em-s213 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-100); color: var(--wm-green-800); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-3-s2); transition: var(--em-auRows-3-t2) } #emissor-nota.wmff-page .em-s214 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-700); color: var(--wm-white); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-3-s3); transition: var(--em-auRows-3-t3) } #emissor-nota.wmff-page .em-s215 { position: absolute; left: 0; right: 0; top: var(--em-auRows-3-top); height: 40px; box-sizing: border-box; display: flex; align-items: center; gap: 10px; padding: 0 12px; border-radius: 10px; background: var(--wm-white); border: 1px solid var(--wm-border); opacity: var(--em-auRows-3-op); transition: var(--em-auRows-3-tr) } #emissor-nota.wmff-page .em-s216 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-ink-100); color: var(--wm-ink-700); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-4-s0); transition: var(--em-auRows-4-t0) } #emissor-nota.wmff-page .em-s217 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-50); color: var(--wm-green-700); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-4-s1); transition: var(--em-auRows-4-t1) } #emissor-nota.wmff-page .em-s218 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-100); color: var(--wm-green-800); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-4-s2); transition: var(--em-auRows-4-t2) } #emissor-nota.wmff-page .em-s219 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-700); color: var(--wm-white); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-4-s3); transition: var(--em-auRows-4-t3) } #emissor-nota.wmff-page .em-s220 { position: absolute; left: 0; right: 0; top: var(--em-auRows-4-top); height: 40px; box-sizing: border-box; display: flex; align-items: center; gap: 10px; padding: 0 12px; border-radius: 10px; background: var(--wm-white); border: 1px solid var(--wm-border); opacity: var(--em-auRows-4-op); transition: var(--em-auRows-4-tr) } #emissor-nota.wmff-page .em-s221 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-ink-100); color: var(--wm-ink-700); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-5-s0); transition: var(--em-auRows-5-t0) } #emissor-nota.wmff-page .em-s222 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-50); color: var(--wm-green-700); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-5-s1); transition: var(--em-auRows-5-t1) } #emissor-nota.wmff-page .em-s223 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-100); color: var(--wm-green-800); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-5-s2); transition: var(--em-auRows-5-t2) } #emissor-nota.wmff-page .em-s224 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-700); color: var(--wm-white); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-auRows-5-s3); transition: var(--em-auRows-5-t3) } #emissor-nota.wmff-page .em-s225 { position: absolute; left: 0; right: 0; top: var(--em-auRows-5-top); height: 40px; box-sizing: border-box; display: flex; align-items: center; gap: 10px; padding: 0 12px; border-radius: 10px; background: var(--wm-white); border: 1px solid var(--wm-border); opacity: var(--em-auRows-5-op); transition: var(--em-auRows-5-tr) } #emissor-nota.wmff-page .em-s226 { position: relative; height: 178px; overflow: hidden } #emissor-nota.wmff-page .em-s227 { display: flex; flex-direction: column; gap: 8px; margin-top: 6px } #emissor-nota.wmff-page .em-s228 { padding: 5px 11px; border-radius: 999px; background: var(--wm-white); border: 1px solid var(--wm-ink-200); font-size: 13px; font-weight: 500; color: var(--wm-ink-800); white-space: nowrap } #emissor-nota.wmff-page .em-s229 { display: flex; flex-direction: column; gap: 6px } #emissor-nota.wmff-page .em-s230 { display: flex; flex-direction: column; gap: 12px; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--wm-border) } #emissor-nota.wmff-page .em-s231 { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 8px; min-width: 0 } #emissor-nota.wmff-page .em-s232 { grid-area: 1 / 1; position: relative; z-index: var(--em-c2Z); min-width: 0; min-height: 0; box-sizing: border-box; padding: 28px; background: var(--wm-ink-50); display: flex; flex-direction: column; opacity: var(--em-c2Op); pointer-events: var(--em-c2PE); transition: var(--em-c2PTr); will-change: opacity } #emissor-nota.wmff-page .em-s233 { padding: 3px 8px; border-radius: 999px; background: var(--wm-white); border: 1px solid var(--wm-border) } #emissor-nota.wmff-page .em-s234 { padding: 3px 8px; border-radius: 999px; background: var(--wm-green-100); color: var(--wm-green-800) } #emissor-nota.wmff-page .em-s235 { display: flex; align-items: center; gap: 6px; font-size: 10.5px; font-weight: 600; color: var(--wm-ink-500) } #emissor-nota.wmff-page .em-s236 { display: flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 600; color: var(--wm-green-700) } #emissor-nota.wmff-page .em-s237 { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px; background: var(--wm-ink-50); border-bottom: 1px solid var(--wm-border) } #emissor-nota.wmff-page .em-s238 { font-weight: 600; color: var(--wm-ink-800) } #emissor-nota.wmff-page .em-s239 { text-align: right; color: var(--wm-ink-800) } #emissor-nota.wmff-page .em-s240 { font-size: 10.5px; text-align: right; color: var(--wm-ink-500) } #emissor-nota.wmff-page .em-s241 { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 10px 14px; border-bottom: 1px solid var(--wm-ink-100) } #emissor-nota.wmff-page .em-s242 { font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wm-ink-400) } #emissor-nota.wmff-page .em-s243 { font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wm-ink-400); text-align: right } #emissor-nota.wmff-page .em-s244 { color: var(--wm-ink-800); font-weight: 600; opacity: var(--em-tx-n0); transform: translateY(var(--em-tx-ny0)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s245 { text-align: right; color: var(--wm-ink-500); opacity: var(--em-tx-v0); transform: translateY(var(--em-tx-vy0)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s246 { text-align: right; color: var(--wm-ink-800); opacity: var(--em-tx-v0); transform: translateY(var(--em-tx-vy0)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s247 { color: var(--wm-ink-800); font-weight: 600; opacity: var(--em-tx-n1); transform: translateY(var(--em-tx-ny1)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s248 { text-align: right; color: var(--wm-ink-500); opacity: var(--em-tx-v1); transform: translateY(var(--em-tx-vy1)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s249 { text-align: right; color: var(--wm-ink-800); opacity: var(--em-tx-v1); transform: translateY(var(--em-tx-vy1)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s250 { color: var(--wm-ink-800); font-weight: 600; opacity: var(--em-tx-n2); transform: translateY(var(--em-tx-ny2)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s251 { text-align: right; color: var(--wm-ink-500); opacity: var(--em-tx-v2); transform: translateY(var(--em-tx-vy2)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s252 { text-align: right; color: var(--wm-ink-800); opacity: var(--em-tx-v2); transform: translateY(var(--em-tx-vy2)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s253 { color: var(--wm-ink-800); font-weight: 600; opacity: var(--em-tx-n3); transform: translateY(var(--em-tx-ny3)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s254 { text-align: right; color: var(--wm-ink-500); opacity: var(--em-tx-v3); transform: translateY(var(--em-tx-vy3)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s255 { text-align: right; color: var(--wm-ink-800); opacity: var(--em-tx-v3); transform: translateY(var(--em-tx-vy3)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s256 { color: var(--wm-ink-800); font-weight: 600; opacity: var(--em-tx-n4); transform: translateY(var(--em-tx-ny4)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s257 { text-align: right; color: var(--wm-ink-500); opacity: var(--em-tx-v4); transform: translateY(var(--em-tx-vy4)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s258 { text-align: right; color: var(--wm-ink-800); opacity: var(--em-tx-v4); transform: translateY(var(--em-tx-vy4)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s259 { display: grid; grid-template-columns: minmax(0, 1fr) 56px 72px; gap: 7px 10px; padding: 10px 14px } #emissor-nota.wmff-page .em-s260 { flex: 1; display: flex; flex-direction: column; border-radius: 12px; background: var(--wm-white); border: 1px solid var(--wm-border); overflow: hidden; box-shadow: 0 12px 30px rgba(10,41,33,0.08); font-size: 11.5px } #emissor-nota.wmff-page .em-s261 { font-size: 10.5px; color: var(--wm-green-700); font-weight: 600 } #emissor-nota.wmff-page .em-s262 { grid-area: 1 / 1; position: relative; z-index: var(--em-c3Z); min-width: 0; min-height: 0; box-sizing: border-box; padding: 28px; background: var(--wm-ink-50); display: flex; flex-direction: column; opacity: var(--em-c3Op); pointer-events: var(--em-c3PE); transition: var(--em-c3PTr); will-change: opacity } #emissor-nota.wmff-page .em-s263 { font-weight: 600; color: var(--wm-green-800) } #emissor-nota.wmff-page .em-s264 { font-size: 12px; font-weight: 600; color: var(--wm-ink-800); white-space: nowrap } #emissor-nota.wmff-page .em-s265 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-100); color: var(--wm-green-800); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-cg-pA0); transition: var(--em-cg-tA0) } #emissor-nota.wmff-page .em-s266 { width: 6px; height: 6px; border-radius: 50%; background: var(--wm-amber-500) } #emissor-nota.wmff-page .em-s267 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: color-mix(in oklab, var(--wm-amber-500) 16%, white); color: color-mix(in oklab, var(--wm-amber-500) 68%, black); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-cg-pA1); transition: var(--em-cg-tA1) } #emissor-nota.wmff-page .em-s268 { width: 6px; height: 6px; border-radius: 50%; background: var(--wm-red-600) } #emissor-nota.wmff-page .em-s269 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: color-mix(in oklab, var(--wm-red-600) 12%, white); color: var(--wm-red-600); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-cg-pA2); transition: var(--em-cg-tA2) } #emissor-nota.wmff-page .em-s270 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-100); color: var(--wm-green-800); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-cg-pA3); transition: var(--em-cg-tA3) } #emissor-nota.wmff-page .em-s271 { display: grid; justify-items: start } #emissor-nota.wmff-page .em-s272 { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; min-width: 0 } #emissor-nota.wmff-page .em-s273 { position: absolute; left: 0; right: 0; top: 50%; border-top: 1.5px var(--em-cg-lsA) var(--em-cg-lcA); transition: border-color 260ms ease } #emissor-nota.wmff-page .em-s274 { position: absolute; inset: 0; opacity: var(--em-cg-fA); transition: opacity 300ms ease } #emissor-nota.wmff-page .em-s275 { position: absolute; right: -4px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; box-sizing: border-box; border-radius: 50%; background: var(--wm-white); border: 1.5px solid var(--em-cg-lcA); transition: border-color 260ms ease } #emissor-nota.wmff-page .em-s276 { position: relative; height: 26px; min-width: 0 } #emissor-nota.wmff-page .em-s277 { display: grid; grid-template-columns: minmax(96px, auto) minmax(0, 1fr); align-items: center; gap: 14px; padding: 12px 14px; border-radius: 10px; background: var(--wm-white); border: 1px solid var(--em-cg-bA); transition: border-color 260ms ease } #emissor-nota.wmff-page .em-s278 { width: 6px; height: 6px; border-radius: 50%; background: var(--wm-ink-400) } #emissor-nota.wmff-page .em-s279 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-ink-100); color: var(--wm-ink-600); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-cg-pB0); transition: var(--em-cg-tB0) } #emissor-nota.wmff-page .em-s280 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: color-mix(in oklab, var(--wm-amber-500) 16%, white); color: color-mix(in oklab, var(--wm-amber-500) 68%, black); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-cg-pB1); transition: var(--em-cg-tB1) } #emissor-nota.wmff-page .em-s281 { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wm-green-100); color: var(--wm-green-800); font-size: 10.5px; font-weight: 600; white-space: nowrap; opacity: var(--em-cg-pB2); transition: var(--em-cg-tB2) } #emissor-nota.wmff-page .em-s282 { position: absolute; left: 0; right: 0; top: 50%; border-top: 1.5px var(--em-cg-lsB) var(--em-cg-lcB); transition: border-color 260ms ease } #emissor-nota.wmff-page .em-s283 { position: absolute; inset: 0; opacity: var(--em-cg-fB); transition: opacity 300ms ease } #emissor-nota.wmff-page .em-s284 { position: absolute; right: -4px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; box-sizing: border-box; border-radius: 50%; background: var(--wm-white); border: 1.5px solid var(--em-cg-lcB); transition: border-color 260ms ease } #emissor-nota.wmff-page .em-s285 { display: grid; grid-template-columns: minmax(96px, auto) minmax(0, 1fr); align-items: center; gap: 14px; padding: 12px 14px; border-radius: 10px; background: var(--wm-white); border: 1px solid var(--em-cg-bB); transition: border-color 260ms ease } #emissor-nota.wmff-page .em-s286 { grid-area: 1 / 1; opacity: var(--em-cg-m0); transform: translateY(var(--em-cg-my0)); transition: var(--em-cg-mt0) } #emissor-nota.wmff-page .em-s287 { grid-area: 1 / 1; opacity: var(--em-cg-m1); transform: translateY(var(--em-cg-my1)); transition: var(--em-cg-mt1) } #emissor-nota.wmff-page .em-s288 { grid-area: 1 / 1; opacity: var(--em-cg-m2); transform: translateY(var(--em-cg-my2)); transition: var(--em-cg-mt2) } #emissor-nota.wmff-page .em-s289 { grid-area: 1 / 1; opacity: var(--em-cg-m3); transform: translateY(var(--em-cg-my3)); transition: var(--em-cg-mt3) } #emissor-nota.wmff-page .em-s290 { display: grid; font-size: 11.5px; line-height: 1.5; color: var(--wm-ink-700) } #emissor-nota.wmff-page .em-s291 { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--wm-border); background: var(--wm-white); font-size: 11px; font-weight: 500; color: var(--wm-ink-700); text-decoration: none } #emissor-nota.wmff-page .em-s292 { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--wm-border); display: flex; flex-direction: column; gap: 8px } #emissor-nota.wmff-page .em-s293 { grid-area: 1 / 1; position: relative; z-index: var(--em-c4Z); min-width: 0; min-height: 0; box-sizing: border-box; padding: 28px; background: var(--wm-ink-50); display: flex; flex-direction: column; opacity: var(--em-c4Op); pointer-events: var(--em-c4PE); transition: var(--em-c4PTr); will-change: opacity } #emissor-nota.wmff-page .em-s294 { padding: 13px 18px; background: var(--wm-ink-50); border-bottom: 1px solid var(--wm-border); font-weight: 600; color: var(--wm-green-900) } #emissor-nota.wmff-page .em-s295 { font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wm-ink-400) } #emissor-nota.wmff-page .em-s296 { text-align: left } #emissor-nota.wmff-page .em-s297 { text-align: center; font-size: 12px; color: var(--wm-green-500) } #emissor-nota.wmff-page .em-s298 { text-align: right } #emissor-nota.wmff-page .em-s299 { text-align: left; color: var(--wm-ink-800); opacity: var(--em-bpRows-0-eo); transform: translateY(var(--em-bpRows-0-ey)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } /* Bypass, channels and infrastructure source declarations, em-s300..399. */ #emissor-nota.wmff-page .em-s300 { position: absolute; left: 0; right: 0; top: 50%; border-top: 1px dashed var(--wm-ink-200) } #emissor-nota.wmff-page .em-s301 { position: absolute; left: 0; top: 50%; height: 1.5px; margin-top: -0.75px; width: var(--em-bpRows-0-w); background: var(--wm-green-500); transition: width var(--em-bpRows-0-wt) } #emissor-nota.wmff-page .em-s302 { opacity: var(--em-bpRows-0-eq); transform: scale(var(--em-bpRows-0-es)); transition: opacity 180ms ease, transform 220ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s303 { position: absolute; left: var(--em-bpRows-0-cl); top: 50%; transform: translate(-50%,-50%); width: 20px; height: 20px; box-sizing: border-box; border-radius: 50%; background: var(--wm-white); border: 1.5px solid var(--wm-green-500); color: var(--wm-green-700); font-size: 12px; font-weight: 600; line-height: 1; display: flex; align-items: center; justify-content: center; opacity: var(--em-bpRows-0-co); transition: left var(--em-bpRows-0-wt), opacity 160ms ease } #emissor-nota.wmff-page .em-s304 { position: relative; height: 20px; display: flex; align-items: center } #emissor-nota.wmff-page .em-s305 { text-align: right; font-weight: 600; color: var(--wm-green-800); opacity: var(--em-bpRows-0-xo); transform: translateX(var(--em-bpRows-0-xx)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s306 { text-align: left; color: var(--wm-ink-800); opacity: var(--em-bpRows-1-eo); transform: translateY(var(--em-bpRows-1-ey)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s307 { position: absolute; left: 0; top: 50%; height: 1.5px; margin-top: -0.75px; width: var(--em-bpRows-1-w); background: var(--wm-green-500); transition: width var(--em-bpRows-1-wt) } #emissor-nota.wmff-page .em-s308 { opacity: var(--em-bpRows-1-eq); transform: scale(var(--em-bpRows-1-es)); transition: opacity 180ms ease, transform 220ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s309 { position: absolute; left: var(--em-bpRows-1-cl); top: 50%; transform: translate(-50%,-50%); width: 20px; height: 20px; box-sizing: border-box; border-radius: 50%; background: var(--wm-white); border: 1.5px solid var(--wm-green-500); color: var(--wm-green-700); font-size: 12px; font-weight: 600; line-height: 1; display: flex; align-items: center; justify-content: center; opacity: var(--em-bpRows-1-co); transition: left var(--em-bpRows-1-wt), opacity 160ms ease } #emissor-nota.wmff-page .em-s310 { text-align: right; font-weight: 600; color: var(--wm-green-800); opacity: var(--em-bpRows-1-xo); transform: translateX(var(--em-bpRows-1-xx)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s311 { text-align: left; color: var(--wm-ink-800); opacity: var(--em-bpRows-2-eo); transform: translateY(var(--em-bpRows-2-ey)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s312 { position: absolute; left: 0; top: 50%; height: 1.5px; margin-top: -0.75px; width: var(--em-bpRows-2-w); background: var(--wm-green-500); transition: width var(--em-bpRows-2-wt) } #emissor-nota.wmff-page .em-s313 { opacity: var(--em-bpRows-2-eq); transform: scale(var(--em-bpRows-2-es)); transition: opacity 180ms ease, transform 220ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s314 { position: absolute; left: var(--em-bpRows-2-cl); top: 50%; transform: translate(-50%,-50%); width: 20px; height: 20px; box-sizing: border-box; border-radius: 50%; background: var(--wm-white); border: 1.5px solid var(--wm-green-500); color: var(--wm-green-700); font-size: 12px; font-weight: 600; line-height: 1; display: flex; align-items: center; justify-content: center; opacity: var(--em-bpRows-2-co); transition: left var(--em-bpRows-2-wt), opacity 160ms ease } #emissor-nota.wmff-page .em-s315 { text-align: right; font-weight: 600; color: var(--wm-green-800); opacity: var(--em-bpRows-2-xo); transform: translateX(var(--em-bpRows-2-xx)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s316 { text-align: left; color: var(--wm-ink-800); opacity: var(--em-bpRows-3-eo); transform: translateY(var(--em-bpRows-3-ey)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s317 { position: absolute; left: 0; top: 50%; height: 1.5px; margin-top: -0.75px; width: var(--em-bpRows-3-w); background: var(--wm-green-500); transition: width var(--em-bpRows-3-wt) } #emissor-nota.wmff-page .em-s318 { opacity: var(--em-bpRows-3-eq); transform: scale(var(--em-bpRows-3-es)); transition: opacity 180ms ease, transform 220ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s319 { position: absolute; left: var(--em-bpRows-3-cl); top: 50%; transform: translate(-50%,-50%); width: 20px; height: 20px; box-sizing: border-box; border-radius: 50%; background: var(--wm-white); border: 1.5px solid var(--wm-green-500); color: var(--wm-green-700); font-size: 12px; font-weight: 600; line-height: 1; display: flex; align-items: center; justify-content: center; opacity: var(--em-bpRows-3-co); transition: left var(--em-bpRows-3-wt), opacity 160ms ease } #emissor-nota.wmff-page .em-s320 { text-align: right; font-weight: 600; color: var(--wm-green-800); opacity: var(--em-bpRows-3-xo); transform: translateX(var(--em-bpRows-3-xx)); transition: opacity 280ms cubic-bezier(0.22,1,0.36,1), transform 280ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s321 { display: grid; grid-template-columns: auto auto minmax(40px, 1fr) auto; gap: 12px 14px; align-items: center; align-content: space-evenly; flex: 1 1 auto; padding: 16px 18px } #emissor-nota.wmff-page .em-s322 { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--wm-green-900) } #emissor-nota.wmff-page .em-s323 { color: var(--wm-ink-500) } #emissor-nota.wmff-page .em-s324 { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 13px 18px; border-top: 1px solid var(--wm-border); opacity: var(--em-bpDoneOp); transform: translateY(var(--em-bpDoneY)); transition: opacity 360ms cubic-bezier(0.22,1,0.36,1), transform 360ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s325 { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; border-radius: 12px; background: var(--wm-white); border: 1px solid var(--wm-border); overflow: hidden; box-shadow: 0 12px 30px rgba(10,41,33,0.08); font-size: 14px } #emissor-nota.wmff-page .em-s326 { font-size: 12.5px; color: var(--wm-ink-500) } #emissor-nota.wmff-page .em-s327 { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap } #emissor-nota.wmff-page .em-s328 { grid-area: 1 / 1; position: relative; z-index: var(--em-c5Z); min-width: 0; min-height: 0; box-sizing: border-box; padding: 28px; background: var(--wm-ink-50); display: flex; flex-direction: column; opacity: var(--em-c5Op); pointer-events: var(--em-c5PE); transition: var(--em-c5PTr); will-change: opacity } #emissor-nota.wmff-page .em-s329 { flex: 1 1 0px; min-height: 0; overflow: hidden; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); align-items: stretch; padding: 0px; border-radius: 20px; background: var(--wm-ink-50); border: 1px solid var(--wm-border); isolation: isolate } #emissor-nota.wmff-page .em-s330 { display: flex; flex-direction: column; gap: 36px; min-width: 0; min-height: 0; height: var(--em-chSecH) } #emissor-nota.wmff-page .em-s331 { flex-shrink: 0; width: 32px; height: 32px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: var(--em-c0Ib); color: var(--em-c0Ic); transition: background-color 320ms cubic-bezier(0.22,1,0.36,1), color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s332 { flex: 1; min-width: 0; font-family: var(--wm-font-display); font-size: clamp(14px, calc(2vw - 6px), 18px); font-weight: 600; line-height: 1.2; letter-spacing: -0.012em; color: var(--em-c0Tc); transition: color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s333 { position: absolute; left: 2.75px; top: 8px; width: 12.5px; height: 2px; border-radius: 1px; background: currentColor } #emissor-nota.wmff-page .em-s334 { position: absolute; left: 8px; top: var(--em-c0BarT); width: 2px; height: var(--em-c0BarH); border-radius: 1px; background: currentColor; transition: top 320ms cubic-bezier(0.22,1,0.36,1), height 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s335 { flex-shrink: 0; position: relative; width: 18px; height: 18px; display: inline-flex; color: var(--em-c0Tc); transition: color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s336 { flex-shrink: 0; width: 100%; display: flex; align-items: center; gap: 12px; padding: var(--em-chHeadPad); border: 0; background: transparent; cursor: pointer; text-align: left; font-family: var(--wm-font-body) } #emissor-nota.wmff-page .em-s337 { margin: 0 44px 0 0; font-size: 15px; line-height: 1.6; color: var(--wm-ink-700); text-align: left; text-wrap: pretty } #emissor-nota.wmff-page .em-s338 { margin-top: 8px; padding: 18px; border-radius: 14px; background: var(--wm-white); border: 1px solid var(--wm-green-200); min-width: 0; display: flex; flex-direction: column } #emissor-nota.wmff-page .em-s339 { display: flex; flex-direction: column; justify-content: var(--em-chBodyJ); gap: 12px; box-sizing: border-box; min-height: 100%; padding: var(--em-chBodyPad); opacity: var(--em-c0BOp); clip-path: var(--em-c0Clip); transition: var(--em-c0Tr) } #emissor-nota.wmff-page .em-s340 { min-height: 0; overflow: hidden } #emissor-nota.wmff-page .em-s341 { flex: var(--em-c0BodyFlex); min-height: 0; display: grid; grid-template-rows: var(--em-c0Rows); transition: flex-grow 460ms cubic-bezier(0.32,0.72,0,1), grid-template-rows 460ms cubic-bezier(0.32,0.72,0,1) } #emissor-nota.wmff-page .em-s342 { display: flex; flex-direction: column; flex: var(--em-c0Flex); min-height: 0; border-radius: var(--em-c0Rad); margin: var(--em-c0M); background: var(--em-c0Bg); transition: flex-grow 460ms cubic-bezier(0.32,0.72,0,1), background-color 460ms cubic-bezier(0.32,0.72,0,1), border-color 460ms cubic-bezier(0.32,0.72,0,1), border-radius 460ms cubic-bezier(0.32,0.72,0,1), margin 460ms cubic-bezier(0.32,0.72,0,1); scroll-margin-top: 90px } #emissor-nota.wmff-page .em-s343 { flex-shrink: 0; height: 1px; margin: 3px 0; background: var(--wm-border) } #emissor-nota.wmff-page .em-s344 { flex-shrink: 0; width: 32px; height: 32px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: var(--em-c1Ib); color: var(--em-c1Ic); transition: background-color 320ms cubic-bezier(0.22,1,0.36,1), color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s345 { flex: 1; min-width: 0; font-family: var(--wm-font-display); font-size: clamp(14px, calc(2vw - 6px), 18px); font-weight: 600; line-height: 1.2; letter-spacing: -0.012em; color: var(--em-c1Tc); transition: color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s346 { position: absolute; left: 8px; top: var(--em-c1BarT); width: 2px; height: var(--em-c1BarH); border-radius: 1px; background: currentColor; transition: top 320ms cubic-bezier(0.22,1,0.36,1), height 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s347 { flex-shrink: 0; position: relative; width: 18px; height: 18px; display: inline-flex; color: var(--em-c1Tc); transition: color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s348 { position: relative; width: 100%; height: 280px; background-image: radial-gradient(rgba(14,89,73,0.22) 1px, transparent 1.2px); background-size: 11px 11px; -webkit-mask-image: radial-gradient(ellipse 80% 90% at 50% 50%, #000 60%, transparent 100%); mask-image: radial-gradient(ellipse 80% 90% at 50% 50%, #000 60%, transparent 100%) } #emissor-nota.wmff-page .em-s349 { display: flex; flex-direction: column; align-items: center; gap: 0 } #emissor-nota.wmff-page .em-s350 { display: flex; align-items: center; justify-content: center; min-height: 220px; padding: 8px 0 } #emissor-nota.wmff-page .em-s351 { margin-top: 8px; padding: 18px; border-radius: 14px; background: var(--wm-white); border: 1px solid var(--wm-green-200); min-width: 0 } #emissor-nota.wmff-page .em-s352 { display: flex; flex-direction: column; justify-content: var(--em-chBodyJ); gap: 12px; box-sizing: border-box; min-height: 100%; padding: var(--em-chBodyPad); opacity: var(--em-c1BOp); clip-path: var(--em-c1Clip); transition: var(--em-c1Tr) } #emissor-nota.wmff-page .em-s353 { flex: var(--em-c1BodyFlex); min-height: 0; display: grid; grid-template-rows: var(--em-c1Rows); transition: flex-grow 460ms cubic-bezier(0.32,0.72,0,1), grid-template-rows 460ms cubic-bezier(0.32,0.72,0,1) } #emissor-nota.wmff-page .em-s354 { display: flex; flex-direction: column; flex: var(--em-c1Flex); min-height: 0; border-radius: var(--em-c1Rad); margin: var(--em-c1M); background: var(--em-c1Bg); transition: flex-grow 460ms cubic-bezier(0.32,0.72,0,1), background-color 460ms cubic-bezier(0.32,0.72,0,1), border-color 460ms cubic-bezier(0.32,0.72,0,1), border-radius 460ms cubic-bezier(0.32,0.72,0,1), margin 460ms cubic-bezier(0.32,0.72,0,1); scroll-margin-top: 90px } #emissor-nota.wmff-page .em-s355 { flex-shrink: 0; width: 32px; height: 32px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: var(--em-c2Ib); color: var(--em-c2Ic); transition: background-color 320ms cubic-bezier(0.22,1,0.36,1), color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s356 { flex: 1; min-width: 0; font-family: var(--wm-font-display); font-size: clamp(14px, calc(2vw - 6px), 18px); font-weight: 600; line-height: 1.2; letter-spacing: -0.012em; color: var(--em-c2Tc); transition: color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s357 { position: absolute; left: 8px; top: var(--em-c2BarT); width: 2px; height: var(--em-c2BarH); border-radius: 1px; background: currentColor; transition: top 320ms cubic-bezier(0.22,1,0.36,1), height 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s358 { flex-shrink: 0; position: relative; width: 18px; height: 18px; display: inline-flex; color: var(--em-c2Tc); transition: color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s359 { display: flex; flex-direction: column; gap: 12px; margin-top: 10px; padding-top: 14px; border-top: 1px solid var(--wm-border) } #emissor-nota.wmff-page .em-s360 { display: flex; flex-direction: column; gap: 8px; min-width: 0 } #emissor-nota.wmff-page .em-s361 { display: flex; flex-direction: column; justify-content: var(--em-chBodyJ); gap: 12px; box-sizing: border-box; min-height: 100%; padding: var(--em-chBodyPad); opacity: var(--em-c2BOp); clip-path: var(--em-c2Clip); transition: var(--em-c2Tr) } #emissor-nota.wmff-page .em-s362 { flex: var(--em-c2BodyFlex); min-height: 0; display: grid; grid-template-rows: var(--em-c2Rows); transition: flex-grow 460ms cubic-bezier(0.32,0.72,0,1), grid-template-rows 460ms cubic-bezier(0.32,0.72,0,1) } #emissor-nota.wmff-page .em-s363 { display: flex; flex-direction: column; flex: var(--em-c2Flex); min-height: 0; border-radius: var(--em-c2Rad); margin: var(--em-c2M); background: var(--em-c2Bg); transition: flex-grow 460ms cubic-bezier(0.32,0.72,0,1), background-color 460ms cubic-bezier(0.32,0.72,0,1), border-color 460ms cubic-bezier(0.32,0.72,0,1), border-radius 460ms cubic-bezier(0.32,0.72,0,1), margin 460ms cubic-bezier(0.32,0.72,0,1); scroll-margin-top: 90px } #emissor-nota.wmff-page .em-s364 { flex-shrink: 0; width: 32px; height: 32px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: var(--em-c3Ib); color: var(--em-c3Ic); transition: background-color 320ms cubic-bezier(0.22,1,0.36,1), color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s365 { flex: 1; min-width: 0; font-family: var(--wm-font-display); font-size: clamp(14px, calc(2vw - 6px), 18px); font-weight: 600; line-height: 1.2; letter-spacing: -0.012em; color: var(--em-c3Tc); transition: color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s366 { position: absolute; left: 8px; top: var(--em-c3BarT); width: 2px; height: var(--em-c3BarH); border-radius: 1px; background: currentColor; transition: top 320ms cubic-bezier(0.22,1,0.36,1), height 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s367 { flex-shrink: 0; position: relative; width: 18px; height: 18px; display: inline-flex; color: var(--em-c3Tc); transition: color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s368 { display: flex; flex-direction: column; justify-content: var(--em-chBodyJ); gap: 12px; box-sizing: border-box; min-height: 100%; padding: var(--em-chBodyPad); opacity: var(--em-c3BOp); clip-path: var(--em-c3Clip); transition: var(--em-c3Tr) } #emissor-nota.wmff-page .em-s369 { flex: var(--em-c3BodyFlex); min-height: 0; display: grid; grid-template-rows: var(--em-c3Rows); transition: flex-grow 460ms cubic-bezier(0.32,0.72,0,1), grid-template-rows 460ms cubic-bezier(0.32,0.72,0,1) } #emissor-nota.wmff-page .em-s370 { display: flex; flex-direction: column; flex: var(--em-c3Flex); min-height: 0; border-radius: var(--em-c3Rad); margin: var(--em-c3M); background: var(--em-c3Bg); transition: flex-grow 460ms cubic-bezier(0.32,0.72,0,1), background-color 460ms cubic-bezier(0.32,0.72,0,1), border-color 460ms cubic-bezier(0.32,0.72,0,1), border-radius 460ms cubic-bezier(0.32,0.72,0,1), margin 460ms cubic-bezier(0.32,0.72,0,1); scroll-margin-top: 90px } #emissor-nota.wmff-page .em-s371 { flex-shrink: 0; width: 32px; height: 32px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: var(--em-c4Ib); color: var(--em-c4Ic); transition: background-color 320ms cubic-bezier(0.22,1,0.36,1), color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s372 { flex: 1; min-width: 0; font-family: var(--wm-font-display); font-size: clamp(14px, calc(2vw - 6px), 18px); font-weight: 600; line-height: 1.2; letter-spacing: -0.012em; color: var(--em-c4Tc); transition: color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s373 { position: absolute; left: 8px; top: var(--em-c4BarT); width: 2px; height: var(--em-c4BarH); border-radius: 1px; background: currentColor; transition: top 320ms cubic-bezier(0.22,1,0.36,1), height 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s374 { flex-shrink: 0; position: relative; width: 18px; height: 18px; display: inline-flex; color: var(--em-c4Tc); transition: color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s375 { display: flex; flex-direction: column; justify-content: var(--em-chBodyJ); gap: 12px; box-sizing: border-box; min-height: 100%; padding: var(--em-chBodyPad); opacity: var(--em-c4BOp); clip-path: var(--em-c4Clip); transition: var(--em-c4Tr) } #emissor-nota.wmff-page .em-s376 { flex: var(--em-c4BodyFlex); min-height: 0; display: grid; grid-template-rows: var(--em-c4Rows); transition: flex-grow 460ms cubic-bezier(0.32,0.72,0,1), grid-template-rows 460ms cubic-bezier(0.32,0.72,0,1) } #emissor-nota.wmff-page .em-s377 { display: flex; flex-direction: column; flex: var(--em-c4Flex); min-height: 0; border-radius: var(--em-c4Rad); margin: var(--em-c4M); background: var(--em-c4Bg); transition: flex-grow 460ms cubic-bezier(0.32,0.72,0,1), background-color 460ms cubic-bezier(0.32,0.72,0,1), border-color 460ms cubic-bezier(0.32,0.72,0,1), border-radius 460ms cubic-bezier(0.32,0.72,0,1), margin 460ms cubic-bezier(0.32,0.72,0,1); scroll-margin-top: 90px } #emissor-nota.wmff-page .em-s378 { flex-shrink: 0; width: 32px; height: 32px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: var(--em-c5Ib); color: var(--em-c5Ic); transition: background-color 320ms cubic-bezier(0.22,1,0.36,1), color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s379 { flex: 1; min-width: 0; font-family: var(--wm-font-display); font-size: clamp(14px, calc(2vw - 6px), 18px); font-weight: 600; line-height: 1.2; letter-spacing: -0.012em; color: var(--em-c5Tc); transition: color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s380 { position: absolute; left: 8px; top: var(--em-c5BarT); width: 2px; height: var(--em-c5BarH); border-radius: 1px; background: currentColor; transition: top 320ms cubic-bezier(0.22,1,0.36,1), height 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s381 { flex-shrink: 0; position: relative; width: 18px; height: 18px; display: inline-flex; color: var(--em-c5Tc); transition: color 320ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s382 { display: grid; grid-template-columns: auto auto minmax(40px, 1fr) auto; gap: 12px 14px; align-items: center; padding: 16px 18px } #emissor-nota.wmff-page .em-s383 { display: flex; flex-direction: column; border-radius: 12px; background: var(--wm-white); border: 1px solid var(--wm-border); overflow: hidden; box-shadow: 0 12px 30px rgba(10,41,33,0.08); font-size: 14px } #emissor-nota.wmff-page .em-s384 { display: flex; flex-direction: column; justify-content: var(--em-chBodyJ); gap: 12px; box-sizing: border-box; min-height: 100%; padding: var(--em-chBodyPad); opacity: var(--em-c5BOp); clip-path: var(--em-c5Clip); transition: var(--em-c5Tr) } #emissor-nota.wmff-page .em-s385 { flex: var(--em-c5BodyFlex); min-height: 0; display: grid; grid-template-rows: var(--em-c5Rows); transition: flex-grow 460ms cubic-bezier(0.32,0.72,0,1), grid-template-rows 460ms cubic-bezier(0.32,0.72,0,1) } #emissor-nota.wmff-page .em-s386 { display: flex; flex-direction: column; flex: var(--em-c5Flex); min-height: 0; border-radius: var(--em-c5Rad); margin: var(--em-c5M); background: var(--em-c5Bg); transition: flex-grow 460ms cubic-bezier(0.32,0.72,0,1), background-color 460ms cubic-bezier(0.32,0.72,0,1), border-color 460ms cubic-bezier(0.32,0.72,0,1), border-radius 460ms cubic-bezier(0.32,0.72,0,1), margin 460ms cubic-bezier(0.32,0.72,0,1); scroll-margin-top: 90px } #emissor-nota.wmff-page .em-s387 { display: flex; flex-direction: column; gap: 0px; min-width: 0; min-height: 0; height: var(--em-chSecH) } #emissor-nota.wmff-page .em-s388 { display: grid; grid-template-columns: var(--em-chCols); gap: 40px 56px; align-items: start; height: var(--em-chSecH) } #emissor-nota.wmff-page .em-s389 { max-width: 1280px; margin: 0 auto; padding: calc(clamp(56px, 8vw, 88px) + 30px) clamp(20px, 4vw, 40px) } #emissor-nota.wmff-page .em-s390 { background: var(--wm-white) } #emissor-nota.wmff-page .em-s391 { font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wm-green-300) } #emissor-nota.wmff-page .em-s392 { font-style: italic; font-weight: 600; color: var(--wm-green-300) } #emissor-nota.wmff-page .em-s393 { margin: 14px 0 0; max-width: 960px; font-family: var(--wm-font-display); font-weight: 500; font-size: clamp(26px, 3vw, 34px); line-height: 1.22; letter-spacing: -0.015em; color: var(--wm-white); text-wrap: pretty } #emissor-nota.wmff-page .em-s394 { position: absolute; left: 2%; top: 16%; transform: translate(0,-50%); padding: 8px 14px; border-radius: 8px; background: rgba(255,255,255,0.05); border: 1px solid rgba(111,206,189,0.28); color: var(--wm-white); font-size: 13px; font-weight: 500; white-space: nowrap } #emissor-nota.wmff-page .em-s395 { position: absolute; left: 2%; top: 42%; transform: translate(0,-50%); padding: 8px 14px; border-radius: 8px; background: rgba(255,255,255,0.05); border: 1px solid rgba(111,206,189,0.28); color: var(--wm-white); font-size: 13px; font-weight: 500; white-space: nowrap } #emissor-nota.wmff-page .em-s396 { position: absolute; left: 2%; top: 68%; transform: translate(0,-50%); padding: 8px 14px; border-radius: 8px; background: rgba(255,255,255,0.05); border: 1px solid rgba(111,206,189,0.28); color: var(--wm-white); font-size: 13px; font-weight: 500; white-space: nowrap } #emissor-nota.wmff-page .em-s397 { position: absolute; left: 50%; top: 42%; transform: translate(calc(-100% - 58px),-50%); padding: 6px 12px; border-radius: 7px; background: var(--wm-green-600); color: var(--wm-white); font-size: 12px; font-weight: 600; white-space: nowrap } #emissor-nota.wmff-page .em-s398 { width: 44px; height: 44px; border-radius: 10px; filter: brightness(0) invert(1); filter: brightness(0) invert(1) } #emissor-nota.wmff-page .em-s399 { position: absolute; left: 50%; top: 42%; transform: translate(-50%,-50%); width: 76px; height: 76px; border-radius: 18px; background: var(--wm-green-700); border: 1px solid rgba(111,206,189,0.45); box-shadow: 0 0 0 8px rgba(25,197,146,0.08), 0 0 48px rgba(25,197,146,0.35), 0 18px 40px rgba(0,0,0,0.35); display: flex; align-items: center; justify-content: center } /* Infrastructure stats, highlights and final CTA source declarations, em-s400..448. */ #emissor-nota.wmff-page .em-s400 { position: absolute; left: 50%; top: 42%; transform: translate(58px,-50%); padding: 6px 12px; border-radius: 7px; background: var(--wm-green-600); color: var(--wm-white); font-size: 12px; font-weight: 600; white-space: nowrap } #emissor-nota.wmff-page .em-s401 { position: absolute; left: 86%; top: 24%; transform: translate(0,-50%); padding: 8px 14px; border-radius: 8px; background: rgba(255,255,255,0.05); border: 1px solid rgba(111,206,189,0.28); color: var(--wm-white); font-size: 13px; font-weight: 500; white-space: nowrap } #emissor-nota.wmff-page .em-s402 { position: absolute; left: 86%; top: 60%; transform: translate(0,-50%); padding: 8px 14px; border-radius: 8px; background: rgba(255,255,255,0.05); border: 1px solid rgba(111,206,189,0.28); color: var(--wm-white); font-size: 13px; font-weight: 500; white-space: nowrap } #emissor-nota.wmff-page .em-s403 { position: absolute; left: 50%; top: 88%; transform: translate(-50%,-50%); padding: 8px 14px; border-radius: 8px; background: rgba(255,255,255,0.05); border: 1px solid rgba(111,206,189,0.28); color: var(--wm-white); font-size: 13px; font-weight: 500; white-space: nowrap } #emissor-nota.wmff-page .em-s404 { position: relative; height: 260px; max-width: 1000px; margin: 32px auto 0; background-image: radial-gradient(rgba(111,206,189,0.16) 1px, transparent 1px); background-size: 20px 20px; -webkit-mask-image: radial-gradient(ellipse 75% 80% at 50% 50%, #000 55%, transparent 100%); mask-image: radial-gradient(ellipse 75% 80% at 50% 50%, #000 55%, transparent 100%) } #emissor-nota.wmff-page .em-s405 { font-family: var(--wm-font-display); font-size: clamp(26px, 3vw, 34px); font-weight: 500; line-height: 1.1; letter-spacing: -0.015em; background: linear-gradient(90deg, #D8F1EA, var(--wm-green-vivid), #D8F1EA, var(--wm-green-vivid)); background-size: 300% 100%; animation: wm-shine 2.8s linear infinite; -webkit-background-clip: text; background-clip: text; color: transparent } #emissor-nota.wmff-page .em-s406 { font-size: 15.5px; line-height: 1.5; color: rgba(255,255,255,0.78) } #emissor-nota.wmff-page .em-s407 { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; min-width: 0; padding: 20px 18px; border: 1px solid rgba(111,206,189,0.32); border-radius: 14px; background: transparent } #emissor-nota.wmff-page .em-s408 { display: grid; grid-template-columns: var(--em-statCols); gap: 28px; margin-top: 40px } #emissor-nota.wmff-page .em-s409 { color: var(--wm-green-300); font-weight: 600 } #emissor-nota.wmff-page .em-s410 { margin: 28px 0 0; font-size: 15.5px; line-height: 1.55; color: rgba(255,255,255,0.7) } #emissor-nota.wmff-page .em-s411 { position: relative; max-width: 1200px; margin: 0 auto; padding: calc(clamp(56px, 7vw, 88px) + 30px) clamp(20px, 4vw, 40px) } #emissor-nota.wmff-page .em-s412 { position: relative; background: var(--wm-green-900); overflow: hidden } #emissor-nota.wmff-page .em-s413 { position: absolute; inset: 0; background: radial-gradient(70% 80% at 15% 10%, rgba(0,128,112,0.5), transparent 60%); pointer-events: none } #emissor-nota.wmff-page .em-s414 { margin: 2px 0 0; font-family: var(--wm-font-display); font-weight: 500; font-size: clamp(32px, 4.2vw, 42px); line-height: 1.12; letter-spacing: -0.022em; color: var(--wm-white); text-wrap: pretty } #emissor-nota.wmff-page .em-s415 { margin: 0; font-size: 15.5px; line-height: 1.6; color: rgba(255,255,255,0.74) } #emissor-nota.wmff-page .em-s416 { display: flex; flex-direction: column; gap: 12px; flex: 1 1 0px; min-width: 0; align-items: flex-start } #emissor-nota.wmff-page .em-s417 { opacity: var(--em-hlPrevOp); pointer-events: var(--em-hlPrevPe); width: 46px; height: 46px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.4); background: transparent; color: var(--wm-white); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: opacity 220ms cubic-bezier(0.22,1,0.36,1), background 120ms cubic-bezier(0.22,1,0.36,1), color 120ms cubic-bezier(0.22,1,0.36,1), border-color 120ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s418 { opacity: var(--em-hlNextOp); pointer-events: var(--em-hlNextPe); width: 46px; height: 46px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.4); background: transparent; color: var(--wm-white); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: opacity 220ms cubic-bezier(0.22,1,0.36,1), background 120ms cubic-bezier(0.22,1,0.36,1), color 120ms cubic-bezier(0.22,1,0.36,1), border-color 120ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s419 { display: flex; gap: 10px; flex-shrink: 0 } #emissor-nota.wmff-page .em-s420 { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap } #emissor-nota.wmff-page .em-s421 { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: var(--wm-green-50); color: var(--wm-green-700); box-shadow: 0 0 0 1px var(--wm-green-100) inset } #emissor-nota.wmff-page .em-s422 { font-family: var(--wm-font-body); font-size: 12px; font-weight: 500; color: var(--wm-ink-400) } #emissor-nota.wmff-page .em-s423 { display: flex; align-items: center; justify-content: space-between; gap: 12px } #emissor-nota.wmff-page .em-s424 { margin: 26px 0 10px; font-family: var(--wm-font-display); font-size: 22px; font-weight: 500; line-height: 1.2; color: var(--wm-green-900); letter-spacing: -0.015em } #emissor-nota.wmff-page .em-s425 { margin: 0 0 24px; font-size: 14.5px; line-height: 1.5; color: var(--wm-ink-600); text-wrap: pretty } #emissor-nota.wmff-page .em-s426 { width: 6px; height: 6px; border-radius: 50%; background: var(--wm-green-600); box-shadow: 0 0 0 3px rgba(25,197,146,0.18) } #emissor-nota.wmff-page .em-s427 { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; padding: 6px 12px 6px 10px; border-radius: 999px; background: var(--wm-green-50); border: 1px solid var(--wm-green-100); color: var(--wm-green-800); font-size: 12px; font-weight: 600 } #emissor-nota.wmff-page .em-s428 { flex: 0 0 var(--em-hlBasis); position: relative; display: flex; flex-direction: column; padding: clamp(22px, 3vw, 28px); border-radius: 20px; background: linear-gradient(180deg, var(--wm-white) 0%, #F7FBF9 100%); border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset, 0 18px 44px rgba(10,41,33,0.16); transition: transform 220ms cubic-bezier(0.22,1,0.36,1), box-shadow 220ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s429 { display: flex; gap: 20px; transform: translateX(var(--em-hlOffset)); transition: transform 420ms cubic-bezier(0.22,1,0.36,1); will-change: transform } #emissor-nota.wmff-page .em-s430 { margin: 28px 0 -40px; padding: 12px 0 40px; overflow: hidden } #emissor-nota.wmff-page .em-s431 { width: var(--em-hlDots-0-w); height: 8px; border-radius: 999px; border: none; padding: 0; background: var(--em-hlDots-0-bg); cursor: pointer; transition: width 220ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s432 { width: var(--em-hlDots-1-w); height: 8px; border-radius: 999px; border: none; padding: 0; background: var(--em-hlDots-1-bg); cursor: pointer; transition: width 220ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s433 { width: var(--em-hlDots-2-w); height: 8px; border-radius: 999px; border: none; padding: 0; background: var(--em-hlDots-2-bg); cursor: pointer; transition: width 220ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s434 { width: var(--em-hlDots-3-w); height: 8px; border-radius: 999px; border: none; padding: 0; background: var(--em-hlDots-3-bg); cursor: pointer; transition: width 220ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s435 { width: var(--em-hlDots-4-w); height: 8px; border-radius: 999px; border: none; padding: 0; background: var(--em-hlDots-4-bg); cursor: pointer; transition: width 220ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s436 { width: var(--em-hlDots-5-w); height: 8px; border-radius: 999px; border: none; padding: 0; background: var(--em-hlDots-5-bg); cursor: pointer; transition: width 220ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s437 { width: var(--em-hlDots-6-w); height: 8px; border-radius: 999px; border: none; padding: 0; background: var(--em-hlDots-6-bg); cursor: pointer; transition: width 220ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s438 { width: var(--em-hlDots-7-w); height: 8px; border-radius: 999px; border: none; padding: 0; background: var(--em-hlDots-7-bg); cursor: pointer; transition: width 220ms cubic-bezier(0.22,1,0.36,1) } #emissor-nota.wmff-page .em-s439 { display: flex; justify-content: center; gap: 8px; margin-top: 32px } #emissor-nota.wmff-page .em-s440 { position: relative; max-width: 1280px; margin: 0 auto; padding: calc(clamp(56px, 8vw, 80px) + 20px) clamp(20px, 4vw, 40px) } #emissor-nota.wmff-page .em-s441 { position: relative; background: var(--wm-green-700); overflow: hidden } #emissor-nota.wmff-page .em-s442 { margin: 0; max-width: 760px; font-family: var(--wm-font-display); font-weight: 500; font-size: clamp(32px, 5vw, 46px); line-height: 1.08; letter-spacing: -0.026em; color: var(--wm-green-900); text-wrap: pretty } #emissor-nota.wmff-page .em-s443 { margin: 0; max-width: 800px; font-size: 16.5px; line-height: 1.6; color: var(--wm-ink-600); text-wrap: balance } #emissor-nota.wmff-page .em-s444 { display: inline-flex; align-items: center; gap: 8px; color: var(--wm-green-700); font-size: 15px; font-weight: 600 } #emissor-nota.wmff-page .em-s445 { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; justify-content: center; margin-top: 6px } #emissor-nota.wmff-page .em-s446 { font-size: 13px; color: var(--wm-ink-400) } #emissor-nota.wmff-page .em-s447 { max-width: 1280px; margin: 0 auto; padding: clamp(56px, 8vw, 84px) clamp(20px, 4vw, 40px); display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center } #emissor-nota.wmff-page .em-s448 { background: var(--wm-green-50) } /* Source hover declarations materialized from style-hover, no invented state. */ #emissor-nota.wmff-page [em-source-0]:hover { background: var(--wm-white); color: var(--wm-green-700); border-color: var(--wm-white) } #emissor-nota.wmff-page [em-source-1]:hover { background: var(--wm-white); color: var(--wm-green-700); border-color: var(--wm-white) } #emissor-nota.wmff-page :is([em-source-2],[em-source-3],[em-source-4],[em-source-5],[em-source-6],[em-source-7],[em-source-8],[em-source-9]):hover { transform: translateY(-4px); box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset, 0 26px 56px rgba(10,41,33,0.24) } /* FE4-AC-009,029,036: exact source renderVals predicates, including no-JS branches. * JS writes the same --em values inline; these initial defaults never override state. */ #emissor-nota.wmff-page [data-em-if="chNarrow"], #emissor-nota.wmff-page [data-em-if="diagNarrow"] { display: none !important; } @media (max-width: 1100px) { #emissor-nota.wmff-page:not([data-em-enhanced]) { --em-chCols:minmax(0, 1fr); --em-chSecH:auto; --em-chHeadPad:16px; --em-chBodyPad:0 16px 22px; --em-c0Rows:1fr; --em-c1Rows:0fr; --em-c2Rows:0fr; --em-c3Rows:0fr; --em-c4Rows:0fr; --em-c5Rows:0fr; --em-c0M:0px 0px; --em-c0Flex:0 0 auto; --em-c1Flex:0 0 auto; --em-c2Flex:0 0 auto; --em-c3Flex:0 0 auto; --em-c4Flex:0 0 auto; --em-c5Flex:0 0 auto; --em-c0BodyFlex:0 0 auto; --em-c1BodyFlex:0 0 auto; --em-c2BodyFlex:0 0 auto; --em-c3BodyFlex:0 0 auto; --em-c4BodyFlex:0 0 auto; --em-c5BodyFlex:0 0 auto; } #emissor-nota.wmff-page [data-em-if="chWide"] { display:none !important; } #emissor-nota.wmff-page [data-em-if="chNarrow"] { display:contents !important; } } @media (max-width: 900px) { #emissor-nota.wmff-page:not([data-em-enhanced]) { --em-stat4Cols:repeat(2, minmax(0, 1fr)); --em-statBorder:0; } } @media (max-width: 860px) { #emissor-nota.wmff-page:not([data-em-enhanced]) { --em-heroCols:minmax(0, 1fr); --em-statCols:minmax(0, 1fr); --em-hlBasis:100%; --em-hlOffset:calc(0 * (100% + 20px)); } #emissor-nota.wmff-page [data-em-if="wide"] { display:none !important; } } /* FE4-AC-030 / D33: shorten only the mobile hero sentence; keep the full D29 DOM text. */ @media (max-width: 480px) { #emissor-nota.wmff-page .wmff-hero-long { display: none; } } @media (min-width: 861px) { #emissor-nota.wmff-page:not([data-em-enhanced]) :is([data-em-action="slide:6"],[data-em-action="slide:7"]) { display:none !important; } } @media (max-width: 640px), (min-width: 1101px) and (max-width: 1240px) { #emissor-nota.wmff-page [data-em-if="diagWide"] { display:none !important; } #emissor-nota.wmff-page [data-em-if="diagNarrow"] { display:contents !important; } } #emissor-nota.wmff-page[data-em-enhanced] [data-em-if][hidden] { display:none !important; } #emissor-nota.wmff-page[data-em-enhanced] [data-em-if]:not([hidden]) { display:contents !important; } /* Source componentDidMount preparation/live-state CSS, scoped rather than injected globally. */ #emissor-nota.wmff-page [data-ch-prep="true"], #emissor-nota.wmff-page [data-ch-prep="true"] * { transition:none !important; } #emissor-nota.wmff-page [data-ch-live="false"] * { animation-play-state:paused !important; } #emissor-nota.wmff-page[data-em-suspended] *, #emissor-nota.wmff-page[data-em-suspended] *::before, #emissor-nota.wmff-page[data-em-suspended] *::after { animation-play-state:paused !important; } @media (prefers-reduced-motion: reduce) { #emissor-nota.wmff-page *, #emissor-nota.wmff-page *::before, #emissor-nota.wmff-page *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }