/* MUDI 1.6 — agenda divertida, fluxo interativo, Pix dinâmico e temas. */
html{font-size:var(--mudi-font-scale,100%)}
.mudi-plugin-page .mudi-v2-page{background:
 radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--mudi-yellow) 32%,transparent),transparent 28rem),
 linear-gradient(180deg,#fffef8,#f7fbf3 70%,#fff);}
.mudi-plugin-page .mudi-v2-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,var(--mudi-ink),color-mix(in srgb,var(--mudi-ink) 78%,var(--mudi-green)));}
.mudi-plugin-page .mudi-v2-hero:before,.mudi-plugin-page .mudi-v2-hero:after{content:"";position:absolute;border-radius:50%;border:2px dashed rgba(255,255,255,.14);pointer-events:none}
.mudi-plugin-page .mudi-v2-hero:before{width:280px;height:280px;right:6%;top:-120px}.mudi-plugin-page .mudi-v2-hero:after{width:160px;height:160px;left:4%;bottom:-90px}
.mudi-plugin-page .mudi-v2-hero h1{max-width:720px}.mudi-plugin-page .mudi-v2-hero p{max-width:760px;font-size:1.12rem;line-height:1.7}
.mudi-plugin-page .mudi-v2-hero img{filter:drop-shadow(0 24px 22px rgba(0,0,0,.28));transform:rotate(2deg)}
.mudi-plugin-page .mudi-v2-rules article{border-radius:var(--mudi-radius);box-shadow:0 14px 34px rgba(0,79,25,.08)}

/* Fluxo novo sem imagem estática. */
.mudi-v2-flow{padding:44px 0 24px}
.mudi-v2-flow>.mudi-container{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 150px;align-items:center;gap:28px;padding:28px 34px;border:1px solid color-mix(in srgb,var(--mudi-orange) 28%,#fff);border-radius:calc(var(--mudi-radius) + 8px);background:linear-gradient(120deg,#fff9df,#fff 60%,color-mix(in srgb,var(--mudi-green) 10%,#fff));box-shadow:0 20px 60px rgba(39,85,43,.1);overflow:hidden}
.mudi-v2-flow h2{margin:.2rem 0 .5rem;color:var(--mudi-ink);font-size:clamp(1.5rem,2.4vw,2.3rem)}
.mudi-v2-flow span{font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--mudi-orange);font-size:.78rem}
.mudi-v2-flow p{margin:0;max-width:680px;color:#40584a}.mudi-v2-flow .mudi-v2-btn{white-space:nowrap}
.mudi-v2-flow-mascot{max-height:130px;width:auto;align-self:end;filter:drop-shadow(0 10px 8px rgba(0,0,0,.14))}
.mudi-flow-modal[hidden]{display:none!important}.mudi-flow-modal{position:fixed;inset:0;z-index:100000;background:rgba(0,26,10,.76);backdrop-filter:blur(8px);display:grid;place-items:center;padding:22px;overflow:auto}.mudi-modal-open{overflow:hidden}
.mudi-flow-dialog{position:relative;width:min(940px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:30px;box-shadow:0 35px 110px rgba(0,0,0,.38);border:4px solid var(--mudi-yellow)}
.mudi-flow-close{position:absolute;right:18px;top:16px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--mudi-ink);font-size:2rem;line-height:1;box-shadow:0 6px 22px rgba(0,0,0,.18);cursor:pointer}
.mudi-flow-dialog>header{display:flex;align-items:center;gap:24px;padding:30px 70px 25px 34px;background:linear-gradient(120deg,var(--mudi-ink),color-mix(in srgb,var(--mudi-ink) 70%,var(--mudi-green)));color:#fff;border-radius:24px 24px 0 0}
.mudi-flow-dialog>header img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(0,0,0,.2))}.mudi-flow-dialog>header span{color:var(--mudi-yellow);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.mudi-flow-dialog>header h2{color:#fff;margin:.2rem 0;font-size:clamp(1.6rem,3vw,2.6rem)}.mudi-flow-dialog>header p{margin:0;color:#eef7ef}
.mudi-flow-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:28px 34px}.mudi-flow-steps article{display:grid;grid-template-columns:62px 1fr;gap:16px;padding:20px;border:1px solid #dbe7dc;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(0,79,25,.06);transition:.25s ease}.mudi-flow-steps article:hover{transform:translateY(-4px);border-color:var(--mudi-orange);box-shadow:0 16px 35px rgba(245,118,0,.14)}.mudi-flow-steps article>b{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,var(--mudi-orange),#ff9a31);color:#fff;font-size:1.2rem}.mudi-flow-steps h3{margin:0 0 .4rem;color:var(--mudi-ink);font-size:1.05rem}.mudi-flow-steps p{margin:0;color:#4f6255;font-size:.94rem;line-height:1.55}.mudi-flow-dialog>footer{padding:0 34px 30px;text-align:center}.mudi-flow-dialog>footer button{border:0;border-radius:999px;padding:15px 24px;background:var(--mudi-green);color:#fff;font-weight:900;cursor:pointer}

/* Áreas clicáveis. */
.mudi-v2-area-field{display:block!important}.mudi-v2-area-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.mudi-v2-area-head b{display:block;color:var(--mudi-ink);font-size:1rem}.mudi-v2-area-head small{display:block;margin-top:4px;color:#617266}.mudi-v2-area-head button{border:1px solid var(--mudi-green);background:#fff;color:var(--mudi-ink);font-weight:800;border-radius:999px;padding:9px 14px;cursor:pointer}.mudi-v2-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mudi-v2-area-grid label{position:relative;display:block;cursor:pointer}.mudi-v2-area-grid input{position:absolute;opacity:0;pointer-events:none}.mudi-v2-area-grid span{display:flex;align-items:center;min-height:56px;padding:12px 14px 12px 42px;border:2px solid #dce8dd;border-radius:16px;background:#fff;color:#173b24;font-weight:750;line-height:1.25;transition:.2s ease}.mudi-v2-area-grid span:before{content:"";position:absolute;left:14px;width:17px;height:17px;border:2px solid #82a889;border-radius:6px;background:#fff}.mudi-v2-area-grid input:checked+span{border-color:var(--mudi-orange);background:linear-gradient(135deg,#fff7e7,#fff);box-shadow:0 8px 22px rgba(245,118,0,.12)}.mudi-v2-area-grid input:checked+span:before{border-color:var(--mudi-orange);background:var(--mudi-orange);box-shadow:inset 0 0 0 4px #fff}

/* Pix com valor exato. */
.mudi-v2-pix-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.mudi-v2-pix-actions button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:84px;padding:13px;border:1px solid #d9e4da;border-radius:16px;background:#fff;color:var(--mudi-ink);text-align:left;cursor:pointer}.mudi-v2-pix-actions button:hover,.mudi-v2-pix-actions button.is-copied{border-color:var(--mudi-orange);box-shadow:0 8px 24px rgba(245,118,0,.12)}.mudi-v2-pix-actions .dashicons{color:var(--mudi-orange)}.mudi-v2-pix-actions small{word-break:break-all;color:#617266}.mudi-v2-pix-payload{width:100%;min-height:78px;padding:11px;border:1px dashed var(--mudi-green);border-radius:12px;background:#f7fbf7;color:#23472d;font:500 .74rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;resize:none}.mudi-v2-qr-frame{padding:12px;border-radius:22px;background:#fff;border:3px solid var(--mudi-yellow);box-shadow:0 10px 30px rgba(0,0,0,.08)}.mudi-v2-qr-frame img{display:block;width:220px;max-width:100%;aspect-ratio:1;object-fit:contain}.mudi-v2-qr>b{display:block;margin-top:8px;color:var(--mudi-orange);font-size:1.15rem}

/* Temas prontos. */
body.mudi-theme-universo-cientifico{--mudi-orange:#FF7A00;--mudi-green:#7357D8;--mudi-ink:#10233D;--mudi-light:#F2F6FF;--mudi-yellow:#FFD86B;--mudi-brown:#151126}
body.mudi-theme-natureza-viva{--mudi-orange:#E96F1D;--mudi-green:#54A93A;--mudi-ink:#174D2B;--mudi-light:#F3F8E9;--mudi-yellow:#EEDC8A;--mudi-brown:#3A281C}
body.mudi-theme-mudi-noturno{--mudi-orange:#FF8A1F;--mudi-green:#5CC66A;--mudi-ink:#071D14;--mudi-light:#EFF7F1;--mudi-yellow:#F6D96B;--mudi-brown:#100B08}
body.mudi-theme-alto-contraste{--mudi-orange:#E85900;--mudi-green:#148022;--mudi-ink:#001E0A;--mudi-light:#FFFFFF;--mudi-yellow:#FFE463;--mudi-brown:#170800}
body.mudi-density-compact .mudi-section{padding-block:45px}body.mudi-density-spacious .mudi-section{padding-block:95px}
body.mudi-motion-none *,body.mudi-motion-none *:before,body.mudi-motion-none *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.mudi-motion-reduced *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.08s!important}

@media(max-width:900px){.mudi-v2-flow>.mudi-container{grid-template-columns:1fr auto}.mudi-v2-flow-mascot{display:none}.mudi-v2-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .mudi-v2-flow{padding:24px 14px 10px}.mudi-v2-flow>.mudi-container{display:flex;flex-direction:column;align-items:flex-start;padding:23px}.mudi-v2-flow .mudi-v2-btn{width:100%;justify-content:center}.mudi-v2-flow-mascot{display:block;position:absolute;right:-5px;bottom:-15px;opacity:.18;max-height:120px}
 .mudi-flow-modal{padding:8px}.mudi-flow-dialog{border-radius:22px;max-height:96vh}.mudi-flow-dialog>header{padding:25px 52px 22px 22px;gap:12px}.mudi-flow-dialog>header img{width:72px;height:72px}.mudi-flow-dialog>header h2{font-size:1.45rem}.mudi-flow-steps{grid-template-columns:1fr;padding:18px;gap:10px}.mudi-flow-steps article{grid-template-columns:48px 1fr;padding:14px}.mudi-flow-steps article>b{width:44px;height:44px;border-radius:13px}.mudi-flow-dialog>footer{padding:0 18px 22px}.mudi-flow-dialog>footer button{width:100%}
 .mudi-v2-area-head{align-items:flex-start;flex-direction:column}.mudi-v2-area-grid{grid-template-columns:1fr}.mudi-v2-area-grid span{min-height:52px}.mudi-v2-pix-actions{grid-template-columns:1fr}.mudi-v2-payment{gap:18px}.mudi-v2-qr-frame img{width:190px}
}