:root{--bg:#090e1b;--navy:#10192e;--ink:#eaf0ff;--muted:#a1aec5;--accent:#58dfc5;--blue:#6078fb;--line:#26334c;--soft:#101a2e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{max-width:1190px;margin:auto;padding:0 24px}.header{position:sticky;top:0;z-index:10;background:#090e1bee;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav{display:flex;align-items:center;gap:24px;justify-content:space-between;min-height:84px}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:900;letter-spacing:1.5px}.brand small{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:500;display:block;max-width:105px;line-height:1.3}.brand-icon{display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--accent));width:40px;height:40px;border-radius:12px;color:#081022}.nav nav{display:flex;align-items:center;gap:25px;font-size:14px}.nav nav>a:not(.btn):hover{color:var(--accent)}.btn{border:0;background:linear-gradient(120deg,#667afa,#4fddd0);color:#071325!important;border-radius:11px;display:inline-flex;justify-content:center;align-items:center;padding:13px 22px;font-weight:800;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn-sm{padding:9px 15px}.btn.secondary{background:transparent;color:var(--ink)!important;border:1px solid #53627b}.btn.light{background:#fff}.full{width:100%}.menu-btn{display:none}.hero{padding:105px 0 95px;background:radial-gradient(ellipse at 75% 30%,#1b315c 0,transparent 48%)}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:55px}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:2px;font-weight:800}.hero h1{font-size:clamp(42px,5.3vw,70px);line-height:1.07;letter-spacing:-2.5px;margin:24px 0}.lead{font-size:18px;color:#bdc9db;max-width:600px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-notes{display:flex;gap:15px;flex-wrap:wrap;margin-top:35px;color:#d5e4ed;font-size:13px}.fine{font-size:12px;color:#8697b0}.hero-art{position:relative;padding:25px}.browser{background:#f2f6ff;border:9px solid #273a60;border-radius:22px;box-shadow:0 35px 100px #020617bb;overflow:hidden;transform:rotate(2deg)}.browser-top{background:#e1e7f3;padding:13px;display:flex;align-items:center;gap:6px;color:#6a7891;font-size:11px}.browser-top i{width:8px;height:8px;border-radius:50%;background:#a9b7d1}.browser-top span{margin:auto}.browser-content{padding:42px 30px 35px;background:linear-gradient(135deg,#101d3e,#233d6a);min-height:300px}.browser-content strong{display:block;font-size:30px;line-height:1.2;margin:20px 0}.tag{color:#7ef1d6;font-size:10px;letter-spacing:2px}.art-button{display:inline-block;background:var(--accent);padding:10px 17px;color:#08162c;border-radius:8px;font-size:12px;font-weight:800}.art-cards{display:flex;gap:10px;margin-top:35px}.art-cards div{background:linear-gradient(135deg,#7a8cfc,#70e6cc);height:50px;flex:1;border-radius:10px;opacity:.75}.float-chip{position:absolute;right:0;bottom:5px;background:#e8fdf8;color:#10283a;padding:13px 18px;border-radius:12px;font-weight:800;box-shadow:0 10px 35px #0007}.section{padding:85px 0}.soft{background:var(--soft)}.section-head{text-align:center;max-width:720px;margin:0 auto 42px}.section-head h2,.cta h2{font-size:clamp(30px,4vw,45px);letter-spacing:-1.2px;line-height:1.16;margin:15px 0}.section-head p,.tile p,.plan p,.project p,.page-heading p{color:var(--muted)}.grid{display:grid;gap:23px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.feature,.tile,.plan,.project{border:1px solid var(--line);border-radius:19px;padding:28px;background:#111b2f}.feature-icon{display:inline-grid;place-items:center;width:50px;height:50px;background:#243b5d;border-radius:13px;color:var(--accent);font-weight:800}.feature h3,.tile h3{font-size:21px}.plan{position:relative;overflow:hidden;display:flex;flex-direction:column}.plan.featured{border-color:var(--accent);box-shadow:0 0 0 1px #58dfc566}.ribbon{background:var(--accent);color:#071b23;font-size:11px;font-weight:800;padding:6px 12px;position:absolute;top:0;right:0}.plan h3{font-size:25px}.price{margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.price strong{font-size:37px}.price small{color:var(--muted)}.plan .btn{margin-top:auto}.preline{white-space:pre-line}.tile-icon{font-size:36px;color:var(--accent)}.project{padding:0;overflow:hidden}.project img,.project-placeholder{width:100%;height:190px;object-fit:cover}.project-placeholder{display:grid;place-items:center;font-size:90px;font-weight:900;color:#8a9dff;background:linear-gradient(135deg,#263967,#15223a)}.project-body{padding:23px}.project-body a,.text-link{color:var(--accent);font-weight:800}.empty{padding:60px 20px;text-align:center;background:#18243a;border-radius:18px;color:var(--muted)}.center{text-align:center;margin-top:30px}.faq{border-bottom:1px solid var(--line);padding:18px 5px}.faq summary{font-size:18px;font-weight:700;cursor:pointer}.faq p{color:var(--muted)}.narrow{max-width:850px}.cta{background:linear-gradient(115deg,#293e87,#144f65);border-radius:25px;text-align:center;padding:65px 35px}.cta p{color:#c9def0}.page-heading{background:radial-gradient(ellipse at right,#243965,transparent 60%);padding:100px 0 75px}.page-heading h1{font-size:clamp(38px,5vw,60px);margin:10px 0}.page-heading p{max-width:680px;white-space:pre-line;font-size:18px}.contact-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:30px}.contact-grid .tile{padding:36px}label{display:block;font-weight:650;font-size:14px;margin:16px 0}input,textarea,select{width:100%;background:#0b1425;color:#fff;border:1px solid #34425a;border-radius:9px;padding:12px;margin-top:7px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent)}.honeypot{position:absolute;left:-9999px}.map{width:100%;height:250px;border:0;border-radius:12px}.footer{background:#060a13;border-top:1px solid var(--line);padding:65px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:50px}.footer-grid a{display:block;margin:8px 0}.footer p,.muted{color:var(--muted)}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:20;background:#28c968;color:#082416;padding:13px 20px;border-radius:50px;font-weight:800;box-shadow:0 8px 30px #0008}.alert{padding:13px 17px;border:1px solid #5c748f;background:#1a3048;border-radius:10px;margin-top:15px}.alert.error{border-color:#dc6670}.admin-body{background:#0c1220}.admin-header{border-bottom:1px solid var(--line);background:#101b30}.admin-layout{display:grid;grid-template-columns:230px 1fr;gap:35px;padding-top:30px;padding-bottom:70px}.admin-sidebar{display:flex;flex-direction:column;gap:6px}.admin-sidebar a{padding:12px 15px;border-radius:9px;color:#c4d2e7}.admin-sidebar a:hover{background:#1c2a42}.admin-main{min-width:0}.admin-main h1{font-size:31px}.admin-tile h2{font-size:35px;margin:5px 0}.admin-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:13px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--accent)}.inline-form{display:inline-block;margin-left:15px}.danger{background:transparent;color:#ff858d;border:0;padding:7px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.preview{max-width:260px;display:block;border-radius:10px}.login-card{max-width:450px;margin:70px auto;background:#15223a;border:1px solid var(--line);padding:35px;border-radius:20px}.inquiry{margin-bottom:20px}.ribbon-inline{background:#245e57;padding:3px 9px;border-radius:8px;font-size:12px}.service-image{width:100%;height:160px;object-fit:cover;border-radius:12px}@media(max-width:950px){.hero-grid,.contact-grid{grid-template-columns:1fr}.three{grid-template-columns:repeat(2,minmax(0,1fr))}.nav nav{gap:12px}.hero-art{max-width:600px}.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap}}@media(max-width:650px){.menu-btn{display:block;background:transparent;color:white;border:1px solid var(--line);padding:8px 12px;border-radius:8px}.nav nav{display:none;position:absolute;top:84px;left:0;right:0;background:#10192e;padding:20px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.three,.footer-grid{grid-template-columns:1fr}.hero{padding:55px 0}.hero h1{letter-spacing:-1px}.section{padding:55px 0}.browser-content strong{font-size:23px}.admin-title{align-items:flex-start;flex-direction:column}.admin-header .nav{flex-wrap:wrap}.footer-grid{gap:15px}}


/* CRIAMOSOTEUSITE — TEMA PROFISSIONAL CLARO */
:root {
  --bg:#ffffff;
  --navy:#ffffff;
  --ink:#14243d;
  --muted:#64748b;
  --accent:#1468df;
  --blue:#1468df;
  --line:#e3eaf2;
  --soft:#f5f8fc;
}
html { scroll-behavior:smooth; }
body {
  background:#fff;
  color:#14243d;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
.header {
  background:rgba(255,255,255,.97);
  border-bottom:1px solid #e8edf4;
  box-shadow:0 3px 22px rgba(21,40,70,.035);
}
.nav { min-height:82px; }
.brand {
  font-size:20px;
  letter-spacing:-.65px;
  color:#122641;
  gap:11px;
  font-weight:800;
}
.brand small {
  color:#718096;
  letter-spacing:.35px;
  max-width:180px;
  font-size:10px;
}
.brand-logo {
  width:46px;
  height:46px;
  flex-shrink:0;
  object-fit:contain;
}
.nav nav>a:not(.btn):hover { color:#1468df; }
.btn {
  background:#1468df;
  color:#fff!important;
  border-radius:9px;
  box-shadow:none;
}
.btn:hover { background:#0e53b6; }
.btn.secondary {
  background:#fff;
  color:#17365c!important;
  border:1px solid #ccd7e5;
}
.btn.light { background:#fff; color:#155ac0!important; }
.hero {
  background:linear-gradient(135deg,#fff 0%,#f4f8ff 100%);
}
.hero h1 { color:#11233d; }
.lead,.hero-notes { color:#54657b; }
.eyebrow { color:#1468df; }
.fine { color:#718096; }
.section.soft { background:#f5f8fc; }
.feature,.tile,.plan,.project {
  background:#fff;
  border:1px solid #e3eaf2;
  border-radius:14px;
  box-shadow:0 8px 32px rgba(22,48,80,.045);
}
.feature-icon {
  background:#eaf2ff;
  color:#155bc4;
}
.plan.featured {
  border-color:#1468df;
  box-shadow:0 8px 36px rgba(20,104,223,.10);
}
.ribbon { background:#1468df; color:#fff; }
.price strong { color:#11233d; }
.tile-icon,.text-link,.project-body a { color:#1468df; }
.empty { background:#f2f6fb; }
.page-heading {
  background:linear-gradient(115deg,#fff,#edf4ff);
}
.page-heading h1 { color:#11233d; }
input,textarea,select {
  background:#fff;
  color:#14243d;
  border:1px solid #cdd8e5;
}
input:focus,textarea:focus,select:focus {
  outline:2px solid #87b6ff;
}
.cta {
  background:linear-gradient(120deg,#1159c6,#123b78);
  color:#fff;
}
.cta h2,.cta .eyebrow { color:#fff; }
.cta p { color:#dbe8ff; }
.footer {
  background:#f5f8fc;
  border-top:1px solid #e3eaf2;
}
.footer h2,.footer h3 { color:#14243d; }
.whatsapp { box-shadow:0 8px 25px #123b7822; }
.alert { background:#eff6ff; border-color:#c8dcf7; }
.admin-body { background:#f5f7fb; color:#14243d; }
.admin-header {
  background:#fff;
  border-bottom:1px solid #e3eaf2;
}
.admin-sidebar a { color:#314866; }
.admin-sidebar a:hover { background:#e6eefb; }
.admin-main h1 { color:#14243d; }
th { color:#155bc4; }
.login-card {
  background:#fff;
  border:1px solid #e3eaf2;
  box-shadow:0 15px 50px #14243d0d;
}
.ribbon-inline { background:#dcecfb; color:#174b85; }
.menu-btn { color:#14243d; border-color:#cbd5e1; }
@media(max-width:650px) {
  .nav nav { background:#fff; box-shadow:0 12px 30px #14243d12; }
  .brand { font-size:15px; letter-spacing:-.3px; }
  .brand-logo { width:39px; height:39px; }
  .brand small { font-size:8px; }
}


/* CRIAMOSOTEUSITE_TESTIMONIALS_V1 */
.testimonial-card {
    background: #ffffff !important;
    color: #17243a !important;
    border: 1px solid #e3eaf3 !important;
    border-radius: 20px !important;
    padding: 30px !important;
    box-shadow: 0 12px 35px rgba(19, 42, 78, .06);
    transition: transform .2s ease, box-shadow .2s ease;
}
.testimonial-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 42px rgba(19, 42, 78, .11);
}
.testimonial-stars {
    color: #e9aa26;
    font-size: 22px;
    letter-spacing: 3px;
    margin-bottom: 16px;
}
.testimonial-card .testimonial-quote {
    color: #34445d !important;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 24px;
}
.testimonial-card b {
    color: #13243d;
}
.testimonial-card p:last-child {
    color: #687a92 !important;
    font-size: 13px;
    line-height: 1.6;
}


/* CRIAMOSOTEUSITE_ANIMATIONS_V16 */

:root {
    --motion-blue: #2563eb;
    --motion-cyan: #06b6d4;
}

/* Secções a entrar suavemente */
.cs-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition:
        opacity .65s ease,
        transform .65s cubic-bezier(.2,.7,.2,1);
}

.cs-reveal.cs-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Cabeçalho */
.header {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

/* Hero */
.hero h1 {
    letter-spacing: -1.5px;
}

.hero-art {
    animation: cs-float 6s ease-in-out infinite;
}

.float-chip {
    animation: cs-chip 4s ease-in-out infinite;
}

@keyframes cs-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-11px); }
}

@keyframes cs-chip {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

.browser-content {
    color: #ffffff;
}

/* Cartões */
.feature,
.tile,
.plan {
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}

.feature:hover,
.tile:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 42px rgba(25,60,110,.10);
}

/* Planos */
.plan {
    position: relative;
    overflow: visible;
    border-radius: 22px;
}

.plan:hover {
    transform: translateY(-8px);
    box-shadow: 0 24px 52px rgba(37,99,235,.14);
}

.plan.featured {
    border: 2px solid #2563eb !important;
    background: linear-gradient(
        155deg,
        #eff6ff 0%,
        #ffffff 48%,
        #ffffff 100%
    ) !important;
    box-shadow: 0 15px 42px rgba(37,99,235,.12);
}

.plan.featured:hover {
    box-shadow: 0 25px 60px rgba(37,99,235,.20);
}

.plan.featured .price strong {
    color: #1d4ed8 !important;
}

.plan .ribbon {
    background: linear-gradient(
        120deg,
        #2563eb,
        #0891b2
    ) !important;
    color: white !important;
    box-shadow: 0 5px 18px rgba(37,99,235,.24);
}

/* Botões */
.btn {
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        filter .2s ease;
}

.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 9px 24px rgba(37,99,235,.18);
    filter: brightness(1.04);
}

.btn:active {
    transform: translateY(0);
}

/* WhatsApp flutuante */
.whatsapp {
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.whatsapp:hover {
    transform: translateY(-4px) scale(1.04);
    box-shadow: 0 12px 30px rgba(18,160,91,.24);
}

/* Formulário */
#wa-proposal-form input:focus,
#wa-proposal-form textarea:focus,
#wa-proposal-form select:focus {
    outline: 2px solid #93c5fd;
    outline-offset: 1px;
    border-color: #2563eb;
}

/* Acessibilidade */
@media (prefers-reduced-motion: reduce) {
    .cs-reveal,
    .hero-art,
    .float-chip,
    .feature,
    .tile,
    .plan,
    .btn,
    .whatsapp {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }

    .cs-reveal {
        opacity: 1 !important;
    }
}


/* CRIAMOSOTEUSITE_COLORS_V17 */

:root {
    --cs-blue: #0755d9;
    --cs-deep: #071d4c;
    --cs-cyan: #00b8d9;
    --cs-light: #eff6ff;
}

/* Alternância de fundos */
body {
    background: #ffffff;
}

.section.soft {
    background: linear-gradient(
        145deg,
        #eaf3ff 0%,
        #f5faff 52%,
        #eaf7ff 100%
    ) !important;
}

.section {
    position: relative;
}

/* Títulos */
.section-head h2,
.page-heading h1 {
    color: #102b59;
}

.eyebrow {
    color: #0755d9 !important;
    font-weight: 800;
    letter-spacing: 1.5px;
}

/* Plano recomendado */
.plan.featured {
    background: linear-gradient(
        155deg,
        #dbeafe 0%,
        #eff6ff 45%,
        #ffffff 100%
    ) !important;
    border: 2px solid #0755d9 !important;
    box-shadow: 0 18px 45px rgba(7,85,217,.15);
}

.plan.featured .price strong {
    color: #0755d9 !important;
}

.plan:not(.featured) {
    background: #ffffff;
    border: 1px solid #c9dafa;
}

.plan:hover {
    border-color: #0755d9;
}

/* Botões */
.btn:not(.secondary):not(.light) {
    background: linear-gradient(
        110deg,
        #0755d9,
        #147cf0
    );
    color: #ffffff;
    border-color: transparent;
}

.btn:not(.secondary):not(.light):hover {
    box-shadow: 0 12px 28px rgba(7,85,217,.28);
}

/* Cartões de conteúdo */
.feature {
    border-color: #d6e5fa;
}

.feature-icon,
.tile-icon {
    background: #e1efff;
    color: #0755d9;
}

/* Secção final de chamada à ação */
.cta {
    background: linear-gradient(
        120deg,
        #0643b4 0%,
        #0755d9 48%,
        #0878df 100%
    ) !important;
    color: #ffffff !important;
    border-radius: 28px;
    padding: 52px 42px;
    box-shadow: 0 20px 48px rgba(7,85,217,.20);
}

.cta h2,
.cta h3,
.cta p,
.cta .lead,
.cta .muted {
    color: #ffffff !important;
}

.cta .btn {
    background: #ffffff !important;
    color: #0755d9 !important;
    border: 1px solid #ffffff !important;
    font-weight: 800;
}

.cta .btn:hover {
    background: #eaf3ff !important;
    color: #0643b4 !important;
}

/* Rodapé azul-noite */
.footer {
    background: linear-gradient(
        125deg,
        #061737,
        #0b2d69
    ) !important;
    color: #e8f1ff !important;
    border-top: 4px solid #00b8d9;
}

.footer h2,
.footer h3,
.footer h4,
.footer strong,
.footer p,
.footer .muted {
    color: #e8f1ff !important;
}

.footer a {
    color: #d8ebff !important;
    transition: color .2s ease;
}

.footer a:hover {
    color: #60e4ff !important;
}

.footer .container {
    color: #e8f1ff;
}

/* Destaque para links e foco */
a:focus-visible,
button:focus-visible {
    outline: 3px solid #00b8d9;
    outline-offset: 3px;
}

/* Ajustes mobile */
@media (max-width: 768px) {
    .cta {
        padding: 34px 22px;
        border-radius: 20px;
    }
}


/* CRIAMOSOTEUSITE_PREMIUM_V18 */

/* PALETA GLOBAL */

:root {
    --premium-navy: #091d45;
    --premium-blue: #1769f4;
    --premium-cyan: #00b8d9;
    --premium-ice: #eaf4ff;
    --premium-text: #152b4e;
}

/* FUNDO PREMIUM EM TODAS AS PAGINAS PUBLICAS */

body {
    background:
        radial-gradient(
            ellipse 700px 450px at 5% 8%,
            rgba(75,155,255,.17),
            transparent 75%
        ),
        radial-gradient(
            ellipse 650px 450px at 95% 24%,
            rgba(0,184,217,.12),
            transparent 75%
        ),
        linear-gradient(
            180deg,
            #f0f7ff 0%,
            #f8fbff 42%,
            #edf5ff 100%
        ) !important;

    color: var(--premium-text);
}

/* CABECALHO */

.header {
    background: rgba(255,255,255,.92) !important;
    border-bottom: 1px solid rgba(120,165,225,.22);
    box-shadow: 0 6px 30px rgba(25,65,125,.055);
}

.nav a {
    transition: color .2s ease;
}

.nav a:hover {
    color: #1769f4;
}

/* HERO */

.hero {
    position: relative;
    background:
        radial-gradient(
            circle at 82% 20%,
            rgba(46,143,255,.16),
            transparent 35%
        ),
        radial-gradient(
            circle at 15% 75%,
            rgba(0,184,217,.10),
            transparent 40%
        ),
        linear-gradient(
            135deg,
            #e6f2ff 0%,
            #f5faff 54%,
            #eaf5ff 100%
        ) !important;
}

.hero h1 {
    color: #0a285d !important;
}

.hero .lead {
    color: #385475;
}

/* SECÇÕES */

.section {
    position: relative;
}

.section.soft {
    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(0,184,217,.10),
            transparent 35%
        ),
        linear-gradient(
            125deg,
            #e0eeff 0%,
            #edf6ff 52%,
            #e4f2ff 100%
        ) !important;
}

.section-head h2,
.page-heading h1 {
    color: #0b2a60 !important;
}

.page-heading {
    position: relative;
}

/* CARTOES PREMIUM */

.feature,
.tile,
.plan,
.faq {
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.99),
            rgba(246,250,255,.98)
        ) !important;

    border: 1px solid rgba(114,158,222,.26) !important;
    border-radius: 22px !important;

    box-shadow:
        0 6px 20px rgba(26,75,145,.045),
        0 18px 45px rgba(26,75,145,.035);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.feature:hover,
.tile:hover,
.plan:hover {
    transform: translateY(-7px);

    border-color: rgba(23,105,244,.5) !important;

    box-shadow:
        0 15px 35px rgba(23,105,244,.10),
        0 25px 60px rgba(23,105,244,.07);
}

/* PLANO DESTACADO */

.plan.featured {
    background:
        linear-gradient(
            150deg,
            #d7eaff 0%,
            #eef6ff 48%,
            #ffffff 100%
        ) !important;

    border: 2px solid #1769f4 !important;

    box-shadow:
        0 15px 40px rgba(23,105,244,.15),
        0 0 0 5px rgba(23,105,244,.045);
}

.plan.featured .price strong {
    color: #0755d9 !important;
}

/* PREÇOS */

.price strong {
    letter-spacing: -1px;
}

/* ICONES */

.feature-icon,
.tile-icon {
    background:
        linear-gradient(
            145deg,
            #d8ebff,
            #eaf7ff
        ) !important;

    color: #0755d9 !important;

    box-shadow: inset 0 1px 2px rgba(255,255,255,.8);
}

/* BOTOES */

.btn:not(.secondary):not(.light) {
    background:
        linear-gradient(
            115deg,
            #0755d9,
            #1680f6
        ) !important;

    color: #ffffff !important;

    box-shadow:
        0 7px 20px rgba(7,85,217,.15);
}

.btn:not(.secondary):not(.light):hover {
    box-shadow:
        0 12px 30px rgba(7,85,217,.28);
}

/* FORMULARIOS */

input,
textarea,
select {
    border-color: #c5d9f3;
    background-color: #ffffff;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #1769f4;
    box-shadow: 0 0 0 3px rgba(23,105,244,.10);
}

/* IMAGENS E PROJETOS */

.service-image,
.browser {
    border-radius: 18px;
    box-shadow: 0 18px 42px rgba(15,57,120,.12);
}

/* TESTEMUNHOS */

.testimonial-card {
    border-top: 3px solid #1769f4 !important;
}

.testimonial-stars {
    color: #e8a500;
}

/* CTA FINAL - MANTER AZUL FORTE */

.cta {
    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(0,221,255,.22),
            transparent 38%
        ),
        linear-gradient(
            120deg,
            #073a9e 0%,
            #0755d9 55%,
            #0878df 100%
        ) !important;

    border: 1px solid rgba(255,255,255,.15);
    box-shadow: 0 24px 55px rgba(7,85,217,.20);
}

.cta h1,
.cta h2,
.cta h3,
.cta p,
.cta .lead,
.cta .muted {
    color: #ffffff !important;
}

.cta .btn {
    background: #ffffff !important;
    color: #0755d9 !important;
    border-color: #ffffff !important;
}

/* RODAPE */

.footer {
    background:
        radial-gradient(
            circle at 85% 0%,
            rgba(0,184,217,.15),
            transparent 38%
        ),
        linear-gradient(
            125deg,
            #06152f,
            #0b2c65
        ) !important;
}

/* ACESSIBILIDADE */

@media (prefers-reduced-motion: reduce) {
    .feature,
    .tile,
    .plan {
        transition: none !important;
    }

    .feature:hover,
    .tile:hover,
    .plan:hover {
        transform: none !important;
    }
}

/* MOBILE */

@media (max-width: 768px) {
    .feature,
    .tile,
    .plan {
        border-radius: 17px !important;
    }

    .hero h1 {
        letter-spacing: -.7px;
    }
}


/* CRIAMOSOTEUSITE_PREMIUM_V19 */

/* FUNDO AZUL GERAL */

body {
    background:
        radial-gradient(
            ellipse at 10% 12%,
            rgba(13,110,253,.20),
            transparent 38%
        ),
        radial-gradient(
            ellipse at 90% 45%,
            rgba(0,194,230,.17),
            transparent 40%
        ),
        linear-gradient(
            135deg,
            #b8d8ff 0%,
            #d5e8ff 38%,
            #c3e0ff 72%,
            #a9d1ff 100%
        ) !important;

    background-attachment: fixed !important;
}

/* SECÇÕES MAIS COLORIDAS */

.section:not(.soft) {
    background:
        linear-gradient(
            135deg,
            rgba(219,237,255,.72),
            rgba(190,221,255,.60)
        ) !important;
}

.section.soft {
    background:
        linear-gradient(
            135deg,
            #b6d7ff,
            #d8edff 55%,
            #b7ddff
        ) !important;
}

/* CABEÇALHOS */

.page-heading {
    background:
        linear-gradient(
            115deg,
            #0a3b99,
            #0755d9,
            #087bd9
        ) !important;

    border-radius: 24px;
    padding: 35px 30px !important;
    box-shadow: 0 18px 40px rgba(7,60,150,.20);
}

.page-heading h1,
.page-heading h2,
.page-heading p,
.page-heading .eyebrow,
.page-heading .lead {
    color: #ffffff !important;
}

/* SECÇÃO PEDIR PROPOSTA */

body:has(#wa-proposal-form) main {
    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(0,216,255,.20),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #0a398e 0%,
            #1159bf 48%,
            #0d77ce 100%
        ) !important;

    position: relative;
    overflow: hidden;
}

/* FORMULÁRIO PREMIUM */

#wa-proposal-form {
    background:
        linear-gradient(
            145deg,
            #f1f7ff,
            #ffffff 55%,
            #eaf4ff
        ) !important;

    border: 1px solid rgba(255,255,255,.8);
    border-radius: 26px;

    padding: 32px !important;

    box-shadow:
        0 25px 65px rgba(0,20,75,.25),
        0 0 0 6px rgba(255,255,255,.07);

    animation: cs-form-enter .7s ease both;
}

@keyframes cs-form-enter {
    from {
        opacity: 0;
        transform: translateY(25px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* CAMPOS */

#wa-proposal-form input,
#wa-proposal-form textarea,
#wa-proposal-form select {
    background: #ffffff !important;
    border: 1px solid #bdd5f4 !important;
    border-radius: 12px !important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

#wa-proposal-form input:focus,
#wa-proposal-form textarea:focus,
#wa-proposal-form select:focus {
    border-color: #0755d9 !important;

    box-shadow:
        0 0 0 4px rgba(7,85,217,.12) !important;

    transform: translateY(-1px);
}

/* BOTÃO DE ENVIO */

#wa-proposal-form button[type="submit"] {
    background:
        linear-gradient(
            110deg,
            #0755d9,
            #0783e9
        ) !important;

    color: #ffffff !important;
    border-radius: 13px !important;

    box-shadow:
        0 10px 26px rgba(7,85,217,.24);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

#wa-proposal-form button[type="submit"]:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(7,85,217,.32);
}

/* CARTÕES NAS RESTANTES PÁGINAS */

.feature,
.tile,
.plan,
.faq {
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #eef6ff
        ) !important;

    border-color: #b3d3f8 !important;
}

/* CTA FINAL: MANTER AZUL MAIS ESCURO */

.cta {
    background:
        linear-gradient(
            120deg,
            #073b9d,
            #0755d9 60%,
            #0878df
        ) !important;
}

/* RODAPÉ: CONTRASTE */

.footer {
    background:
        linear-gradient(
            125deg,
            #06142e,
            #0a2b63
        ) !important;
}

/* TELEMÓVEIS */

@media (max-width: 768px) {
    .page-heading {
        padding: 26px 20px !important;
        border-radius: 18px;
    }

    #wa-proposal-form {
        padding: 20px !important;
        border-radius: 18px;
    }

    body {
        background-attachment: scroll !important;
    }
}

/* MOVIMENTO REDUZIDO */

@media (prefers-reduced-motion: reduce) {
    #wa-proposal-form {
        animation: none !important;
    }

    #wa-proposal-form input,
    #wa-proposal-form textarea,
    #wa-proposal-form select,
    #wa-proposal-form button[type="submit"] {
        transition: none !important;
        transform: none !important;
    }
}