:root{--primary:#12345b;--accent:#e31b23;--ink:#17212b;--muted:#6a7580;--line:#dfe4e8;--paper:#f4f6f8;--success:#168348;--shadow:0 3px 15px #102b440c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px Inter,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none}label{display:grid;gap:6px;font-size:12px;font-weight:700}input,select,textarea{border:1px solid #cbd3da;border-radius:8px;background:#fff;color:var(--ink);padding:10px 11px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #9ab3cc;border-color:var(--primary)}textarea{min-height:78px;resize:vertical}.primary,.ghost,.danger,.icon{border-radius:8px;padding:10px 15px;font-weight:800;font-size:12px;border:1px solid;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover{background:#bd1119}.ghost,.icon{background:#fff;border-color:#cbd3da;color:var(--primary)}.danger{background:#fff;border-color:#efb0b0;color:#b91c1c}.small{padding:7px 10px;font-size:11px}.hidden{display:none!important}.mobile{display:none}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--primary);padding:26px 18px;color:#fff;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand-mark{width:42px;height:42px;border-radius:10px;background:#fff;color:var(--primary);display:grid;place-items:center;font-size:26px;font-weight:1000;letter-spacing:-4px;flex:none}.brand-mark span{color:var(--accent);font-size:11px;letter-spacing:0;margin-left:-10px}.brand strong,.brand small,.sidebar-foot b,.sidebar-foot small{display:block}.brand strong{font-size:13px}.brand small{font-size:8px;letter-spacing:1px;opacity:.7;margin-top:4px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{border:0;background:transparent;color:#dce7f1;text-align:left;padding:12px 13px;border-radius:9px;font-size:13px;font-weight:600}.sidebar nav button:hover,.sidebar nav button.active{background:#ffffff18;color:#fff}.sidebar nav button span{margin-left:10px}.sidebar-foot{margin-top:auto;border-top:1px solid #ffffff2e;padding:18px 7px 0;display:flex;gap:10px;align-items:center}.sidebar-foot small{opacity:.65;margin-top:3px}.avatar{background:#ffffff2e;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:900}.workspace{margin-left:245px;padding:0 34px 45px;max-width:1800px}.topbar{min-height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:25px;gap:20px}.topbar h1{font-size:27px;margin:4px 0}.topbar p{color:var(--muted);font-size:12px;margin:0}.eyebrow,.step{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:1.4px}.top-actions,.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bell{border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--primary);padding:9px 12px}.bell span{background:var(--accent);color:#fff;padding:2px 5px;border-radius:10px;font-size:10px}.section-head,.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head{margin-bottom:15px}.section-head h2,.card-head h2{margin:0;font-size:18px}.card-head{padding:19px 20px;border-bottom:1px solid #edf0f2}.card-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.card,.kpi,.toolbar{background:#fff;border:1px solid #edf0f2;border-radius:13px;box-shadow:var(--shadow)}.card{overflow:hidden}.card-body{padding:18px 20px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.kpi{padding:18px;border-left:4px solid var(--primary)}.kpi:nth-child(4n+2){border-left-color:var(--accent)}.kpi:nth-child(4n+3){border-left-color:var(--success)}.kpi:nth-child(4n+4){border-left-color:#d49b09}.kpi span{font-size:10px;font-weight:800;text-transform:uppercase}.kpi strong{display:block;font-size:28px;margin:6px 0}.kpi small{color:var(--muted);font-size:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stack{display:grid;gap:16px}.toolbar{padding:16px 18px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;gap:9px}.filters input,.filters select{width:150px;font-size:11px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:850px}th{background:var(--primary);color:#fff;text-align:left;padding:11px 13px;font-size:10px;white-space:nowrap}td{border-top:1px solid var(--line);padding:11px 13px;font-size:11px;vertical-align:middle}td small{display:block;color:var(--muted);margin-top:4px}.badge{display:inline-block;padding:5px 9px;border-radius:20px;background:#e8eff5;color:var(--primary);font-weight:800;font-size:10px}.badge.Ativa,.badge.VENDA,.badge.active{background:#e5f7eb;color:#16713a}.badge.Pausada,.badge.AGENDADO{background:#fff3d6;color:#996c00}.badge.Encerrada,.badge.PERDIDO{background:#fee9e9;color:#9f2929}.badge.CONTATADO,.badge.COMPARECEU{background:#e3f1fb;color:#16638f}.link{border:0;background:none;color:var(--primary);font-weight:800;padding:0}.empty{padding:32px;text-align:center;color:var(--muted);font-size:12px}.bar-row{display:grid;grid-template-columns:130px 1fr 32px;gap:10px;align-items:center;margin:13px 0;font-size:11px}.bar-track{background:#edf1f4;height:10px;border-radius:10px;overflow:hidden}.bar-fill{height:100%;background:var(--primary);border-radius:10px}.bar-row:nth-child(even) .bar-fill{background:var(--accent)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid .full{grid-column:1/-1}.checks{display:flex;flex-wrap:wrap;gap:8px}.checks label{display:flex;align-items:center;gap:5px;border:1px solid var(--line);padding:8px;border-radius:8px}.checks input{margin:0}.tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid var(--line);padding:0 15px}.tabs button{border:0;background:none;padding:13px;color:var(--muted);font-weight:700;white-space:nowrap}.tabs button.active{color:var(--primary);border-bottom:2px solid var(--accent)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-grid .wide{grid-column:1/-1}.alert{padding:12px 15px;border-radius:9px;background:#e8f6ec;color:#196b34;border:1px solid #b7ddc4;margin-bottom:15px}.alert.error{background:#fff0f0;color:#9b2020;border-color:#efc4c4}.modal-bg{position:fixed;inset:0;background:#10243baa;display:grid;place-items:center;z-index:100;padding:15px}.modal{background:#fff;border-radius:14px;width:min(760px,96vw);max-height:94vh;overflow:auto;box-shadow:0 25px 70px #07192c88}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0}.modal-head button{border:0;background:none;font-size:24px}.modal-body{padding:20px}.modal-foot{padding:16px 20px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line)}.notifications{position:fixed;right:30px;top:84px;width:min(390px,92vw);max-height:65vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 45px #102b4433;z-index:30;padding:12px}.notification{padding:10px;border-bottom:1px solid var(--line);font-size:12px}.notification small{display:block;color:var(--muted);margin-top:4px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.muted{color:var(--muted)}.timeline{border-left:2px solid #ccd8e2;padding-left:17px;display:grid;gap:14px}.timeline p{margin:3px 0}.qrbox{display:grid;place-items:center;padding:15px}.qrbox img{width:230px;height:230px}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,var(--primary),#0a2039)}.login-card{width:min(410px,94vw);background:#fff;border-radius:18px;padding:34px;box-shadow:0 25px 80px #04142688;display:grid;gap:15px}.login-card h1{margin:0;font-size:25px}.login-card p{margin:-8px 0 5px;color:var(--muted);font-size:12px}.login-card>small{color:var(--accent);font-weight:900;letter-spacing:1px}.login-card .primary{width:100%}.landing{background:#fff}.landing main{max-width:100%;overflow:hidden}.landing-top{height:72px;max-width:1100px;margin:auto;display:flex;align-items:center;gap:12px;padding:0 25px;color:var(--primary);font-weight:800}.landing-top .brand-mark{background:var(--primary);color:#fff}.hero{background:linear-gradient(115deg,#0c2643e8,#12345bd4),var(--banner,linear-gradient(120deg,#173c61,#071c35));background-size:cover;background-position:center;color:#fff}.hero-inner{max-width:1100px;margin:auto;padding:78px 25px 85px}.hero h1{font-size:clamp(34px,5vw,66px);line-height:1.04;max-width:760px;margin:17px 0}.hero p{font-size:17px;line-height:1.5;max-width:590px;opacity:.85;margin-bottom:30px}.hero-chip{background:#ffffff22;padding:8px 11px;border-radius:20px;font-size:10px;font-weight:900;letter-spacing:1.3px}.landing-section{max-width:1100px;margin:auto;padding:58px 25px;border-bottom:1px solid var(--line)}.landing-section h2{font-size:30px;margin:10px 0 6px;color:var(--primary)}.landing-section>p{color:var(--muted);margin:0 0 25px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choice{position:relative;display:grid;gap:5px;background:#fff;border:2px solid var(--line);border-radius:14px;padding:16px;cursor:pointer;min-height:100px}.choice:has(input:checked){border-color:var(--accent);box-shadow:0 6px 20px #e31b2315}.choice input{position:absolute;opacity:0}.choice strong{font-size:16px}.choice small{color:var(--muted)}.choice .check{position:absolute;right:12px;top:12px;background:#e9edf1;color:#9ba7b1;border-radius:100%;width:24px;height:24px;display:grid;place-items:center}.choice:has(input:checked) .check{background:var(--accent);color:#fff}.moto-art{height:135px;background:#f5f7f8;border-radius:10px;display:grid;place-items:center;margin-bottom:9px}.moto-art span{font-size:50px}.moto-art img{width:100%;height:100%;object-fit:contain}.visit{margin-top:20px}.finish{text-align:center;border:0}.finish .primary{font-size:15px;padding:17px 28px}.finish small{display:block;color:var(--muted);margin-top:14px}.finish #formError{color:#b91c1c}.success{max-width:660px;margin:55px auto;text-align:center;padding:35px}.success-icon{width:70px;height:70px;border-radius:50%;background:#e5f7eb;color:var(--success);display:grid;place-items:center;margin:auto;font-size:40px}.success h2{color:var(--primary)}#summary{background:var(--paper);padding:20px;border-radius:12px;line-height:2;margin:20px 0}.landing footer{text-align:center;background:var(--primary);color:#dce7f1;padding:25px;font-size:12px}@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.sidebar{width:205px}.workspace{margin-left:205px;padding:0 22px 35px}.grid2,.grid3,.settings-grid{grid-template-columns:1fr}.settings-grid .wide{grid-column:auto}.choice-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.workspace{margin:0;padding:0 17px 30px}.mobile{display:inline-flex}.topbar{min-height:90px}.topbar h1{font-size:22px}.topbar p{display:none}.top-actions .ghost{padding:8px}.kpis{grid-template-columns:repeat(2,1fr);gap:9px}.kpi{padding:13px}.kpi strong{font-size:23px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.choice-grid{grid-template-columns:1fr 1fr}.landing-section{padding:38px 18px}.landing-section h2{font-size:25px}.hero-inner{padding:55px 19px}.hero p{font-size:15px}.moto-art{height:100px}.choice{padding:11px}.choice strong{font-size:13px}.stores{grid-template-columns:1fr}.modal-body{padding:14px}}

.brand-logo{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:10px;padding:3px;flex:none}.login-logo{width:96px;height:64px;object-fit:contain;justify-self:start}.landing-logo{width:90px;height:60px;object-fit:contain}.setup-list{display:grid;gap:12px}.setup-row{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:13px}.setup-number{width:32px;height:32px;border-radius:9px;background:#e8eff5;color:var(--primary);display:grid;place-items:center;font-weight:900}.setup-row b{display:block}.setup-row small{display:block;color:var(--muted);margin-top:3px}.setup-row .badge{white-space:nowrap}.setting-hint{font-size:12px;line-height:1.5;color:var(--muted)}@media(max-width:680px){.setup-row{grid-template-columns:32px 1fr}.setup-row .badge,.setup-row button{grid-column:2;justify-self:start}}
.choice:not(:has(input:checked)) .check{color:transparent}

/* Página pública em telas de celular. */
@media (max-width: 680px) {
  .landing-top{height:64px;padding:0 18px;gap:10px;font-size:13px}
  .landing-logo{width:72px;height:50px}
  .hero-inner{padding:46px 18px 54px}
  .hero h1{font-size:clamp(31px,8.5vw,42px);line-height:1.08;overflow-wrap:anywhere}
  .hero p{font-size:16px}
  .hero .primary{display:flex;width:100%;min-height:50px;text-align:center}
  .landing-section{padding:36px 18px;scroll-margin-top:12px}
  .landing-section h2{font-size:25px;line-height:1.18}
  .landing .choice-grid{grid-template-columns:minmax(0,1fr)}
  .landing .choice{min-height:88px;padding:14px}
  .landing .moto-choice{grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:14px}
  .landing .moto-choice .moto-art{grid-row:1/3;width:84px;height:84px;margin:0}
  .landing .moto-choice .moto-art span{font-size:39px}
  .landing .moto-choice strong{align-self:end;padding-right:24px;font-size:16px}
  .landing .moto-choice small{align-self:start;font-size:13px}
  .landing .store-choice{min-height:82px;padding-right:45px}
  .landing .form-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .landing label{font-size:14px}
  .landing input:not([type=radio]),.landing select{width:100%;min-height:50px;font-size:16px}
  .landing .finish .primary{display:flex;width:100%;min-height:54px;font-size:16px}
  .landing .finish small{line-height:1.5}
  .landing .success{margin:25px 18px;padding:28px 18px}
  .landing #summary{text-align:left;overflow-wrap:anywhere}
}
.landing .choice:focus-within{outline:2px solid var(--primary);outline-offset:2px}

/* Temas das páginas de campanha. */
.landing{--accent:var(--campaign-accent,#e31b23)}
.landing .hero .primary,.landing .finish .primary{background:var(--campaign-accent,#e31b23);border-color:var(--campaign-accent,#e31b23)}
.landing .choice:has(input:checked){border-color:var(--campaign-accent,#e31b23);box-shadow:0 6px 20px color-mix(in srgb,var(--campaign-accent,#e31b23) 18%,transparent)}
.landing .choice:has(input:checked) .check{background:var(--campaign-accent,#e31b23)}
.landing .step{color:var(--campaign-accent,#e31b23)}
.template-urgency .hero{background:linear-gradient(105deg,#271009ef,#7a1607dc),var(--banner,linear-gradient(120deg,#35140d,#8d1d0c));background-size:cover;background-position:center}
.template-urgency .hero-chip{background:var(--campaign-accent,#e31b23);color:#fff}
.template-urgency .landing-section{max-width:980px}
.template-test-ride .hero{background:linear-gradient(115deg,#051b30e8,#06646dd9),var(--banner,linear-gradient(120deg,#062a42,#07828a));background-size:cover;background-position:center}
.template-test-ride .hero h1{max-width:900px;font-style:italic}
.template-test-ride .choice{border-radius:6px}

/* Estúdio profissional de campanhas. */
.campaign-modal-bg{padding:10px}.campaign-studio{width:min(1240px,98vw);height:min(940px,97vh);max-height:97vh;display:flex;flex-direction:column;overflow:hidden}.campaign-studio>.modal-head{flex:none}.campaign-studio>form{min-height:0;display:flex;flex:1;flex-direction:column}.studio-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.6fr);min-height:0;flex:1;overflow:hidden}.studio-editor{padding:20px;overflow:auto;background:#f7f9fb}.studio-preview{padding:20px;border-left:1px solid var(--line);overflow:auto;background:#edf2f6}.studio-section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:var(--shadow)}.studio-title{display:flex;gap:11px;align-items:center;margin-bottom:16px}.studio-title>span{width:30px;height:30px;border-radius:9px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:900;flex:none}.studio-title b,.studio-title small{display:block}.studio-title b{font-size:15px}.studio-title small{font-weight:400;color:var(--muted);margin-top:3px}.template-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.template-option{position:relative;border:2px solid var(--line);border-radius:11px;padding:12px;display:grid;gap:7px;cursor:pointer}.template-option:has(input:checked){border-color:var(--primary);box-shadow:0 6px 18px #12345b12}.template-option input{position:absolute;opacity:0}.template-option b,.template-option small{display:block}.template-option small{color:var(--muted);font-weight:400}.template-swatch{height:35px;border-radius:7px;background:linear-gradient(120deg,var(--primary),var(--swatch))}.template-option.urgency .template-swatch{background:linear-gradient(120deg,#36120b,var(--swatch))}.template-option.test-ride .template-swatch{background:linear-gradient(120deg,#052e45,var(--swatch))}.template-option .link{justify-self:start;font-size:11px}.image-uploader{display:grid;gap:12px}.banner-thumb{height:150px;border:2px dashed #bdc8d2;border-radius:12px;background:#f2f5f7 center/cover no-repeat;display:grid;place-items:center;color:var(--muted);overflow:hidden}.banner-thumb span{background:#ffffffe8;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:800}.ai-builder{border-color:#b8cfe3;background:linear-gradient(145deg,#fff,#f4f9fd)}.preview-sticky{position:sticky;top:0}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-head span{font-size:10px;background:#dce6ee;padding:5px 8px;border-radius:20px}.mini-page{width:min(330px,100%);min-height:570px;margin:auto;background:#fff;border:7px solid #17212b;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px #102b4430}.mini-hero{min-height:265px;padding:34px 22px;color:#fff;background:linear-gradient(145deg,#0a233e,#12345b);display:flex;flex-direction:column;justify-content:center}.mini-hero.urgency{background:linear-gradient(145deg,#321008,#8a1b0b)}.mini-hero.test-ride{background:linear-gradient(145deg,#062a42,#077b82)}.mini-hero small{font-size:8px;text-transform:uppercase;letter-spacing:1px}.mini-hero h3{font-size:27px;line-height:1.02;margin:10px 0;overflow-wrap:anywhere}.mini-hero p{font-size:11px;line-height:1.45;opacity:.85}.mini-hero span{align-self:flex-start;padding:9px 12px;border-radius:7px;font-size:9px;font-weight:900}.mini-body{padding:20px;display:grid;gap:13px;color:var(--primary)}.mini-card{border:1px solid var(--line);border-radius:9px;padding:15px;font-size:25px;display:flex;align-items:center;gap:10px}.mini-card span{font-size:13px;font-weight:800}.mini-body i{font-size:10px;color:var(--muted);font-style:normal}.preview-open{width:100%;margin-top:12px}.studio-footer{flex:none;background:#fff}.studio-section textarea{line-height:1.45}
@media(max-width:900px){.studio-layout{grid-template-columns:1fr}.studio-preview{border-left:0;border-top:1px solid var(--line)}.preview-sticky{position:static}.campaign-studio{height:97vh}.template-picker{grid-template-columns:1fr}.mini-page{min-height:500px}.studio-editor,.studio-preview{padding:13px}}
.bundle-import{margin:15px 0;padding:15px;border:1px solid #9fc3df;border-radius:12px;background:#eef7fd;display:grid;gap:8px}
.bundle-import b,.bundle-import small{display:block}
.bundle-import small{color:var(--muted);font-weight:400}
.bundle-import .primary{justify-self:start}
.ai-builder details{border-top:1px solid var(--line);padding-top:12px}
.ai-builder summary{cursor:pointer;color:var(--primary);font-weight:800;margin-bottom:12px}
.mobile-access-modal{max-width:660px}
.access-status{border-radius:12px;padding:15px 17px;margin-bottom:16px;display:grid;gap:5px}
.access-status.on{background:#e8f8ef;border:1px solid #9dd8b5;color:#17683a}
.access-status.off{background:#fff3e5;border:1px solid #efc48f;color:#8a4d08}
.access-status small{font-weight:400;color:inherit}
.access-toggle{display:flex!important;align-items:center;gap:9px;margin:15px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fafb}
.access-toggle input{width:19px!important;height:19px!important;flex:none}
/* Modelo Catálogo Mobile inspirado em vitrines de concessionária. */
.template-catalog-mobile{background:#f4f4f3}
.template-catalog-mobile .landing-top{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 18px #10243a18}
.template-catalog-mobile .hero{min-height:72vh;background:linear-gradient(90deg,#07111c33,#07111c88),var(--banner,linear-gradient(145deg,#182431,#4b111c));background-size:cover;background-position:center;display:flex;align-items:flex-end}
.template-catalog-mobile .hero-inner{padding-bottom:70px;text-align:center;margin:auto}
.template-catalog-mobile .hero-inner h1{font-size:clamp(38px,7vw,76px);max-width:900px}
.template-catalog-mobile .hero-inner .primary{border-radius:999px;padding-inline:32px}
.template-catalog-mobile .landing-section h2{text-align:center;text-transform:uppercase}
.template-catalog-mobile .landing-section>p{text-align:center}
.category-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:22px 0}
.category-filter button{border:1px solid var(--campaign-accent);border-radius:999px;background:#fff;color:var(--campaign-accent);padding:10px 22px;font-weight:900;cursor:pointer}
.category-filter button.active,.category-filter button:hover{background:var(--campaign-accent);color:#fff}
.template-catalog-mobile .moto-choice{background:#fff;border-radius:16px;box-shadow:0 10px 28px #16283a12}
.template-catalog-mobile .moto-art{height:150px}
.template-catalog-mobile .moto-art img{width:100%;height:100%;object-fit:contain}
@media(min-width:701px){.template-catalog-mobile .moto-choice{grid-template-rows:150px auto auto;align-content:start;overflow:hidden}.template-catalog-mobile .moto-art{grid-row:1;height:150px;min-height:150px;max-height:150px;margin:0;overflow:hidden}.template-catalog-mobile .moto-art img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.template-catalog-mobile .moto-choice strong,.template-catalog-mobile .moto-choice small{position:relative;z-index:1;background:#fff;min-width:0}}
.section-title{margin:28px 0 12px}
@media(max-width:700px){.template-catalog-mobile .hero{min-height:67vh}.template-catalog-mobile .hero-inner{padding:34px 20px 50px}.template-catalog-mobile .hero-inner h1{font-size:36px}.template-catalog-mobile #motoChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-catalog-mobile .moto-choice{padding:10px}.template-catalog-mobile .moto-art{height:95px}.category-filter{display:grid;grid-template-columns:repeat(2,1fr)}.category-filter button{padding:9px 12px}.visit{grid-template-columns:1fr!important}}
.service-choice{max-width:760px;margin:38px auto;padding:32px 25px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px #102b4414}.service-choice h2{font-size:30px;color:var(--primary);margin:10px 0}.service-choice p{color:var(--muted)}.service-choice-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.wizard-nav{display:none;align-items:center;justify-content:space-between;gap:12px;margin-top:28px}.guided-active [data-wizard-step]{display:none}.guided-active [data-wizard-step].wizard-current{display:block;animation:wizard-in .22s ease}.guided-active .wizard-nav{display:flex}.form-active .wizard-review{display:none!important}.form-active .wizard-submit{display:flex}.form-active .wizard-submit [data-wizard-back]{display:none}.awaiting-service-choice [data-wizard-step]{display:none}.wizard-review{max-width:620px;margin:0 auto 20px;text-align:left;background:#f4f7f9;border:1px solid var(--line);border-radius:14px;padding:20px;line-height:1.9}.wizard-review h2{margin-top:0}.whatsapp-direct{display:flex;width:max-content;max-width:100%;margin:18px auto 0;border-radius:999px;padding:13px 20px;background:#168b4b;color:#fff;font-weight:900}.whatsapp-direct:hover{background:#10723d}.seller-locked{pointer-events:none;background:#edf7f1}.exclusive-seller{color:#16713a!important;font-weight:800}.success #whatsappLink{margin-top:10px}.success #whatsappRedirectNotice{margin:10px 0}@keyframes wizard-in{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:680px){.service-choice{margin:22px 14px;padding:25px 18px}.service-choice-actions{display:grid}.wizard-nav{flex-wrap:wrap}.wizard-nav .primary,.wizard-nav .ghost{flex:1;min-height:48px}.wizard-submit{display:grid!important;grid-template-columns:1fr}.wizard-submit .ghost{order:2}.form-active .wizard-submit .ghost{display:none}}
.campaign-title-link{display:block;color:inherit;text-decoration:none;border-radius:8px;padding:4px;margin:-4px;transition:.18s}
.campaign-title-link:hover{color:var(--primary);background:#edf4fa;transform:translateX(2px)}
.campaign-title-link small{display:block;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.campaign-title-link:hover small{text-decoration:underline}
.moto-images-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.moto-image-field{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:10px;background:#f8fafb}
.moto-image-preview{height:175px;border:2px dashed #b8c6d2;border-radius:10px;background:#edf2f5 center/contain no-repeat;display:grid;place-items:center;overflow:hidden}
.moto-image-preview span{background:#ffffffe8;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}
.moto-image-field>small{color:var(--muted)}
@media(max-width:700px){.moto-images-grid{grid-template-columns:1fr}}
.copy-editor{border:1px solid var(--line);border-radius:11px;background:#f8fafb;padding:13px}
.copy-editor summary{cursor:pointer;font-weight:900;color:var(--primary)}
.copy-editor[open] summary{margin-bottom:16px}
.template-cover{height:58px;border-radius:7px;background:#e8edf2 center/cover no-repeat}.template-option.custom-template{background:#f8fbfd}.template-option.custom-template.selected{border-color:var(--accent)}.template-library-link{margin-top:13px}.template-library{width:min(980px,96vw);max-height:94vh;overflow:auto}.template-library-grid{display:grid;gap:12px}.saved-template{display:grid;grid-template-columns:130px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px}.saved-template-cover{height:78px;border-radius:9px;background:#e8edf2 center/cover no-repeat}.saved-template small{display:block;color:var(--muted);margin:5px 0 8px}.saved-template .badge{width:max-content}@media(max-width:680px){.saved-template{grid-template-columns:90px 1fr}.saved-template>button{grid-column:2;justify-self:start}.saved-template-cover{height:68px}}
.mini-top{height:48px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;color:var(--primary);font-size:8px}.mini-top span{font-weight:1000;text-transform:uppercase}.mini-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.badge.cloud{background:#e8f2ff;color:#0759a5;margin-left:5px}
.publish-progress{width:min(560px,94vw);text-align:center}.publish-progress .modal-body{padding:42px 34px}.publish-progress h2{margin:18px 0 8px;color:var(--primary)}.publish-progress p{color:var(--muted);margin:12px 0}.publish-progress small{display:block;color:var(--muted);margin-top:18px}.publish-progress label{text-align:left;margin-top:22px}.publish-spinner{width:58px;height:58px;margin:auto;border:6px solid #dfe8ef;border-top-color:var(--accent);border-radius:50%;animation:publish-spin .8s linear infinite}.publish-success{width:64px;height:64px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#e5f7eb;color:var(--success);font-size:36px;font-weight:900}@keyframes publish-spin{to{transform:rotate(360deg)}}
.lead-arrival{position:fixed;right:22px;bottom:22px;z-index:250;width:min(390px,calc(100vw - 30px));display:flex;align-items:center;gap:13px;text-align:left;padding:17px;border:0;border-radius:14px;background:#12345b;color:#fff;box-shadow:0 18px 50px #07192c66;animation:lead-in .25s ease-out}.lead-arrival>span{color:#52df8d;font-size:22px}.lead-arrival b,.lead-arrival small{display:block}.lead-arrival small{margin-top:4px;color:#dce8f3}@keyframes lead-in{from{transform:translateY(25px);opacity:0}}
.cleanup-modal{width:min(720px,96vw)}.cleanup-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.cleanup-counts>div{padding:13px;border-radius:10px;background:#eef3f7;text-align:center}.cleanup-counts b,.cleanup-counts small{display:block}.cleanup-counts b{font-size:22px;color:var(--primary)}.cleanup-counts small{color:var(--muted)}.cleanup-choice{border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:13px}.cleanup-choice h3{margin:0 0 7px}.cleanup-choice p{color:var(--muted);line-height:1.45}.cleanup-choice.destructive{border-color:#efb0b0;background:#fff7f7}.cleanup-choice.destructive label{margin:14px 0}.cleanup-choice.destructive .danger{background:#b91c1c;color:#fff}.cleanup-choice.destructive .danger:disabled{opacity:.45;cursor:not-allowed}@media(max-width:600px){.cleanup-counts{grid-template-columns:repeat(2,1fr)}}
.social-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.social-card{background:#fff;border:1px solid #e0e6ee;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px #102b4e0a}.social-thumb{height:155px;background:linear-gradient(135deg,#12345b,#e31b23);background-size:cover;background-position:center;position:relative}.social-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07182db8,transparent)}.social-thumb span{position:absolute;left:14px;bottom:12px;z-index:1;background:#fff;color:#12345b;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800}.social-card-copy{padding:16px;display:grid;gap:9px}.social-card-copy>small{color:#667085}.social-modal-bg{padding:12px}.social-modal{width:min(1380px,98vw);height:min(920px,96vh);display:flex;flex-direction:column}.social-modal .modal-head p{margin:4px 0 0;color:#667085}.social-editor-body{display:grid;grid-template-columns:minmax(520px,1.12fr) minmax(380px,.88fr);min-height:0;overflow:hidden}.social-controls{padding:20px;overflow:auto;background:#f7f9fc}.editor-section{background:#fff;border:1px solid #dfe6ef;border-radius:15px;padding:18px;margin-bottom:15px}.editor-section h3{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:#102b4e}.editor-section h3 i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#12345b;color:#fff;font:700 13px Arial;font-style:normal}.editor-section label{display:grid;gap:6px;margin-bottom:11px;font-weight:700;font-size:13px}.editor-section input,.editor-section select,.editor-section textarea{font-weight:400}.social-choice{display:flex;gap:10px;flex-wrap:wrap}.social-choice label{display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid #cad5e3;border-radius:10px}.social-choice input{width:auto}.campaign-source,.upload-row{display:flex;align-items:center;gap:9px;margin-top:10px}.campaign-source select{flex:1}.upload-row small{color:#667085}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ai-social{border-color:#b8cceb;background:linear-gradient(135deg,#fff,#f0f6ff)}.social-preview-panel{background:#e7ecf2;padding:20px;overflow:auto}.preview-sticky{position:sticky;top:0}.preview-title{display:flex;justify-content:space-between;margin-bottom:12px}.preview-title small{color:#667085}.social-canvas-wrap{display:grid;place-items:center;min-height:480px;background:#d7dde5;border-radius:16px;padding:18px}.social-canvas-wrap canvas{display:block;max-width:100%;max-height:620px;width:auto;height:auto;box-shadow:0 16px 40px #07182d38;background:#fff}.preview-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.preview-sticky>small{display:block;color:#667085;margin-top:10px}.social-modal>.modal-foot label{display:flex;align-items:center;gap:8px;margin:0 auto 0 0}.social-modal>.modal-foot select{width:140px}
@media(max-width:900px){.social-editor-body{grid-template-columns:1fr;overflow:auto}.social-controls{overflow:visible}.social-preview-panel{overflow:visible}.preview-sticky{position:static}.social-canvas-wrap{min-height:300px}.social-modal{height:96vh}.grid3{grid-template-columns:1fr}.campaign-source,.upload-row{align-items:stretch;flex-direction:column}.campaign-source>*{width:100%}}