/*
Theme Name: Marketing New
Theme URI: https://service-spotlight-x.lovable.app
Author: Marketing New
Description: Vitrine de soluções digitais Marketing New (SaaS, CRM, sites, lojas e aplicativos) com blog. Importa todo o conteúdo ao ativar. Compatível com Elementor e Elementor Pro.
Version: 1.1.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: marketing-new
Tags: elementor, business, blog, full-width-template, custom-menu, custom-logo
*/
:root{--mn-bg:#fff;--mn-page:#f6f8fb;--mn-fg:#1f2533;--mn-muted:#5f6878;--mn-border:#e2e7ef;--mn-primary:#1f63e0;--mn-primary-fg:#fff;--mn-accent:#e8f0fd;--mn-navy:#0b1a33;--mn-navy-fg:#f2f6fc;--mn-navy-muted:#a9b7cf;--mn-hero-accent:#4ea5ff;--mn-success:#16a35a;--mn-radius:10px;--mn-display:"Sora",sans-serif;--mn-sans:"Manrope",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--mn-page);color:var(--mn-fg);font-family:var(--mn-sans);font-size:17px;line-height:1.65}
h1,h2,h3,h4{font-family:var(--mn-display);line-height:1.2;margin:0 0 .6em}
a{color:var(--mn-primary)}
img{max-width:100%;height:auto}
.mn-wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.mn-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);border-bottom:1px solid var(--mn-border);backdrop-filter:blur(8px)}
.admin-bar .mn-header{top:32px}
.mn-header .mn-wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}
.mn-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--mn-fg);font-family:var(--mn-display);font-weight:700;font-size:18px}
.mn-logo img{width:40px;height:40px}
.mn-logo span span,.mn-grad{background:linear-gradient(90deg,var(--mn-primary),var(--mn-hero-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.mn-nav ul{list-style:none;display:flex;gap:28px;margin:0;padding:0}
.mn-nav a{text-decoration:none;color:var(--mn-muted);font-weight:500;font-size:15px}
.mn-nav a:hover,.mn-nav .current-menu-item a{color:var(--mn-primary)}
.mn-toggle{display:none;background:none;border:0;font-size:26px;cursor:pointer}
.mn-btn{display:inline-flex;align-items:center;gap:8px;background:var(--mn-primary);color:var(--mn-primary-fg)!important;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:600;border:0;cursor:pointer;font-size:15px}
.mn-btn:hover{filter:brightness(1.1)}
.mn-btn-outline{background:rgba(11,26,51,.6);border:1px solid rgba(242,246,252,.3)}
.mn-band{background:var(--mn-navy);color:var(--mn-navy-fg);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}
.mn-band p{color:var(--mn-navy-muted)}
.mn-band-head{padding:56px 0 40px}
.mn-band-head h1{font-size:clamp(32px,5vw,48px)}
.mn-hero{position:relative;overflow:hidden}
.mn-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mn-hero .mn-wrap{position:relative;padding:72px 20px}
.mn-hero h1{font-size:clamp(36px,5vw,52px);max-width:560px;font-weight:800}
.mn-hero h2{font-size:clamp(22px,3vw,30px);font-weight:600;max-width:520px}
.mn-hero p{max-width:520px}
.mn-hero .mn-accent{color:var(--mn-hero-accent)}
.mn-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(242,246,252,.2);background:rgba(11,26,51,.7);border-radius:99px;padding:6px 16px;font-size:12px;font-weight:600;margin-bottom:20px}
.mn-pill i{width:6px;height:6px;border-radius:50%;background:var(--mn-success)}
.mn-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.mn-types{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-bottom:1px solid var(--mn-border);padding:20px}
.mn-types a{display:flex;gap:12px;align-items:center;padding:12px;text-decoration:none;color:var(--mn-fg);border-radius:8px}
.mn-types a:hover{background:var(--mn-accent)}
.mn-types b{display:block}.mn-types small{color:var(--mn-muted)}
.mn-ico{width:40px;height:40px;border-radius:8px;background:var(--mn-accent);color:var(--mn-primary);display:grid;place-items:center;font-weight:800}
.mn-section{padding:60px 0}
.mn-muted-bg{background:#eef2f7}
.mn-title{text-align:center;max-width:680px;margin:0 auto 44px}
.mn-title small{font-family:monospace;text-transform:uppercase;color:var(--mn-primary);font-size:12px;letter-spacing:.06em}
.mn-title h2{font-size:clamp(28px,4vw,44px);font-weight:800;margin-top:10px}
.mn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mn-card{background:#fff;border:1px solid var(--mn-border);border-radius:var(--mn-radius);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
.mn-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(31,99,224,.12)}
.mn-card-body{padding:22px;flex:1}
.mn-card-body p{color:var(--mn-muted);font-size:15px}
.mn-tag{display:inline-block;font-size:12px;background:var(--mn-accent);color:var(--mn-primary);border-radius:99px;padding:3px 10px;margin-bottom:10px}
.mn-frame{background:#e9edf3;padding:0;border-bottom:1px solid var(--mn-border)}
.mn-frame-bar{display:flex;gap:6px;padding:8px 12px}
.mn-frame-bar i{width:9px;height:9px;border-radius:50%;background:#c7cfdb}
.mn-frame-img{aspect-ratio:16/10;overflow:hidden;background:#fff}
.mn-frame-img img{width:100%;height:100%;object-fit:cover;object-position:top}
.mn-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.mn-filters a{border:1px solid rgba(242,246,252,.25);color:var(--mn-navy-fg);padding:6px 16px;border-radius:8px;text-decoration:none;font-size:14px}
.mn-filters a.on{background:var(--mn-primary);border-color:var(--mn-primary)}
.mn-prose{max-width:760px;margin:0 auto;background:#fff;padding:40px;border-radius:var(--mn-radius);border:1px solid var(--mn-border)}
.mn-prose h2{font-size:28px;margin-top:1.6em}.mn-prose h3{font-size:22px;margin-top:1.3em}
.mn-prose p,.mn-prose li{color:#2c3444}
.mn-form{max-width:640px;display:grid;gap:14px}
.mn-form input,.mn-form textarea,.mn-form select{width:100%;padding:12px 14px;border:1px solid var(--mn-border);border-radius:8px;font:inherit;background:#fff}
.mn-hp{position:absolute;left:-9999px}
.mn-notice{padding:14px;border-radius:8px;background:var(--mn-accent);margin-bottom:16px}
.mn-cta{text-align:center;padding:64px 20px}
.mn-footer{background:var(--mn-navy);color:var(--mn-navy-muted);font-size:14px}
.mn-footer .mn-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:56px 20px}
.mn-footer h4{color:var(--mn-navy-fg);font-size:14px}
.mn-footer ul{list-style:none;padding:0;margin:0}
.mn-footer a{color:var(--mn-navy-muted);text-decoration:none;line-height:2}
.mn-footer a:hover{color:var(--mn-navy-fg)}
.mn-footer .mn-logo{color:var(--mn-navy-fg)}
.mn-copy{border-top:1px solid rgba(242,246,252,.1);text-align:center;padding:18px;font-size:12px}
.mn-wa{position:fixed;right:20px;bottom:20px;z-index:50;width:56px;height:56px;border-radius:50%;background:var(--mn-success);color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(22,163,90,.35);text-decoration:none;font-size:26px}
.mn-video{aspect-ratio:16/9;width:100%;border:0;border-radius:var(--mn-radius)}
.mn-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
@media(max-width:900px){.mn-grid{grid-template-columns:1fr 1fr}.mn-types{grid-template-columns:repeat(3,1fr)}.mn-footer .mn-cols{grid-template-columns:1fr}}
@media(max-width:768px){.mn-toggle{display:block}.mn-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--mn-border);padding:12px 20px}.mn-nav.open{display:block}.mn-nav ul{flex-direction:column;gap:12px}.mn-header .mn-btn{display:none}.mn-hero-bg{opacity:.35}}
@media(max-width:600px){.mn-grid{grid-template-columns:1fr}.mn-types{grid-template-columns:1fr 1fr}.mn-prose{padding:22px}}
.mn-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px;max-width:1100px;margin:0 auto}
.mn-videos figure{margin:0}.mn-videos figcaption{margin-top:8px;color:var(--mn-muted);font-size:14px;text-align:center}
.mn-prose details{border-bottom:1px solid var(--mn-border);padding:12px 0}
@media(max-width:600px){.mn-videos{grid-template-columns:1fr}}