*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070b14;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}:root{--blue:#1e90ff;--line:rgba(30,144,255,.32);--muted:#cbd5e1}.header{position:fixed;top:0;left:0;right:0;z-index:99;height:78px;background:rgba(3,7,18,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5%;gap:28px;backdrop-filter:blur(12px)}.logo img{width:220px;display:block;filter:drop-shadow(0 0 13px rgba(30,144,255,.35))}.menu{display:flex;justify-content:center;gap:28px;flex:1}.menu a{text-transform:uppercase;font-size:13px;font-weight:900}.menu a:hover{color:var(--blue)}.header-cta{background:var(--blue);color:#fff;border-radius:8px;padding:14px 18px;font-weight:1000;text-transform:uppercase;white-space:nowrap}.mobile-btn{display:none;background:none;border:0;color:var(--blue);font-size:28px}.hero{position:relative;min-height:760px;padding:150px 5% 110px;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,7,18,.96),rgba(3,7,18,.72) 42%,rgba(3,7,18,.32)),url("assets/city-bg.png");background-size:cover;background-position:center;z-index:-2}.hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(30,144,255,.22),transparent 35%),linear-gradient(180deg,transparent 60%,#070b14 100%)}.hero-content{max-width:820px;position:relative;z-index:3}.eyebrow,.section-head span,.about-text span,.quote-copy span{display:inline-block;color:#7cc3ff;text-transform:uppercase;font-weight:1000;letter-spacing:1px;border:1px solid var(--line);padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.35)}h1{font-size:clamp(44px,6vw,88px);line-height:.94;margin:26px 0 18px;text-transform:uppercase;font-style:italic;letter-spacing:-3px}.hero p{font-size:20px;line-height:1.55;color:#f1f5f9;max-width:720px}.hero-actions{display:flex;gap:18px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:16px 24px;font-weight:1000;text-transform:uppercase;transition:.25s}.btn:hover{transform:translateY(-3px)}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 0 24px rgba(30,144,255,.34)}.btn.secondary{border:1px solid var(--line);background:rgba(0,0,0,.55)}.btn.small{padding:12px 16px;font-size:13px}.hero-panel{position:absolute;right:5%;bottom:70px;width:370px;border:1px solid var(--line);border-radius:18px;background:rgba(3,7,18,.72);backdrop-filter:blur(8px);padding:24px;box-shadow:0 0 38px rgba(0,0,0,.45)}.hero-panel img{width:230px;margin-bottom:12px}.hero-panel strong{display:block;color:#7cc3ff;text-transform:uppercase;margin-bottom:8px}.hero-panel span{color:#ddd;line-height:1.4}.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(30,144,255,.18);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.numbers div{padding:28px 20px;text-align:center;background:#0b1220}.numbers strong{display:block;font-size:42px;color:#7cc3ff}.numbers span{text-transform:uppercase;font-weight:900;font-size:13px}.section{padding:82px 5%}.section-head{max-width:850px;margin-bottom:36px}.section-head h2,.about-text h2,.quote-copy h2{font-size:clamp(34px,4vw,56px);margin:16px 0;text-transform:uppercase;font-style:italic}.section-head p,.about-text p,.quote-copy p{color:var(--muted);font-size:18px;line-height:1.6}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.services-grid article,.project-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(20,27,45,.92),rgba(5,10,20,.88));padding:28px;min-height:230px}.services-grid b{color:#7cc3ff;font-size:28px}.services-grid h3,.project-card h3{font-size:24px;margin:16px 0 10px}.services-grid p,.project-card p{color:#dbeafe;line-height:1.55}.projects-section{background:radial-gradient(circle at 80% 0,rgba(30,144,255,.12),transparent 35%),#050915}.projects-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.project-card.featured{display:grid;grid-template-columns:210px 1fr;gap:28px}.project-mark{height:160px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#111827,#020617);display:grid;place-items:center;color:#7cc3ff;font-size:70px;font-family:Georgia,serif}.project-card span{color:#7cc3ff;font-weight:1000;text-transform:uppercase}.project-card ul{columns:2;margin:16px 0 22px;padding-left:18px}.about-section{padding:86px 5%;display:grid;grid-template-columns:360px 1fr;gap:54px;align-items:center;background:linear-gradient(180deg,#070b14,#020617)}.about-photo img{width:340px;height:340px;border-radius:28px;object-fit:cover;object-position:center top;border:2px solid var(--blue);box-shadow:0 0 34px rgba(30,144,255,.32)}.badges{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.badges small{border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:#7cc3ff;font-weight:900}.quote-section{padding:86px 5%;display:grid;grid-template-columns:1fr 1fr;gap:44px;background:radial-gradient(circle at 20% 10%,rgba(30,144,255,.14),transparent 34%),#050915}.contact-short{display:grid;gap:12px;margin-top:24px}.contact-short a{color:#7cc3ff;font-weight:900}.quote-form{border:1px solid var(--line);border-radius:18px;background:rgba(3,7,18,.78);padding:28px;display:grid;gap:14px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid rgba(30,144,255,.28);background:#0f172a;color:#fff;border-radius:10px;padding:15px;font-size:15px}.quote-form select option{color:#111}.quote-form textarea{min-height:130px;resize:vertical}.quote-form button{border:0;background:var(--blue);color:#fff;border-radius:10px;padding:16px;font-weight:1000;text-transform:uppercase;cursor:pointer}.footer{padding:42px 5%;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px;border-top:1px solid var(--line);background:#070b14}.footer img{width:220px}.footer p{color:#ccc;line-height:1.5}.footer strong{display:block;color:#7cc3ff;margin-bottom:8px}.footer a{color:#fff}.float-panel{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:110;display:flex;flex-direction:column;gap:24px;align-items:center}.float-panel a,.float-panel button{background:transparent;border:0;color:#fff;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;font-weight:1000;text-transform:uppercase}.float-panel img{width:58px;height:58px;object-fit:contain;border-radius:50%}.float-panel a,.float-panel button{font-size:12px}.float-whatsapp img{background:#25d366;border:3px solid #fff;box-shadow:0 0 26px rgba(37,211,102,.62)}.float-ai img{background:#000;border:3px solid var(--blue);box-shadow:0 0 26px rgba(30,144,255,.42);animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(30,144,255,.65)}70%{box-shadow:0 0 0 14px rgba(30,144,255,0)}100%{box-shadow:0 0 0 0 rgba(30,144,255,0)}}.chat-window{display:none;position:fixed;right:110px;bottom:44px;width:360px;z-index:130;border:1px solid var(--line);border-radius:16px;background:#070b14;overflow:hidden;box-shadow:0 0 34px rgba(0,0,0,.7)}.chat-window.open{display:block}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.chat-head strong{color:#7cc3ff}.chat-head button{background:none;border:0;color:#fff;font-size:24px;cursor:pointer}.chat-body{height:150px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.bot,.user{padding:10px 12px;border-radius:10px;line-height:1.35}.bot{background:#111827}.user{background:rgba(30,144,255,.18);align-self:flex-end}.quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 12px}.quick button{border:1px solid var(--line);background:transparent;color:#7cc3ff;border-radius:8px;padding:10px;font-weight:900}.chat-form{display:flex;gap:8px;padding:14px;border-top:1px solid var(--line)}.chat-form input{flex:1;background:#111827;border:0;color:#fff;border-radius:8px;padding:12px}.chat-form button{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:0 14px;font-weight:1000}@media(max-width:1100px){.header{padding:0 20px}.mobile-btn{display:block;margin-left:auto}.menu{display:none;position:absolute;top:78px;left:0;right:0;background:#030712;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.menu.open{display:flex}.header-cta{display:none}.logo img{width:180px}.hero{padding:130px 24px 70px}.hero-panel{position:relative;right:auto;bottom:auto;margin-top:34px;width:100%}.numbers,.services-grid,.projects-grid,.quote-section,.footer{grid-template-columns:1fr}.project-card.featured,.about-section{grid-template-columns:1fr}.project-card ul{columns:1}.float-panel{right:14px}.about-photo img{width:260px;height:260px}.chat-window{right:16px;left:16px;width:auto}}

/* ===== VERSÃO AZUL ANIMADA - PROFISSIONAL ===== */

/* Fundo animado com as novas cidades */
.hero-bg{
  position:absolute !important;
  inset:0 !important;
  overflow:hidden !important;
  z-index:-2 !important;
  background:#050915 !important;
}

.hero-bg .bg-layer{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1.05);
  animation: bgFade 18s infinite ease-in-out;
}

.hero-bg .bg-one{
  background-image:
    linear-gradient(90deg,rgba(3,7,18,.96),rgba(3,7,18,.72) 42%,rgba(3,7,18,.32)),
    url("assets/city-bg-1.jpg");
  animation-delay:0s;
}

.hero-bg .bg-two{
  background-image:
    linear-gradient(90deg,rgba(3,7,18,.94),rgba(3,7,18,.70) 42%,rgba(3,7,18,.36)),
    url("assets/city-bg-2.jpg");
  animation-delay:6s;
}

.hero-bg .bg-three{
  background-image:
    linear-gradient(90deg,rgba(3,7,18,.95),rgba(3,7,18,.72) 42%,rgba(3,7,18,.34)),
    url("assets/city-bg-3.jpg");
  animation-delay:12s;
}

.hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 70% 30%,rgba(30,144,255,.26),transparent 36%),
    linear-gradient(180deg,transparent 55%,#070b14 100%);
  z-index:3;
  pointer-events:none;
}

@keyframes bgFade{
  0%{opacity:0;transform:scale(1.05)}
  8%{opacity:1;transform:scale(1.02)}
  30%{opacity:1;transform:scale(1)}
  42%{opacity:0;transform:scale(1)}
  100%{opacity:0;transform:scale(1.05)}
}

/* Letras com presença mais premium */
.animated-title{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.animated-title span{
  display:block;
  opacity:0;
  transform:translateY(28px);
  animation:titleRise .85s ease forwards;
  text-shadow:
    0 0 22px rgba(30,144,255,.18),
    0 12px 36px rgba(0,0,0,.65);
}

.animated-title span:nth-child(1){animation-delay:.15s}
.animated-title span:nth-child(2){animation-delay:.32s}
.animated-title span:nth-child(3){
  animation-delay:.49s;
  color:#ffffff;
  background:linear-gradient(90deg,#ffffff 0%,#dcecff 35%,#1e90ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.animated-title span:nth-child(4){
  animation-delay:.66s;
  color:#7cc3ff;
  text-shadow:0 0 26px rgba(30,144,255,.45);
}

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

/* Linha luminosa no título */
.hero-content h1{
  position:relative;
}

.hero-content h1:after{
  content:"";
  display:block;
  width:210px;
  height:4px;
  margin-top:22px;
  border-radius:999px;
  background:linear-gradient(90deg,#1e90ff,rgba(255,255,255,.8),transparent);
  box-shadow:0 0 22px rgba(30,144,255,.65);
  animation:lineGlow 2.8s ease-in-out infinite;
}

@keyframes lineGlow{
  0%,100%{opacity:.55;width:180px}
  50%{opacity:1;width:260px}
}

/* Entrada suave de textos e botões */
.eyebrow{
  animation:fadeDown .8s ease both;
}

.hero p{
  animation:fadeUp .9s ease .75s both;
}

.hero-actions{
  animation:fadeUp .9s ease .95s both;
}

.hero-panel{
  animation:panelFloat 4.5s ease-in-out infinite, fadePanel .95s ease 1.1s both;
  box-shadow:
    0 0 38px rgba(0,0,0,.45),
    0 0 34px rgba(30,144,255,.13) !important;
}

@keyframes fadeDown{
  from{opacity:0;transform:translateY(-12px)}
  to{opacity:1;transform:translateY(0)}
}

@keyframes fadeUp{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}

@keyframes fadePanel{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}

@keyframes panelFloat{
  0%,100%{translate:0 0}
  50%{translate:0 -10px}
}

/* Botões mais vivos */
.btn.primary,
.header-cta,
.quote-form button{
  background:linear-gradient(135deg,#1e90ff,#0b5ed7) !important;
  box-shadow:0 0 24px rgba(30,144,255,.36) !important;
}

.btn.primary:hover,
.header-cta:hover,
.quote-form button:hover{
  box-shadow:0 0 34px rgba(30,144,255,.62) !important;
}

/* Movimento leve nos cards */
.services-grid article,
.project-card{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.services-grid article:hover,
.project-card:hover{
  transform:translateY(-7px);
  border-color:rgba(124,195,255,.65);
  box-shadow:0 0 34px rgba(30,144,255,.15);
}

/* Melhor visibilidade do painel flutuante */
.float-panel{
  gap:30px !important;
}

.float-panel img{
  transition:transform .25s ease;
}

.float-panel a:hover img,
.float-panel button:hover img{
  transform:scale(1.08);
}

/* Respeitar usuários com redução de movimento */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation:none !important;
    transition:none !important;
  }
  .hero-bg .bg-one{opacity:1 !important}
}

@media(max-width:1100px){
  .hero-bg .bg-layer{
    background-position:center;
  }
}


/* ===== AJUSTE FINAL PREMIUM COM NOVO LOGO ===== */
.header .logo img{
  width:96px !important;
  height:96px !important;
  object-fit:contain !important;
  border-radius:50% !important;
  filter:drop-shadow(0 0 18px rgba(30,144,255,.65)) !important;
}

.header{
  height:92px !important;
}

.menu a{
  letter-spacing:.4px;
}

.with-logo{
  display:inline-flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:10px 18px !important;
}

.with-logo img{
  width:42px !important;
  height:42px !important;
  object-fit:contain !important;
  border-radius:50% !important;
  filter:drop-shadow(0 0 12px rgba(30,144,255,.65));
}

.with-logo em{
  font-style:normal !important;
}

.hero-panel img{
  width:150px !important;
  height:150px !important;
  object-fit:contain !important;
  border-radius:50% !important;
  display:block !important;
  margin:0 auto 16px auto !important;
  filter:drop-shadow(0 0 24px rgba(30,144,255,.58)) !important;
}

.hero-panel{
  text-align:center !important;
}

.footer img{
  width:150px !important;
  height:150px !important;
  object-fit:contain !important;
  border-radius:50% !important;
  filter:drop-shadow(0 0 18px rgba(30,144,255,.55)) !important;
}

.float-ai,
.chat-window{
  display:none !important;
}

.float-panel{
  gap:0 !important;
}

.float-whatsapp img{
  width:68px !important;
  height:68px !important;
}

.float-whatsapp span{
  color:#ffffff !important;
  text-shadow:0 0 12px rgba(0,0,0,.9);
}

.hero-content h1{
  max-width:850px;
}

.hero-content p{
  max-width:760px;
}

@media(max-width:1100px){
  .header .logo img{
    width:76px !important;
    height:76px !important;
  }
  .header{
    height:82px !important;
  }
  .menu{
    top:82px !important;
  }
  .with-logo img{
    width:34px !important;
    height:34px !important;
  }
}


/* ===== PROJETO MF EXECUTIVO PREMIUM ===== */
.header .logo img{
  width:96px !important;
  height:96px !important;
  object-fit:contain !important;
  border-radius:50% !important;
  filter:drop-shadow(0 0 18px rgba(30,144,255,.65)) !important;
}

.with-logo{
  display:inline-flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:10px 18px !important;
}

.with-logo img{
  width:42px !important;
  height:42px !important;
  object-fit:contain !important;
  border-radius:50% !important;
}

.with-logo em{
  font-style:normal !important;
}

.hero-panel img,
.footer img{
  content:url("assets/fg-logo-premium.png") !important;
  object-fit:contain !important;
  border-radius:50% !important;
  filter:drop-shadow(0 0 22px rgba(30,144,255,.55)) !important;
}

.hero-panel img{
  width:150px !important;
  height:150px !important;
  display:block !important;
  margin:0 auto 16px auto !important;
}

.hero-panel{
  text-align:center !important;
}

.footer img{
  width:150px !important;
  height:150px !important;
}

.float-ai,
.chat-window{
  display:none !important;
}

.premium-projects{
  background:
    radial-gradient(circle at 30% 10%, rgba(30,144,255,.14), transparent 34%),
    radial-gradient(circle at 80% 50%, rgba(0,92,255,.10), transparent 32%),
    #050915 !important;
}

.mf-showcase-card{
  display:grid;
  grid-template-columns:290px 1fr 560px;
  gap:34px;
  align-items:center;
  border:1px solid rgba(30,144,255,.45);
  border-radius:24px;
  padding:34px;
  background:
    linear-gradient(135deg, rgba(9,17,34,.96), rgba(3,7,18,.94)),
    radial-gradient(circle at 80% 20%, rgba(30,144,255,.16), transparent 36%);
  box-shadow:
    0 0 38px rgba(0,0,0,.45),
    inset 0 0 24px rgba(30,144,255,.06);
  overflow:hidden;
}

.mf-logo-box{
  height:290px;
  border:1px solid rgba(30,144,255,.45);
  border-radius:20px;
  background:linear-gradient(180deg, #070b14, #030712);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  box-shadow:0 0 26px rgba(30,144,255,.10);
}

.mf-logo-box img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:14px;
}

.mf-project-content .client-label{
  display:inline-block;
  color:#38bdf8;
  text-transform:uppercase;
  font-weight:1000;
  letter-spacing:.8px;
  margin-bottom:12px;
}

.mf-project-content h3{
  font-size:clamp(34px, 4vw, 54px);
  margin:0 0 8px 0;
  color:#ffffff;
  line-height:1;
}

.mf-project-content strong{
  display:block;
  color:#f7c66b;
  text-transform:uppercase;
  letter-spacing:1.5px;
  margin-bottom:22px;
}

.mf-project-content p{
  color:#dbeafe;
  line-height:1.65;
  margin-bottom:22px;
  max-width:610px;
}

.mf-features{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px 18px;
  margin:24px 0 28px;
}

.mf-features span{
  color:#eaf4ff;
  font-weight:800;
  font-size:14px;
  display:flex;
  align-items:center;
  gap:9px;
}

.mf-features span::before{
  content:"✓";
  width:22px;
  height:22px;
  border:2px solid #1e90ff;
  color:#7cc3ff;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  flex:0 0 auto;
}

.mf-btn{
  min-width:190px;
}

.mf-screen{
  display:flex;
  align-items:center;
  justify-content:center;
}

.mf-screen img{
  width:100%;
  height:auto;
  border-radius:18px;
  object-fit:cover;
  box-shadow:
    0 22px 60px rgba(0,0,0,.50),
    0 0 36px rgba(30,144,255,.16);
}

.project-note{
  margin-top:28px;
  border:1px solid rgba(30,144,255,.35);
  border-radius:18px;
  background:rgba(7,11,20,.86);
  padding:22px 28px;
  display:flex;
  align-items:center;
  gap:20px;
}

.note-icon{
  width:54px;
  height:54px;
  border:2px solid #1e90ff;
  color:#7cc3ff;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:28px;
  flex:0 0 auto;
}

.project-note p{
  color:#eaf4ff;
  font-size:18px;
  line-height:1.55;
  margin:0;
}

@media(max-width:1320px){
  .mf-showcase-card{
    grid-template-columns:260px 1fr;
  }

  .mf-screen{
    grid-column:1 / -1;
  }
}

@media(max-width:820px){
  .mf-showcase-card{
    grid-template-columns:1fr;
    padding:22px;
  }

  .mf-logo-box{
    height:240px;
  }

  .mf-features{
    grid-template-columns:1fr;
  }

  .project-note{
    align-items:flex-start;
  }
}


/* ===== FINAL PROFISSIONAL: MF + CONTACTOS COM ÍCONES ===== */

.header .logo img{
  width:96px !important;
  height:96px !important;
  object-fit:contain !important;
  border-radius:50% !important;
  filter:drop-shadow(0 0 18px rgba(30,144,255,.65)) !important;
}

.header{
  height:92px !important;
}

.with-logo img,
.hero-panel img,
.footer-brand img{
  object-fit:contain !important;
  border-radius:50% !important;
  filter:drop-shadow(0 0 22px rgba(30,144,255,.55)) !important;
}

.hero-panel img{
  width:150px !important;
  height:150px !important;
  display:block !important;
  margin:0 auto 16px auto !important;
}

.hero-panel{
  text-align:center !important;
}

.float-ai,
.chat-window{
  display:none !important;
}

.premium-projects{
  background:
    radial-gradient(circle at 30% 10%, rgba(30,144,255,.14), transparent 34%),
    radial-gradient(circle at 80% 50%, rgba(0,92,255,.10), transparent 32%),
    #050915 !important;
}

.clean-mf{
  display:grid;
  grid-template-columns:300px minmax(420px,1fr) minmax(420px,640px);
  gap:36px;
  align-items:center;
  border:1px solid rgba(30,144,255,.45);
  border-radius:24px;
  padding:34px;
  background:
    linear-gradient(135deg, rgba(9,17,34,.96), rgba(3,7,18,.94));
  box-shadow:
    0 0 38px rgba(0,0,0,.45),
    inset 0 0 24px rgba(30,144,255,.06);
  overflow:hidden;
}

.mf-logo-box{
  height:300px;
  border:1px solid rgba(30,144,255,.45);
  border-radius:20px;
  background:linear-gradient(180deg, #070b14, #030712);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  box-shadow:0 0 26px rgba(30,144,255,.10);
}

.mf-logo-box img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:14px;
}

.mf-project-content .client-label{
  display:inline-block;
  color:#38bdf8;
  text-transform:uppercase;
  font-weight:1000;
  letter-spacing:.8px;
  margin-bottom:12px;
}

.mf-project-content h3{
  font-size:clamp(34px, 4vw, 54px);
  margin:0 0 8px 0;
  color:#ffffff;
  line-height:1;
}

.mf-project-content strong{
  display:block;
  color:#f7c66b;
  text-transform:uppercase;
  letter-spacing:1.5px;
  margin-bottom:22px;
}

.mf-project-content p{
  color:#dbeafe;
  line-height:1.65;
  margin-bottom:22px;
  max-width:650px;
}

.mf-features{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 22px;
  margin:24px 0 28px;
}

.mf-features span{
  color:#eaf4ff;
  font-weight:800;
  font-size:14px;
  display:flex;
  align-items:center;
  gap:9px;
}

.mf-features span::before{
  content:"✓";
  width:22px;
  height:22px;
  border:2px solid #1e90ff;
  color:#7cc3ff;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  flex:0 0 auto;
}

.mf-btn{
  min-width:190px;
}

.device-only{
  display:flex;
  align-items:center;
  justify-content:center;
}

.device-only img{
  width:100%;
  height:auto;
  max-height:420px;
  object-fit:contain;
  border-radius:18px;
  box-shadow:
    0 22px 60px rgba(0,0,0,.50),
    0 0 36px rgba(30,144,255,.16);
}

.project-note{
  display:none !important;
}

.footer-pro{
  padding:42px 5% !important;
  display:grid !important;
  grid-template-columns:1.35fr 1fr 1fr 1fr !important;
  gap:28px !important;
  border-top:1px solid rgba(30,144,255,.32) !important;
  background:#070b14 !important;
  align-items:center;
}

.footer-brand img{
  width:145px !important;
  height:145px !important;
}

.footer-brand p{
  color:#cbd5e1;
  line-height:1.55;
  max-width:360px;
}

.contact-item{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  padding:18px !important;
  border:1px solid rgba(30,144,255,.25) !important;
  border-radius:16px !important;
  background:rgba(15,23,42,.55) !important;
  transition:.25s ease !important;
  min-height:104px !important;
}

.contact-item:hover{
  transform:translateY(-4px);
  border-color:rgba(124,195,255,.65) !important;
  box-shadow:0 0 26px rgba(30,144,255,.18);
}

.contact-item img{
  width:44px !important;
  height:44px !important;
  object-fit:contain !important;
  border-radius:12px;
  flex:0 0 auto;
}

.contact-item strong{
  display:block;
  color:#7cc3ff !important;
  font-size:18px;
  margin-bottom:6px;
}

.contact-item span{
  color:#ffffff;
  font-weight:700;
  word-break:break-word;
}

.float-whatsapp img{
  width:70px !important;
  height:70px !important;
  object-fit:contain !important;
  border-radius:50% !important;
  background:#25d366 !important;
  border:3px solid #ffffff !important;
}

@media(max-width:1320px){
  .clean-mf{
    grid-template-columns:280px 1fr;
  }

  .device-only{
    grid-column:1 / -1;
  }

  .device-only img{
    max-width:760px;
  }
}

@media(max-width:900px){
  .clean-mf{
    grid-template-columns:1fr;
    padding:22px;
  }

  .mf-logo-box{
    height:260px;
  }

  .mf-features{
    grid-template-columns:1fr;
  }

  .footer-pro{
    grid-template-columns:1fr !important;
  }

  .contact-item{
    min-height:auto !important;
  }
}


/* ===== CORREÇÃO FINAL PROFISSIONAL ===== */
.contact-official-icon{content:normal!important}

.mf-final-layout{
  display:grid!important;
  grid-template-columns:270px minmax(390px,1fr) minmax(420px,560px)!important;
  gap:34px!important;
  align-items:center!important;
  padding:34px!important;
  border:1px solid rgba(30,144,255,.45)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(9,17,34,.96),rgba(3,7,18,.94))!important;
  overflow:hidden!important;
}
.mf-final-layout .mf-logo-box{
  height:270px!important;
  padding:22px!important;
  border:1px solid rgba(30,144,255,.42)!important;
  border-radius:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#060b16!important;
}
.mf-final-layout .mf-logo-box img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:14px!important;
}
.mf-final-layout .mf-project-content h3{
  font-size:46px!important;
  line-height:1!important;
  margin:0 0 8px!important;
}
.mf-final-layout .mf-project-content p{
  max-width:620px!important;
  line-height:1.55!important;
  margin:16px 0 22px!important;
}
.mf-final-layout .mf-features{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px 24px!important;
  margin:22px 0 28px!important;
}
.mf-final-layout .mf-screen{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  overflow:visible!important;
}
.mf-final-layout .mf-screen img{
  width:100%!important;
  max-width:560px!important;
  height:auto!important;
  max-height:330px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:18px!important;
  box-shadow:0 20px 46px rgba(0,0,0,.55),0 0 30px rgba(30,144,255,.14)!important;
}
.project-note{display:none!important}

.footer-contactos{
  padding:58px 5%!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:34px!important;
  background:#070b14!important;
  border-top:1px solid rgba(30,144,255,.32)!important;
}
.contact-card-pro{
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  min-height:132px!important;
  padding:28px!important;
  border:1px solid rgba(30,144,255,.35)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(5,10,20,.72))!important;
  cursor:pointer!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.contact-card-pro:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(124,195,255,.85)!important;
  box-shadow:0 0 32px rgba(30,144,255,.20)!important;
}
.contact-card-pro .contact-official-icon{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
  border-radius:14px!important;
  flex:0 0 58px!important;
  filter:none!important;
  background:transparent!important;
}
.whatsapp-card .contact-official-icon{border-radius:50%!important}
.contact-card-pro strong{
  display:block!important;
  color:#7cc3ff!important;
  font-size:22px!important;
  line-height:1.1!important;
  margin:0 0 8px!important;
}
.contact-card-pro span{
  display:block!important;
  color:#fff!important;
  font-size:19px!important;
  font-weight:800!important;
  word-break:break-word!important;
}
.float-whatsapp img{
  content:normal!important;
  width:70px!important;
  height:70px!important;
  object-fit:contain!important;
  border-radius:50%!important;
  background:#25d366!important;
  border:3px solid #fff!important;
}
.float-ai,.chat-window{display:none!important}

@media(max-width:1320px){
  .mf-final-layout{grid-template-columns:250px 1fr!important}
  .mf-final-layout .mf-screen{grid-column:1/-1!important}
  .mf-final-layout .mf-screen img{max-width:680px!important;max-height:360px!important}
}
@media(max-width:900px){
  .mf-final-layout{grid-template-columns:1fr!important;padding:22px!important}
  .mf-final-layout .mf-logo-box{height:240px!important}
  .mf-final-layout .mf-features{grid-template-columns:1fr!important}
  .footer-contactos{grid-template-columns:1fr!important;gap:18px!important}
  .contact-card-pro{min-height:auto!important}
}


/* ===== MF EXECUTIVO LIMPO - SEM MOCKUP REPETIDO ===== */

.mf-showcase-card,
.clean-mf,
.mf-final-layout,
.project-note{
  display:none !important;
}

.mf-clean-card{
  display:grid !important;
  grid-template-columns:380px 1fr !important;
  gap:64px !important;
  align-items:center !important;
  border:1px solid rgba(30,144,255,.45) !important;
  border-radius:28px !important;
  padding:54px !important;
  background:
    radial-gradient(circle at 18% 50%, rgba(30,144,255,.12), transparent 34%),
    linear-gradient(135deg, rgba(9,17,34,.96), rgba(3,7,18,.94)) !important;
  box-shadow:
    0 0 44px rgba(0,0,0,.45),
    inset 0 0 28px rgba(30,144,255,.06) !important;
}

.mf-clean-logo{
  height:360px !important;
  border:1px solid rgba(30,144,255,.46) !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#070b14,#030712) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:28px !important;
  box-shadow:0 0 30px rgba(30,144,255,.12) !important;
}

.mf-clean-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  border-radius:18px !important;
}

.mf-clean-content .client-label{
  display:inline-block !important;
  color:#38bdf8 !important;
  text-transform:uppercase !important;
  font-weight:1000 !important;
  letter-spacing:1px !important;
  margin-bottom:16px !important;
}

.mf-clean-content h3{
  font-size:clamp(44px,5vw,72px) !important;
  line-height:1 !important;
  color:#fff !important;
  margin:0 0 12px !important;
}

.mf-clean-content strong{
  display:block !important;
  color:#f7c66b !important;
  text-transform:uppercase !important;
  letter-spacing:2px !important;
  font-size:20px !important;
  margin-bottom:26px !important;
}

.mf-clean-content p{
  color:#dbeafe !important;
  font-size:20px !important;
  line-height:1.65 !important;
  max-width:960px !important;
  margin:0 0 34px !important;
}

.mf-clean-features{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:18px 52px !important;
  margin:0 0 34px !important;
  max-width:760px !important;
}

.mf-clean-features span{
  color:#ffffff !important;
  font-weight:900 !important;
  font-size:19px !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}

.mf-clean-features span::before{
  content:"✓" !important;
  width:32px !important;
  height:32px !important;
  border:2px solid #1e90ff !important;
  color:#7cc3ff !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:18px !important;
  flex:0 0 auto !important;
}

.mf-clean-content .mf-btn{
  min-width:220px !important;
  padding:18px 30px !important;
  font-size:18px !important;
}

@media(max-width:1100px){
  .mf-clean-card{
    grid-template-columns:1fr !important;
    gap:34px !important;
    padding:30px !important;
  }

  .mf-clean-logo{
    height:300px !important;
  }

  .mf-clean-content h3{
    font-size:46px !important;
  }

  .mf-clean-features{
    grid-template-columns:1fr !important;
  }
}


/* ===== VERSÃO FINAL CLIENTE - AVALIAÇÕES + PROCESSO + CONTACTOS FG ===== */

.mf-showcase-card,
.clean-mf,
.mf-final-layout,
.project-note{
  display:none !important;
}

.mf-clean-card{
  display:grid !important;
  grid-template-columns:380px 1fr !important;
  gap:64px !important;
  align-items:center !important;
  border:1px solid rgba(30,144,255,.45) !important;
  border-radius:28px !important;
  padding:54px !important;
  background:
    radial-gradient(circle at 18% 50%, rgba(30,144,255,.12), transparent 34%),
    linear-gradient(135deg, rgba(9,17,34,.96), rgba(3,7,18,.94)) !important;
  box-shadow:
    0 0 44px rgba(0,0,0,.45),
    inset 0 0 28px rgba(30,144,255,.06) !important;
}

.mf-clean-logo{
  height:360px !important;
  border:1px solid rgba(30,144,255,.46) !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#070b14,#030712) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:28px !important;
  box-shadow:0 0 30px rgba(30,144,255,.12) !important;
}

.mf-clean-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  border-radius:18px !important;
}

.mf-clean-content .client-label{
  display:inline-block !important;
  color:#38bdf8 !important;
  text-transform:uppercase !important;
  font-weight:1000 !important;
  letter-spacing:1px !important;
  margin-bottom:16px !important;
}

.mf-clean-content h3{
  font-size:clamp(44px,5vw,72px) !important;
  line-height:1 !important;
  color:#fff !important;
  margin:0 0 12px !important;
}

.mf-clean-content strong{
  display:block !important;
  color:#f7c66b !important;
  text-transform:uppercase !important;
  letter-spacing:2px !important;
  font-size:20px !important;
  margin-bottom:26px !important;
}

.mf-clean-content p{
  color:#dbeafe !important;
  font-size:20px !important;
  line-height:1.65 !important;
  max-width:960px !important;
  margin:0 0 34px !important;
}

.mf-clean-features{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:18px 52px !important;
  margin:0 0 34px !important;
  max-width:760px !important;
}

.mf-clean-features span{
  color:#ffffff !important;
  font-weight:900 !important;
  font-size:19px !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}

.mf-clean-features span::before{
  content:"✓" !important;
  width:32px !important;
  height:32px !important;
  border:2px solid #1e90ff !important;
  color:#7cc3ff !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:18px !important;
  flex:0 0 auto !important;
}

.reviews-section{
  background:
    radial-gradient(circle at 20% 20%, rgba(30,144,255,.12), transparent 35%),
    #070b14 !important;
}

.review-card{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:34px;
  align-items:center;
  border:1px solid rgba(30,144,255,.38);
  border-radius:24px;
  background:linear-gradient(135deg, rgba(15,23,42,.82), rgba(5,10,20,.78));
  padding:34px;
  box-shadow:0 0 34px rgba(30,144,255,.10);
  max-width:1100px;
}

.review-logo{
  height:190px;
  border:1px solid rgba(30,144,255,.32);
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:#050915;
}

.review-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.stars{
  color:#f7c66b;
  font-size:30px;
  letter-spacing:4px;
  margin-bottom:16px;
}

.review-content p{
  color:#ffffff;
  font-size:22px;
  line-height:1.6;
  font-style:italic;
  margin:0 0 20px;
}

.review-content strong{
  display:block;
  color:#7cc3ff;
  font-size:22px;
}

.review-content span{
  color:#cbd5e1;
  font-weight:800;
}

.process-section{
  background:#050915 !important;
}

.process-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
}

.process-grid article{
  border:1px solid rgba(30,144,255,.32);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(3,7,18,.78));
  padding:26px;
  min-height:220px;
  transition:.25s ease;
}

.process-grid article:hover{
  transform:translateY(-6px);
  border-color:rgba(124,195,255,.78);
  box-shadow:0 0 28px rgba(30,144,255,.16);
}

.process-grid b{
  color:#7cc3ff;
  font-size:28px;
}

.process-grid h3{
  font-size:24px;
  margin:18px 0 10px;
}

.process-grid p{
  color:#dbeafe;
  line-height:1.55;
}

.stats-final{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:rgba(30,144,255,.18);
  border-top:1px solid rgba(30,144,255,.32);
  border-bottom:1px solid rgba(30,144,255,.32);
}

.stats-final div{
  padding:34px 20px;
  text-align:center;
  background:#0b1220;
}

.stats-final strong{
  display:block;
  color:#7cc3ff;
  font-size:44px;
  margin-bottom:8px;
}

.stats-final span{
  color:#ffffff;
  text-transform:uppercase;
  font-weight:1000;
  font-size:13px;
}

.logo-contactos{
  padding:58px 5% !important;
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:34px !important;
  background:#070b14 !important;
  border-top:1px solid rgba(30,144,255,.32) !important;
}

.contact-card-pro{
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
  min-height:150px !important;
  padding:28px !important;
  border:1px solid rgba(30,144,255,.35) !important;
  border-radius:22px !important;
  background:linear-gradient(135deg, rgba(15,23,42,.78), rgba(5,10,20,.72)) !important;
  cursor:pointer !important;
  transition:.25s ease !important;
}

.contact-card-pro:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(124,195,255,.85) !important;
  box-shadow:0 0 32px rgba(30,144,255,.20) !important;
}

.contact-logo-wrap{
  position:relative;
  width:82px;
  height:82px;
  flex:0 0 82px;
}

.fg-contact-logo{
  width:82px !important;
  height:82px !important;
  object-fit:contain !important;
  border-radius:50% !important;
  filter:drop-shadow(0 0 18px rgba(30,144,255,.45)) !important;
}

.contact-mini-icon{
  position:absolute;
  right:-6px;
  bottom:-6px;
  width:32px !important;
  height:32px !important;
  object-fit:contain !important;
  border-radius:50%;
  background:#ffffff;
  padding:4px;
  box-shadow:0 0 14px rgba(0,0,0,.45);
}

.contact-card-pro strong{
  display:block !important;
  color:#7cc3ff !important;
  font-size:22px !important;
  margin-bottom:8px !important;
}

.contact-card-pro span{
  color:#ffffff !important;
  font-weight:900 !important;
  font-size:18px !important;
  word-break:break-word;
}

.float-ai,
.chat-window{
  display:none !important;
}

.float-whatsapp img{
  width:70px !important;
  height:70px !important;
  object-fit:contain !important;
  border-radius:50% !important;
  background:#25d366 !important;
  border:3px solid #fff !important;
}

@media(max-width:1100px){
  .mf-clean-card,
  .review-card{
    grid-template-columns:1fr !important;
  }

  .process-grid{
    grid-template-columns:1fr 1fr !important;
  }

  .stats-final,
  .logo-contactos{
    grid-template-columns:1fr !important;
  }

  .mf-clean-logo{
    height:300px !important;
  }
}

@media(max-width:700px){
  .process-grid{
    grid-template-columns:1fr !important;
  }

  .mf-clean-card{
    padding:28px !important;
  }

  .mf-clean-features{
    grid-template-columns:1fr !important;
  }

  .review-content p{
    font-size:18px;
  }
}