/* AGUIARTS STUDIO V22 — padronização visual total sem alterar motores, auth, planos ou webhooks */
:root{
  --ag-bg:#05070d;--ag-bg2:#080b13;--ag-panel:#0d111b;--ag-panel2:#121827;
  --ag-line:rgba(255,255,255,.09);--ag-line-strong:rgba(166,95,255,.35);
  --ag-text:#f7f7fb;--ag-muted:#9ca5b6;--ag-purple:#8e42ff;--ag-purple2:#b66cff;
  --ag-lime:#b9ff00;--ag-lime2:#d2ff2f;--ag-shadow:0 26px 80px rgba(0,0,0,.42);
}
html{scroll-behavior:smooth;background:var(--ag-bg)}
body.studio-v22{background:radial-gradient(circle at 12% 0%,rgba(135,55,255,.17),transparent 30%),radial-gradient(circle at 92% 0%,rgba(185,255,0,.065),transparent 23%),var(--ag-bg)!important;color:var(--ag-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:16px;line-height:1.5;min-height:100vh}
body.studio-v22 *{box-sizing:border-box}
body.studio-v22 h1,body.studio-v22 h2,body.studio-v22 h3,body.studio-v22 h4{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.04em;color:var(--ag-text);text-wrap:balance}
body.studio-v22 p{color:var(--ag-muted)}
body.studio-v22 .purple{color:var(--ag-purple2)!important;background:none!important;box-shadow:none!important;padding:0!important}
body.studio-v22 .green{color:var(--ag-lime)!important;background:none!important;box-shadow:none!important;padding:0!important}
body.studio-v22 .btn.green,body.studio-v22 a.btn.green,body.studio-v22 button.btn.green,body.studio-v22 .studio-primary{
  color:#071000!important;background:linear-gradient(135deg,var(--ag-lime2),#a9f500)!important;
  border-color:rgba(202,255,21,.75)!important;box-shadow:0 12px 32px rgba(185,255,0,.16)!important;padding:0 20px!important
}
body.studio-v22 .btn.purple,body.studio-v22 a.btn.purple,body.studio-v22 button.btn.purple{
  color:#fff!important;background:linear-gradient(135deg,#a558ff,#7124e8)!important;border-color:#9b4dff!important;padding:0 20px!important
}
body.studio-v22 .site-promo-strip,body.studio-v22 .ag-tool-header-promo,body.studio-v22 .promo-strip,body.studio-v22 .free-tool-promo,body.studio-v22 .tool-promo{display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important}
body.studio-v22 .ag-bend-bg{opacity:.36!important;pointer-events:none!important}

/* Navegação única */
body.studio-v22 .nav,body.studio-v22 .studio-nav,body.studio-v22 .studio-v21-nav{
  position:sticky!important;top:12px!important;z-index:1000!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:18px!important;width:calc(100% - 32px)!important;max-width:1420px!important;
  min-height:66px!important;margin:12px auto 0!important;padding:8px 12px!important;border:1px solid rgba(255,255,255,.12)!important;
  border-radius:23px!important;background:rgba(7,9,15,.86)!important;backdrop-filter:blur(24px) saturate(145%)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.05)!important
}
body.studio-v22 .brand{display:flex!important;align-items:center!important;min-width:170px!important;text-decoration:none!important}
body.studio-v22 .brand img,body.studio-v22 .brand-logo{height:42px!important;max-width:178px!important;width:auto!important;object-fit:contain!important}
body.studio-v22 .nav-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex:1!important}
body.studio-v22 .nav-links a{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:0 16px!important;border-radius:14px!important;border:1px solid transparent!important;color:#bcc3d0!important;font-size:14px!important;font-weight:760!important;text-decoration:none!important;transition:.2s ease!important}
body.studio-v22 .nav-links a:hover,body.studio-v22 .nav-links a.active{color:#fff!important;background:linear-gradient(180deg,rgba(142,66,255,.25),rgba(142,66,255,.11))!important;border-color:rgba(171,101,255,.32)!important}
body.studio-v22 .nav-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;min-width:230px!important}
body.studio-v22 .nav-actions .btn,body.studio-v22 [data-user-menu] .btn{min-height:44px!important;border-radius:14px!important;padding:0 18px!important;background:#111620!important;border:1px solid rgba(255,255,255,.11)!important;color:#fff!important;font-size:14px!important}

/* idioma */
body.studio-v22 .lang-switch{position:relative!important;display:block!important}
body.studio-v22 .lang-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:76px!important;height:44px!important;padding:0 13px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.11)!important;background:#0e131d!important;color:#eef0f5!important;font:800 13px/1 Inter,system-ui!important;cursor:pointer!important}
body.studio-v22 .lang-menu{position:absolute!important;right:0!important;top:52px!important;z-index:1200!important;width:205px!important;padding:7px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:16px!important;background:rgba(8,11,18,.98)!important;box-shadow:0 24px 60px rgba(0,0,0,.55)!important;display:none!important;overflow:hidden!important}
body.studio-v22 .lang-switch.open .lang-menu{display:grid!important;gap:3px!important}
body.studio-v22 .lang-menu button{display:flex!important;align-items:center!important;width:100%!important;min-height:42px!important;padding:0 12px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#cdd2dc!important;font:700 13px/1 Inter,system-ui!important;text-align:left!important;cursor:pointer!important;white-space:nowrap!important}
body.studio-v22 .lang-menu button:hover{background:rgba(142,66,255,.18)!important;color:#fff!important}

/* Base de seções e cards */
body.studio-v22 .container{width:min(1380px,calc(100% - 48px))!important;max-width:1380px!important;margin-inline:auto!important}
body.studio-v22 .eyebrow,body.studio-v22 .studio-eyebrow,body.studio-v22 .studio-kicker{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;padding:8px 13px!important;border:1px solid rgba(185,255,0,.35)!important;border-radius:999px!important;background:rgba(185,255,0,.055)!important;color:var(--ag-lime)!important;font-size:12px!important;font-weight:850!important;letter-spacing:.01em!important}
body.studio-v22 .title{font-size:clamp(48px,6.4vw,88px)!important;line-height:.99!important;font-weight:900!important;max-width:1000px!important;margin:24px 0 18px!important}
body.studio-v22 .subtitle{max-width:740px!important;font-size:18px!important;line-height:1.7!important;color:var(--ag-muted)!important}
body.studio-v22 .card,body.studio-v22 .plans-lp-card,body.studio-v22 .plans-tool-card,body.studio-v22 .studio-tool-card{
  border:1px solid var(--ag-line)!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(18,24,38,.96),rgba(9,13,21,.98))!important;box-shadow:0 16px 44px rgba(0,0,0,.22)!important;overflow:hidden!important
}
body.studio-v22 .card:hover,body.studio-v22 .plans-tool-card:hover,body.studio-v22 .studio-tool-card:hover{transform:translateY(-5px)!important;border-color:rgba(165,91,255,.44)!important;box-shadow:0 24px 65px rgba(72,26,145,.2)!important}

/* Ferramentas */
body.studio-v22.tools-page .hero{padding:86px 0 30px!important;background:transparent!important}
body.studio-v22.tools-page .section-head{display:block!important}
body.studio-v22.tools-page .title{max-width:900px!important}
body.studio-v22.tools-page .search-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;margin-top:30px!important}
body.studio-v22.tools-page .search{height:58px!important;padding:0 20px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.1)!important;background:#0a0f18!important;color:#fff!important;font-size:15px!important;outline:none!important}
body.studio-v22.tools-page .search:focus{border-color:rgba(157,82,255,.6)!important;box-shadow:0 0 0 4px rgba(142,66,255,.10)!important}
body.studio-v22.tools-page .tabs{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:18px!important}
body.studio-v22.tools-page .tab{min-height:42px!important;padding:0 15px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.09)!important;background:#0b1019!important;color:#aeb5c2!important;font-size:13px!important;font-weight:800!important;cursor:pointer!important}
body.studio-v22.tools-page .tab.active{background:var(--ag-lime)!important;border-color:var(--ag-lime)!important;color:#071000!important;box-shadow:0 10px 25px rgba(185,255,0,.12)!important}
body.studio-v22.tools-page .section{padding:24px 0 88px!important}
body.studio-v22.tools-page #toolGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
body.studio-v22.tools-page .card{min-width:0!important;text-decoration:none!important;color:#fff!important}
body.studio-v22.tools-page .card-media{height:205px!important;background:#080c13!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
body.studio-v22.tools-page .card-media img{width:100%!important;height:100%!important;object-fit:cover!important}
body.studio-v22.tools-page .card-content{padding:20px 20px 10px!important}
body.studio-v22.tools-page .card-content h3{font-size:20px!important;margin:7px 0 8px!important}
body.studio-v22.tools-page .card-content p{font-size:14px!important;line-height:1.55!important;margin:0!important}
body.studio-v22.tools-page .card-actions{padding:0 20px 20px!important}
body.studio-v22.tools-page .badge,body.studio-v22.tools-page .card-tag{border-radius:999px!important;font-size:11px!important;font-weight:900!important}

/* Planos */
body.studio-v22.plans-v21 .plans-lp-hero{padding:92px 0 50px!important;background:transparent!important;text-align:center!important}
body.studio-v22.plans-v21 .plans-lp-hero .container{display:flex!important;flex-direction:column!important;align-items:center!important}
body.studio-v22.plans-v21 .plans-lp-hero .title{max-width:1080px!important}
body.studio-v22.plans-v21 .plans-lp-actions{justify-content:center!important}
body.studio-v22.plans-v21 .plans-lp-section{padding:34px 0 74px!important}
body.studio-v22.plans-v21 .plans-lp-grid{gap:20px!important;align-items:stretch!important}
body.studio-v22.plans-v21 .plans-lp-card{padding:26px!important;min-height:100%!important}
body.studio-v22.plans-v21 .plans-lp-card h2{font-size:31px!important;margin:17px 0 8px!important}
body.studio-v22.plans-v21 .plans-lp-price{font-size:52px!important;line-height:1!important;margin:25px 0 8px!important;color:#fff!important;background:none!important;padding:0!important;box-shadow:none!important}
body.studio-v22.plans-v21 .plans-lp-price.green{color:var(--ag-lime)!important}
body.studio-v22.plans-v21 .plans-lp-card.featured{border-color:rgba(185,255,0,.62)!important;box-shadow:0 22px 72px rgba(185,255,0,.09),0 0 0 1px rgba(185,255,0,.10)!important}
body.studio-v22.plans-v21 .plans-lp-label{display:inline-flex!important;width:max-content!important;border-radius:999px!important}
body.studio-v22.plans-v21 .plans-tools-grid{gap:15px!important}
body.studio-v22.plans-v21 .plans-tool-card{padding:21px!important}
body.studio-v22.plans-v21 .plans-compare{border-radius:20px!important;border:1px solid var(--ag-line)!important;background:#090e17!important;overflow:hidden!important}
body.studio-v22.plans-v21 .plans-sticky{display:none!important}

/* Login */
body.studio-v22.login-v21 .login-page{min-height:calc(100vh - 96px)!important;padding:42px 18px 64px!important}
body.studio-v22.login-v21 .login-shell{max-width:1280px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:30px!important;background:linear-gradient(135deg,rgba(29,14,57,.92),rgba(7,10,17,.98) 58%)!important;box-shadow:var(--ag-shadow)!important;overflow:hidden!important}
body.studio-v22.login-v21 .login-copy{padding:clamp(38px,6vw,82px)!important;background:radial-gradient(circle at 18% 22%,rgba(142,66,255,.26),transparent 45%)!important}
body.studio-v22.login-v21 .login-copy h1{font-size:clamp(52px,6vw,84px)!important;line-height:.99!important}
body.studio-v22.login-v21 .auth-card{padding:42px!important;background:rgba(8,11,18,.94)!important;border-left:1px solid rgba(255,255,255,.08)!important}
body.studio-v22.login-v21 .login-feature{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:16px!important}

/* Dashboard */
body.studio-v22.studio-dashboard{background:var(--ag-bg)!important}
body.studio-v22 .dash-shell{grid-template-columns:236px minmax(0,1fr)!important}
body.studio-v22 .dash-sidebar{background:rgba(6,9,15,.96)!important;border-right:1px solid var(--ag-line)!important;padding:22px 15px!important}
body.studio-v22 .dash-sidebar .brand-logo{width:168px!important;height:auto!important;margin:0 8px 24px!important}
body.studio-v22 .dash-menu a{border-radius:12px!important;min-height:44px!important;color:#a6adba!important}
body.studio-v22 .dash-menu a:hover,body.studio-v22 .dash-menu a.active{background:linear-gradient(90deg,rgba(142,66,255,.25),rgba(142,66,255,.08))!important;color:#fff!important}
body.studio-v22 .dash-main{padding:18px 30px 72px!important}
body.studio-v22 .dash-top{min-height:58px!important}
body.studio-v22 .dash-search{height:46px!important;background:#080d15!important;border-color:var(--ag-line)!important}
body.studio-v22 .dash-welcome{padding:42px 0 28px!important}
body.studio-v22 .dash-welcome h1{font-size:clamp(42px,4.5vw,66px)!important;line-height:1.02!important}
body.studio-v22 .dash-art{border-radius:25px!important;background:radial-gradient(circle at 50% 55%,rgba(132,30,255,.48),transparent 29%),linear-gradient(145deg,#121727,#070a11)!important}
body.studio-v22 .dash-stat,body.studio-v22 .dash-tool-card,body.studio-v22 .dash-plan-mini,body.studio-v22 .account-main-card,body.studio-v22 .account-side-card{background:linear-gradient(180deg,#101622,#090e16)!important;border-color:var(--ag-line)!important;border-radius:17px!important}
body.studio-v22 .dash-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
body.studio-v22 .dash-tool-card{min-height:184px!important;padding:18px!important}

/* motores e ferramentas existentes: remove faixa antiga, preserva toda lógica */
body.studio-v22 .top-tool{height:58px!important;display:block!important;border-bottom:1px solid var(--ag-line)!important;background:#070b12!important}
body.studio-v22 .tool-frame{height:calc(100vh - 58px)!important}
body.studio-v22 .free-tool-wrap{grid-template-rows:58px minmax(0,1fr)!important;background:var(--ag-bg)!important}
body.studio-v22 .free-tool-wrap>.topbar,body.studio-v22 .free-tool-wrap>.free-tool-nav{grid-row:1!important;min-height:58px!important;background:#080c13!important;border-bottom:1px solid var(--ag-line)!important}
body.studio-v22 .free-tool-wrap>.workspace,body.studio-v22 .free-tool-wrap>.app,body.studio-v22 .free-tool-wrap>main{grid-row:2!important}
body.studio-v22 .topbar,body.studio-v22 .tool-nav,body.studio-v22 .free-tool-nav{background:#080c13!important;border-color:var(--ag-line)!important;color:#fff!important}
body.studio-v22 .topbar .btn,body.studio-v22 .tool-nav .btn,body.studio-v22 .free-tool-nav .btn{border-radius:11px!important}

/* footer */
body.studio-v22 .footer{margin-top:56px!important;padding:34px 0!important;background:#070a10!important;border-top:1px solid var(--ag-line)!important}
body.studio-v22 .ag-footer-inner{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;flex-wrap:wrap!important;text-align:center!important}
body.studio-v22 .ag-footer-inner img{height:34px!important;width:auto!important}
body.studio-v22 .ag-footer-inner p{margin:0!important;font-size:12px!important;color:#858e9e!important}

@media(max-width:1040px){
  body.studio-v22 .nav-links{display:none!important}
  body.studio-v22 .nav-actions{min-width:0!important}
  body.studio-v22.tools-page #toolGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.studio-v22 .dash-shell{grid-template-columns:88px minmax(0,1fr)!important}
  body.studio-v22 .dash-sidebar .brand-logo{width:58px!important}
  body.studio-v22 .dash-menu-label,body.studio-v22 .dash-menu a{font-size:0!important;justify-content:center!important}
  body.studio-v22 .dash-menu a::first-letter{font-size:18px!important}
  body.studio-v22 .dash-plan-mini{display:none!important}
  body.studio-v22 .dash-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  body.studio-v22 .nav,body.studio-v22 .studio-nav,body.studio-v22 .studio-v21-nav{top:6px!important;width:calc(100% - 12px)!important;margin-top:6px!important;border-radius:18px!important;min-height:60px!important;padding:7px 9px!important}
  body.studio-v22 .brand{min-width:0!important}body.studio-v22 .brand img,body.studio-v22 .brand-logo{height:34px!important;max-width:135px!important}
  body.studio-v22 .nav-actions{gap:6px!important}.nav-actions .lang-switch{display:block!important}
  body.studio-v22 .lang-btn{min-width:58px!important;height:40px!important;padding:0 9px!important}
  body.studio-v22 [data-user-menu] .btn{min-height:40px!important;padding:0 12px!important;font-size:12px!important}
  body.studio-v22 .container{width:min(100% - 24px,1380px)!important}
  body.studio-v22 .title{font-size:clamp(42px,13vw,64px)!important}
  body.studio-v22.tools-page #toolGrid{grid-template-columns:1fr!important}
  body.studio-v22.tools-page .search-row{grid-template-columns:1fr!important}
  body.studio-v22.login-v21 .auth-card{padding:24px!important;border-left:0!important;border-top:1px solid var(--ag-line)!important}
  body.studio-v22.login-v21 .login-copy{padding:32px 24px!important}
  body.studio-v22 .dash-shell{display:block!important}.dash-sidebar{display:none!important}.dash-main{padding:14px 14px 60px!important}
  body.studio-v22 .dash-welcome{grid-template-columns:1fr!important}.dash-art{height:220px!important}
  body.studio-v22 .dash-stats{grid-template-columns:repeat(2,1fr)!important}.dash-tool-grid{grid-template-columns:1fr!important}
  body.studio-v22 .dash-account-wrap .account-panel{grid-template-columns:1fr!important}
}


/* V42 — listagem pública sem recorte de imagens */
body.studio-v22.tools-page .card-media{height:auto!important;background:transparent!important}
body.studio-v22.tools-page .card-media img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;object-position:center!important;background:transparent!important}
