/* =====================================================================
 * MOBIRADAR 1.2.5: gamificação da home (cards de ferramentas) e das
 * páginas de ferramenta (quiz 377, comparador 378, simulador 352, calculadora 291)
 * ===================================================================== */
@keyframes mrgFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes mrgPopIn{0%{transform:scale(.96);opacity:.4}60%{transform:scale(1.015)}100%{transform:scale(1);opacity:1}}
@keyframes mrgShine2{to{background-position:200% center}}
@keyframes mrgFall2{to{transform:translateY(105vh) rotate(720deg);opacity:.2}}

/* Home: cards de ferramentas coloridos */
.home .mr-tools .mr-tool--on{--c1:#B8F52B;--c2:#4ADE80;--ink:#07180F;border:0!important;border-radius:22px;padding:24px;background:linear-gradient(145deg,var(--c1),var(--c2));box-shadow:0 12px 30px -14px var(--c2);overflow:hidden;transition:transform .35s cubic-bezier(.2,.9,.2,1),box-shadow .35s}
.home .mr-tools .mr-tool--on:nth-child(2){--c1:#FACC15;--c2:#FB923C;--ink:#2A1300}
.home .mr-tools .mr-tool--on:nth-child(3){--c1:#E879F9;--c2:#8B5CF6;--ink:#1E0B3A}
.home .mr-tools .mr-tool--on:nth-child(4){--c1:#22D3EE;--c2:#3B82F6;--ink:#04122B}
.home .mr-tools .mr-tool--on:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.22);right:-70px;top:-80px;transition:transform .6s}
.home .mr-tools .mr-tool--on:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 22px 40px -14px var(--c2)}
.home .mr-tools .mr-tool--on:hover:before{transform:scale(1.3)}
.home .mr-tools .mr-tool--on .mr-tool__tag{position:relative;align-self:flex-start;background:var(--ink);color:#fff!important;padding:5px 11px;border-radius:999px;font-size:11px}
.home .mr-tools .mr-tool--on strong{position:relative;color:var(--ink)!important;font-size:20px}
.home .mr-tools .mr-tool--on span:not(.mr-tool__tag){position:relative;color:var(--ink)!important;opacity:.85}
.home .mr-tools .mr-tool--on em{position:relative;background:var(--ink)!important;color:#fff!important;font-size:14px;padding:11px 16px;border-radius:12px;align-self:stretch;display:flex;justify-content:space-between}
.home .mr-tools .mr-tool--on:after{content:"+25 XP";position:absolute;top:22px;right:20px;font-weight:900;font-size:11px;letter-spacing:.04em;background:rgba(255,255,255,.6);color:var(--ink);padding:5px 10px;border-radius:999px}
.home .mr-tools .mr-tool--on.mr-feito:after{content:"✓ Concluída";background:var(--ink);color:#B8F52B}

/* Páginas de ferramenta: borda em gradiente */
.page-id-377 .mrz,.page-id-378 .mrc,.page-id-352 .mrq,.page-id-291 .mrc{border-radius:24px!important;padding:26px!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#B8F52B,#22D3EE,#E879F9) border-box!important;border:3px solid transparent!important;box-shadow:0 20px 50px -24px rgba(7,24,15,.45)}
.page-id-377 .mrz h3,.page-id-378 .mrc h3,.page-id-352 .mrq h3,.page-id-291 .mrc h3{font-size:1.45rem!important;background:linear-gradient(90deg,#07180F,#15803D,#07180F);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:mrgShine2 6s linear infinite}

/* Faixa da missão */
.mr-missao{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:6px 0 16px;padding:10px 14px;border-radius:14px;background:linear-gradient(90deg,#07180F,#123a22);color:#fff;font-weight:800;font-size:.85rem}
.mr-missao b{color:#B8F52B}
.mr-missao a{color:#07180F!important;background:#B8F52B;padding:5px 11px;border-radius:999px;text-decoration:none!important;font-size:.8rem}
.mr-missao .mr-mbar{flex:1 1 120px;height:8px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden;min-width:90px}
.mr-missao .mr-mbar i{display:block;height:100%;background:linear-gradient(90deg,#B8F52B,#22D3EE);border-radius:999px;transition:width 1s cubic-bezier(.2,.9,.2,1)}

/* Botões de opção */
.mrz .z-opts button,.mrq .q-opts button,.page-id-291 .mrc .mrc-tipos button{transition:transform .2s,box-shadow .2s,background .25s;border-width:2px!important}
.mrz .z-opts button:hover,.mrq .q-opts button:hover,.page-id-291 .mrc .mrc-tipos button:hover{transform:translateY(-2px);box-shadow:0 8px 18px -10px rgba(7,24,15,.5);border-color:#B8F52B!important}
.mrz .z-opts button[aria-pressed=true],.mrq .q-opts button[aria-pressed=true],.page-id-291 .mrc .mrc-tipos button[aria-pressed=true]{background:linear-gradient(135deg,#B8F52B,#4ADE80)!important;color:#07180F!important;border-color:#07180F!important;animation:mrgPopIn .35s ease}

/* Campos */
.mrq input,.page-id-291 .mrc input,.page-id-378 .mrc select{border-width:2px!important;border-radius:12px!important;transition:border-color .2s,box-shadow .2s}
.mrq input:focus,.page-id-291 .mrc input:focus,.page-id-378 .mrc select:focus{border-color:#22D3EE!important;box-shadow:0 0 0 4px rgba(34,211,238,.2);outline:none}

/* Resultado */
.mrz .z-res,.mrq .q-res,.page-id-291 .mrc .mrc-res{background:radial-gradient(120% 140% at 0% 0%,#1d4d2b 0%,#07180F 60%)!important;border-radius:20px!important;position:relative;overflow:hidden}
.mrz .z-res:after,.mrq .q-res:after,.page-id-291 .mrc .mrc-res:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#22D3EE;filter:blur(60px);opacity:.25;right:-60px;top:-80px;pointer-events:none;animation:mrgFloat2 6s ease-in-out infinite}
.mr-pop{animation:mrgPopIn .45s ease}
.mrz .z-card{transition:transform .25s,box-shadow .25s}
.mrz .z-card:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:0 14px 26px -12px rgba(0,0,0,.6)}
.page-id-378 .mrc .best{background:linear-gradient(90deg,#ECFCCB,#D9F99D)!important}
.page-id-378 .mrc .c-btn{background:linear-gradient(135deg,#07180F,#15803D)!important;transition:transform .2s}
.page-id-378 .mrc .c-btn:hover{transform:translateX(4px)}

/* Aviso de missão concluída */
.mr-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,160%);z-index:99999;display:flex;align-items:center;gap:12px;width:max-content;max-width:min(92vw,460px);padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#07180F,#174d2c);color:#fff;box-shadow:0 20px 40px -12px rgba(0,0,0,.5);border:2px solid #B8F52B;transition:transform .5s cubic-bezier(.2,1.4,.4,1)}
.mr-toast.on{transform:translate(-50%,0)}
.mr-toast .t-ico{font-size:1.8rem;animation:mrgFloat2 1.6s ease-in-out infinite}
.mr-toast b{display:block;color:#B8F52B;font-size:1rem}
.mr-toast span{font-size:.88rem;color:#d1e7c0}
.mr-toast a{margin-left:auto;white-space:nowrap;background:#B8F52B;color:#07180F!important;font-weight:900;padding:8px 12px;border-radius:12px;text-decoration:none!important;font-size:.85rem}
.mr-conf2{position:fixed;inset:0;pointer-events:none;z-index:99998}
.mr-conf2 i{position:absolute;top:-12px;width:9px;height:13px;border-radius:2px;animation:mrgFall2 2.2s linear forwards}

@media (prefers-reduced-motion:reduce){.home .mr-tools .mr-tool--on,.mr-toast,.mr-toast *,.mr-pop,.mrz *,.mrq *,.mrc *,.mrz h3,.mrq h3,.mrc h3{animation:none!important;transition:none!important}}