/*
Theme Name: Event 3D Pro V16 CTA com Imagem
Theme URI: https://3devents.com.br/
Author: Event 3D
Description: Tema premium para estúdio de projetos 3D de eventos, compatível com Gutenberg e Elementor.
Version: 18.0.0
Requires at least: 6.2
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: event-3d-pro
*/

:root{
  --bg:#050705;--bg2:#090d09;--surface:#0d120d;--surface2:#111711;
  --line:rgba(255,255,255,.10);--line2:rgba(89,255,56,.22);
  --text:#f4f7f3;--muted:#a8b0a8;--neon:#59ff38;--neon2:#c9ffbd;
  --danger:#ff3d22;--container:1320px;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
body.admin-bar .site-header{top:32px}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,textarea,select{font:inherit}
.container{width:min(calc(100% - 40px),var(--container));margin:auto}
.section{padding:112px 0;position:relative;overflow:hidden}
.eyebrow{color:var(--neon);font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;font-weight:900;margin-bottom:18px}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(3rem,6vw,6.4rem);line-height:.98;letter-spacing:-.055em}
h2{font-size:clamp(2.35rem,4.2vw,4.7rem);line-height:1.03;letter-spacing:-.045em}
h3{font-size:1.18rem;line-height:1.25}
p{color:var(--muted)}
.gradient-text{background:linear-gradient(90deg,var(--neon),#d9ffd2);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:15px 26px;font-weight:850;border:1px solid var(--line);transition:.25s ease}
.btn-primary{background:var(--neon);color:#041003;border-color:var(--neon)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(89,255,56,.22)}
.btn-secondary{background:rgba(255,255,255,.02)}
.btn-secondary:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28)}
.site-header{position:sticky;top:0;z-index:999;background:rgba(3,5,3,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{min-width:240px}
.custom-logo{max-height:50px;width:auto}
.text-logo{display:inline-flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.12em;font-size:1.3rem}
.text-logo strong{font-size:2.4rem;letter-spacing:-.14em;font-style:italic;color:var(--neon)}
.primary-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:38px}
.primary-nav a{color:#adb5ad;font-weight:700;font-size:.95rem}
.primary-nav a:hover,.primary-nav .current-menu-item>a{color:#fff}
.header-cta{background:var(--neon);color:#041003;border-radius:999px;padding:14px 23px;font-weight:900;letter-spacing:.08em;font-size:.82rem}
.menu-toggle{display:none;background:#0a0d0a;border:1px solid var(--line);color:#fff;border-radius:12px;padding:10px 13px}
.hero{min-height:790px;display:flex;align-items:center;background:
 linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.55) 48%,rgba(0,0,0,.82)),
 var(--hero-image,radial-gradient(circle at 75% 25%,#183f1c 0,#081008 38%,#020302 80%));
 background-size:cover;background-position:center}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(58,255,35,.13),transparent 42%,rgba(0,0,0,.62));pointer-events:none}
.hero-content{position:relative;z-index:2;padding:100px 0}
.hero h1{max-width:1100px}
.hero p{font-size:1.2rem;max-width:730px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.stats{margin-top:-55px;position:relative;z-index:5}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(11,15,11,.92);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.stat{padding:27px 30px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat strong{font-size:1.7rem;color:#fff;display:block}
.stat span{color:var(--muted);font-size:.9rem}
.about{background:radial-gradient(circle at 10% 50%,rgba(57,255,20,.12),transparent 33%)}
.about-grid{display:grid;grid-template-columns:.9fr 1.25fr;gap:100px;align-items:start}
.about-copy p{font-size:1.14rem;margin-bottom:24px}
.text-link{font-weight:850;display:inline-flex;gap:10px;align-items:center}
.text-link:hover{color:var(--neon)}
.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:52px}
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.project-card{border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:4/3;border:1px solid var(--line);background:#111}
.project-card img{width:100%;height:100%;object-fit:cover;transition:.45s}
.project-card:hover img{transform:scale(1.035)}
.project-placeholder{width:100%;height:100%;background:
 linear-gradient(145deg,rgba(255,48,22,.9),rgba(47,0,0,.88)),
 repeating-linear-gradient(90deg,transparent 0 60px,rgba(255,255,255,.08) 61px 63px)}
.project-overlay{position:absolute;inset:auto 0 0;padding:25px;background:linear-gradient(transparent,rgba(0,0,0,.93))}
.project-overlay h3{margin:0}
.project-meta{color:var(--neon);font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:7px}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}
.filter-pill{padding:9px 16px;border:1px solid var(--line);border-radius:999px;color:#c8cec8;background:#090d09}
.features{background:radial-gradient(circle at 100% 100%,rgba(57,255,20,.10),transparent 35%)}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.feature{padding:36px;border-right:1px solid var(--line)}
.feature:last-child{border-right:0}
.feature-icon{width:50px;height:50px;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;color:var(--neon);font-size:1.3rem;margin-bottom:28px}
.feature p{margin:0}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.process-card{padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}
.process-card .num{font-size:2.5rem;font-weight:900;color:var(--neon);opacity:.75}
.testimonials{background:#070a07}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.testimonial{padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.testimonial strong{display:block;margin-top:18px}
.cta-section{text-align:center;padding:145px 0;background:
 radial-gradient(circle at 50% 50%,rgba(57,255,20,.15),transparent 38%),
 linear-gradient(90deg,#0b1a0c,#050705 50%,#0b1a0c)}
.cta-section h2{max-width:1100px;margin-inline:auto}
.cta-section p{font-size:1.12rem;max-width:720px;margin:24px auto 34px}
.cta-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.site-footer{border-top:1px solid var(--line);padding:90px 0 35px;background:#020302}
.footer-grid{display:grid;grid-template-columns:1.35fr .8fr 1fr 1fr;gap:58px}
.footer-brand p,.footer-col a,.footer-col div{color:#aeb4ae}
.footer-col h4{letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;margin-bottom:24px}
.footer-col a{display:block;margin-bottom:12px}
.footer-col a:hover{color:var(--neon)}
.footer-bottom{border-top:1px solid var(--line);margin-top:58px;padding-top:28px;display:flex;justify-content:space-between;gap:20px;color:#aeb4ae;font-size:.9rem}
.content-area{padding:110px 0}
.content-area article{max-width:900px;margin:auto}
.entry-cover{border-radius:22px;margin-bottom:35px}
.single-project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}
.single-project-gallery .project-card{aspect-ratio:4/3;cursor:pointer}
@media(max-width:720px){.single-project-gallery{grid-template-columns:repeat(2,1fr)}}
.contact-form{max-width:800px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;background:#0b0f0b;border:1px solid var(--line);border-radius:13px;padding:15px;color:#fff}
.contact-form textarea{min-height:150px;resize:vertical}
.contact-form .full{grid-column:1/-1}
.notice-success{padding:14px 18px;border:1px solid var(--line2);background:rgba(89,255,56,.08);border-radius:12px;margin-bottom:20px}
.elementor-page .content-area{padding:0}
@media(max-width:1024px){
 .header-cta{display:none}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:20px;right:20px;top:80px;background:#080b08;border:1px solid var(--line);border-radius:18px;padding:22px}
 .primary-nav.is-open{display:block}.primary-nav ul{flex-direction:column;gap:16px}
 .about-grid{grid-template-columns:1fr;gap:38px}.projects-grid{grid-template-columns:repeat(2,1fr)}
 .features-grid,.process-grid{grid-template-columns:repeat(2,1fr)}
 .feature:nth-child(2){border-right:0}.feature:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .testimonial-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
 body.admin-bar .site-header{top:46px}.container{width:min(calc(100% - 28px),var(--container))}
 .section{padding:78px 0}.header-inner{min-height:74px}.brand{min-width:auto}
 h1{font-size:clamp(2.8rem,13vw,4.6rem)}.hero{min-height:700px}
 .stats{margin-top:-30px}.stats-grid,.projects-grid,.features-grid,.process-grid,.testimonial-grid,.footer-grid{grid-template-columns:1fr}
 .stat,.feature{border-right:0;border-bottom:1px solid var(--line)}.stat:last-child,.feature:last-child{border-bottom:0}
 .section-title-row,.footer-bottom{align-items:flex-start;flex-direction:column}.contact-form{grid-template-columns:1fr}
}


/* ===== V3: páginas Sobre e Portfólio ===== */
.page-hero{
  padding:120px 0 70px;
  border-bottom:1px solid var(--line);
  background:radial-gradient(circle at 15% 15%,rgba(89,255,56,.08),transparent 30%);
}
.page-hero h1{max-width:980px;margin-bottom:24px}
.page-hero p{max-width:760px;font-size:1.15rem}
.about-columns{
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start
}
.about-block{padding:34px 0;border-top:1px solid var(--line)}
.about-block h3{font-size:1.55rem;margin-bottom:16px}
.stack-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px
}
.stack-card{
  padding:34px;border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)
}
.stack-card strong{font-size:1.35rem}
.process-timeline{display:grid;gap:22px;margin-top:40px}
.process-row{
  display:grid;grid-template-columns:110px 1fr;gap:28px;
  border-top:1px solid var(--line);padding:34px 0
}
.process-row .number{
  font-size:3.2rem;font-weight:900;color:var(--neon);line-height:1
}
.process-row h3{font-size:1.6rem;margin-bottom:14px}
.process-row p{max-width:900px}
.portfolio-page .projects-grid{margin-top:35px}
.gallery-modal{
  position:fixed;inset:0;background:rgba(0,0,0,.93);z-index:9999;
  display:none;align-items:center;justify-content:center;padding:30px
}
.gallery-modal.is-open{display:flex}
.gallery-modal img{max-width:94vw;max-height:88vh;border-radius:14px}
.gallery-close{
  position:absolute;top:22px;right:28px;background:#111;color:#fff;
  border:1px solid var(--line);border-radius:999px;width:48px;height:48px;
  font-size:1.5rem;cursor:pointer
}
.gallery-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:52px;height:52px;border-radius:999px;background:#111;color:#fff;
  border:1px solid var(--line);font-size:1.5rem;cursor:pointer
}
.gallery-prev{left:24px}.gallery-next{right:24px}
.gallery-card{cursor:zoom-in}
@media(max-width:800px){
  .about-columns,.stack-grid{grid-template-columns:1fr}
  .process-row{grid-template-columns:1fr;gap:12px}
  .gallery-nav{display:none}
}


/* ===== V4: Hero limpo + cards premium ===== */
.hero{
  min-height:860px;
  align-items:flex-start;
  padding-top:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.38) 55%,rgba(0,0,0,.72) 100%),
    var(--hero-image,radial-gradient(circle at 50% 30%,#123017 0,#071007 45%,#020302 85%));
  background-size:cover;
  background-position:center;
}
.hero:before{
  background:
    radial-gradient(circle at 50% 36%,rgba(89,255,56,.10),transparent 34%),
    linear-gradient(180deg,rgba(0,0,0,.08),transparent 34%,rgba(0,0,0,.70));
}
.hero-content{
  min-height:860px;
  padding:150px 0 88px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.hero h1{
  max-width:1040px;
  margin:0 auto 24px;
  text-shadow:0 8px 36px rgba(0,0,0,.7);
}
.hero p{
  max-width:760px;
  margin:0 auto;
  color:#d1d8d1;
  text-shadow:0 4px 20px rgba(0,0,0,.65);
}
.hero-actions{display:none!important}

.stats{
  margin-top:-120px;
  padding-bottom:20px;
}
.stats-grid{
  gap:18px;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.stat{
  position:relative;
  min-height:250px;
  padding:34px 28px 30px;
  border:1px solid rgba(89,255,56,.22);
  background:
    linear-gradient(180deg,rgba(17,24,17,.96),rgba(5,8,5,.98)),
    radial-gradient(circle at 85% 0%,rgba(89,255,56,.11),transparent 34%);
  clip-path:polygon(0 0,88% 0,100% 12%,100% 100%,12% 100%,0 88%);
  overflow:hidden;
  box-shadow:0 22px 60px rgba(0,0,0,.36);
}
.stat:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(89,255,56,.20),transparent 16%),
    linear-gradient(315deg,rgba(89,255,56,.15),transparent 18%);
}
.stat:after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:64px;
  height:64px;
  background:linear-gradient(135deg,var(--neon),#2d7b20);
  clip-path:polygon(100% 0,0 0,100% 100%);
  opacity:.95;
}
.stat .stat-icon{
  width:52px;height:52px;border:1px solid rgba(89,255,56,.28);
  border-radius:14px;display:grid;place-items:center;
  color:var(--neon);font-size:1.35rem;margin-bottom:18px;
  background:rgba(89,255,56,.04)
}
.stat strong{
  position:relative;
  display:block;
  font-size:2.15rem;
  line-height:1;
  color:var(--neon);
  margin-bottom:18px;
}
.stat h3{
  position:relative;
  font-size:1.18rem;
  text-transform:uppercase;
  letter-spacing:.01em;
  margin-bottom:12px;
}
.stat span{
  position:relative;
  display:block;
  color:#aeb6ae;
  font-size:.95rem;
  line-height:1.55;
}
.site-header .header-cta{display:none!important}
.site-header{
  background:rgba(1,3,1,.78);
  border-bottom:1px solid rgba(255,255,255,.07)
}
.primary-nav a{font-weight:750}
.primary-nav a:hover,.primary-nav .current-menu-item>a{color:var(--neon)}
@media(max-width:1024px){
  .stats{margin-top:-75px}
}
@media(max-width:700px){
  .hero,.hero-content{min-height:720px}
  .hero-content{padding-top:110px}
  .stats{margin-top:-45px}
  .stat{min-height:220px}
}


/* =========================================================
   EVENT 3D PRO V6 — TECNOLÓGICO NEON
   ========================================================= */

:root{
  --tech-green:#62ff3f;
  --tech-green-soft:#bbffab;
  --tech-bg:#020402;
  --tech-panel:#071007;
  --tech-line:rgba(98,255,63,.24);
  --tech-white:#f4f7f3;
}

body{
  background:
    radial-gradient(circle at 50% 0%,rgba(98,255,63,.05),transparent 28%),
    linear-gradient(180deg,#020402,#040704 60%,#020302);
}

.site-header{
  position:fixed;
  top:0;left:0;right:0;
  background:rgba(1,3,1,.78);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(98,255,63,.14);
}
body.admin-bar .site-header{top:32px}
.header-inner{min-height:84px}
.primary-nav a{
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.8rem;
}
.primary-nav a:hover,
.primary-nav .current-menu-item>a{color:var(--tech-green)}
.text-logo strong{
  color:var(--tech-green);
  text-shadow:0 0 24px rgba(98,255,63,.45);
}

/* HERO */
.tech-hero{
  min-height:100vh;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:135px 0 90px;
  background:#020302;
}
.tech-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.58)),
    var(--hero-image,radial-gradient(circle at 50% 20%,rgba(57,255,20,.45),transparent 28%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.18),transparent 18%),linear-gradient(135deg,#020302 0%,#061108 35%,#0a1b10 55%,#020302 100%));
  background-size:cover;
  background-position:center;
  filter:saturate(1.2) contrast(1.18) brightness(.95);
}
.tech-hero:after{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.78),transparent 18%,transparent 82%,rgba(0,0,0,.78)),
    linear-gradient(180deg,transparent 60%,#020302 100%),
    repeating-linear-gradient(90deg,transparent 0 119px,rgba(98,255,63,.025) 120px),
    repeating-linear-gradient(0deg,transparent 0 119px,rgba(98,255,63,.02) 120px);
  pointer-events:none;
}
.tech-grid-lines{
  position:absolute;inset:0;z-index:1;pointer-events:none;
}
.tech-grid-lines:before,
.tech-grid-lines:after{
  content:"";
  position:absolute;
  width:320px;height:320px;
  border:1px solid rgba(98,255,63,.16);
  transform:rotate(45deg);
}
.tech-grid-lines:before{left:-170px;top:32%}
.tech-grid-lines:after{right:-170px;bottom:18%}

.tech-hero-content{
  position:relative;z-index:2;
  width:min(100%,1100px);
  text-align:center;
  margin:auto;
}
.tech-logo-mark{
  width:122px;height:122px;
  margin:0 auto 28px;
  display:grid;place-items:center;
  border:1px solid rgba(98,255,63,.35);
  background:rgba(3,10,3,.42);
  backdrop-filter:blur(10px);
  clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%);
  box-shadow:0 0 55px rgba(98,255,63,.14);
}
.tech-logo-mark span{
  font-size:3.1rem;
  font-weight:950;
  letter-spacing:-.12em;
  color:#fff;
}
.tech-logo-mark b{color:var(--tech-green)}
.tech-kicker{
  color:var(--tech-green);
  font-size:.78rem;
  letter-spacing:.32em;
  text-transform:uppercase;
  font-weight:900;
  margin-bottom:21px;
}
.tech-hero h1{
  max-width:1040px;
  margin:0 auto 24px;
  font-size:clamp(3.3rem,6.8vw,7rem);
  line-height:.92;
  text-transform:uppercase;
  text-shadow:0 14px 48px rgba(0,0,0,.78);
}
.tech-hero h1 .line-outline{
  color:transparent;
  -webkit-text-stroke:1.3px rgba(255,255,255,.78);
}
.tech-hero p{
  max-width:760px;
  margin:0 auto;
  color:#d2d8d2;
  font-size:1.13rem;
  text-shadow:0 5px 24px rgba(0,0,0,.7);
}
.tech-indicators{
  margin:36px auto 0;
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
.tech-indicator{
  display:flex;align-items:center;gap:10px;
  padding:10px 14px;
  border:1px solid rgba(98,255,63,.17);
  background:rgba(2,7,2,.56);
  color:#cfd6cf;
  font-size:.82rem;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}
.tech-indicator i{
  width:7px;height:7px;border-radius:50%;
  background:var(--tech-green);
  box-shadow:0 0 13px rgba(98,255,63,.95);
}
.tech-scroll{
  position:absolute;left:50%;bottom:22px;z-index:3;
  transform:translateX(-50%);
  font-size:.65rem;letter-spacing:.26em;text-transform:uppercase;color:#8d978d;
}
.tech-scroll:after{
  content:"";
  display:block;width:1px;height:38px;margin:10px auto 0;
  background:linear-gradient(var(--tech-green),transparent);
}

/* SEÇÃO DE SISTEMAS */
.tech-systems{
  padding:110px 0;
  position:relative;
}
.tech-systems:before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--tech-line),transparent);
}
.tech-section-head{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:80px;
  align-items:end;
  margin-bottom:52px;
}
.tech-section-head h2{
  margin-bottom:0;
  text-transform:uppercase;
}
.tech-section-head p{margin-bottom:0;font-size:1.08rem}
.tech-card-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.tech-card{
  position:relative;
  min-height:300px;
  padding:32px 26px 28px;
  border:1px solid rgba(98,255,63,.19);
  background:
    linear-gradient(180deg,rgba(10,18,10,.96),rgba(3,7,3,.98)),
    radial-gradient(circle at 100% 0%,rgba(98,255,63,.08),transparent 30%);
  clip-path:polygon(0 0,87% 0,100% 13%,100% 100%,13% 100%,0 87%);
  overflow:hidden;
  transition:.3s ease;
}
.tech-card:hover{
  transform:translateY(-8px);
  border-color:rgba(98,255,63,.42);
  box-shadow:0 25px 65px rgba(0,0,0,.42),0 0 38px rgba(98,255,63,.06);
}
.tech-card:before{
  content:"";
  position:absolute;
  top:0;right:0;
  width:72px;height:72px;
  background:linear-gradient(135deg,var(--tech-green),#226b1b);
  clip-path:polygon(100% 0,0 0,100% 100%);
}
.tech-card .code{
  color:var(--tech-green);
  font-size:.72rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  font-weight:900;
}
.tech-card .icon{
  width:54px;height:54px;
  margin:38px 0 30px;
  display:grid;place-items:center;
  border:1px solid rgba(98,255,63,.28);
  color:var(--tech-green);
  font-size:1.4rem;
  background:rgba(98,255,63,.035);
}
.tech-card h3{
  text-transform:uppercase;
  font-size:1.15rem;
}
.tech-card p{font-size:.93rem;margin-bottom:0}

/* PORTFÓLIO EM GRADE TECH */
.tech-portfolio{
  padding:120px 0;
  background:
    radial-gradient(circle at 85% 15%,rgba(98,255,63,.07),transparent 28%),
    #030503;
}
.tech-project-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:18px;
}
.tech-project-grid .project-card{
  aspect-ratio:auto;
  min-height:330px;
  border-radius:0;
  clip-path:polygon(0 0,94% 0,100% 10%,100% 100%,6% 100%,0 90%);
}
.tech-project-grid .project-card:nth-child(1){grid-column:span 7;min-height:560px}
.tech-project-grid .project-card:nth-child(2){grid-column:span 5}
.tech-project-grid .project-card:nth-child(3){grid-column:8/span 5}
.tech-project-grid .project-overlay{
  padding:28px;
  background:linear-gradient(transparent,rgba(0,0,0,.96));
}
.tech-project-grid .project-overlay h3{
  text-transform:uppercase;
  font-size:1.35rem;
}
.tech-project-grid .project-card:after{
  content:"";
  position:absolute;inset:0;
  border:1px solid transparent;
  transition:.25s;
  pointer-events:none;
}
.tech-project-grid .project-card:hover:after{border-color:rgba(98,255,63,.38)}

/* PROCESSO */
.tech-process{
  padding:120px 0;
}
.tech-process-list{
  display:grid;
  gap:0;
  border-top:1px solid rgba(255,255,255,.08);
}
.tech-process-row{
  display:grid;
  grid-template-columns:120px 1fr 1fr;
  gap:34px;
  padding:36px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  align-items:center;
  transition:.25s;
}
.tech-process-row:hover{
  background:linear-gradient(90deg,rgba(98,255,63,.05),transparent 70%);
  padding-left:18px;
}
.tech-process-row .num{
  font-size:2.8rem;
  line-height:1;
  font-weight:950;
  color:var(--tech-green);
}
.tech-process-row h3{
  margin:0;
  text-transform:uppercase;
  font-size:1.65rem;
}
.tech-process-row p{margin:0}

/* FINAL */
.tech-final{
  padding:150px 0;
  text-align:center;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 50%,rgba(98,255,63,.13),transparent 26%),
    linear-gradient(180deg,#050805,#020302);
}
.tech-final:before,
.tech-final:after{
  content:"";
  position:absolute;
  width:280px;height:280px;
  border:1px solid rgba(98,255,63,.12);
  transform:rotate(45deg);
}
.tech-final:before{left:-150px;top:20%}
.tech-final:after{right:-150px;bottom:10%}
.tech-final h2{
  max-width:1080px;
  margin:0 auto 22px;
  text-transform:uppercase;
  font-size:clamp(3rem,5.8vw,6.1rem);
}
.tech-final p{
  max-width:720px;
  margin:0 auto;
  font-size:1.1rem;
}

@media(max-width:1024px){
  .tech-section-head{grid-template-columns:1fr;gap:30px}
  .tech-card-grid{grid-template-columns:repeat(2,1fr)}
  .tech-project-grid .project-card:nth-child(1),
  .tech-project-grid .project-card:nth-child(2),
  .tech-project-grid .project-card:nth-child(3){grid-column:span 12}
  .tech-project-grid .project-card:nth-child(1){min-height:430px}
  .tech-process-row{grid-template-columns:90px 1fr}
  .tech-process-row p{grid-column:2}
}
@media(max-width:700px){
  body.admin-bar .site-header{top:46px}
  .tech-hero{padding-top:110px}
  .tech-hero h1{font-size:clamp(2.9rem,14vw,5rem)}
  .tech-logo-mark{width:96px;height:96px}
  .tech-logo-mark span{font-size:2.45rem}
  .tech-card-grid{grid-template-columns:1fr}
  .tech-card{min-height:250px}
  .tech-project-grid{grid-template-columns:1fr}
  .tech-project-grid .project-card:nth-child(1),
  .tech-project-grid .project-card:nth-child(2),
  .tech-project-grid .project-card:nth-child(3){grid-column:auto;min-height:310px}
  .tech-process-row{grid-template-columns:1fr;gap:12px}
  .tech-process-row p{grid-column:auto}
}

/* ===== V7 — Home editorial impactante ===== */
.v7-home{background:#030403;color:#fff}.v7-home .container{width:min(calc(100% - 48px),1200px)}
.v7-hero{min-height:calc(100vh - 90px);position:relative;display:flex;align-items:center;background-image:var(--hero-image,linear-gradient(135deg,#0c220e,#020302));background-size:cover;background-position:center;overflow:hidden}
.v7-hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 80px),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 80px);pointer-events:none}.v7-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.52) 56%,rgba(0,0,0,.72) 100%),linear-gradient(180deg,rgba(28,255,25,.11),transparent 38%,#030403 100%)}
.v7-hero-inner{position:relative;z-index:2;padding:45px 0 55px}.v7-kicker{font-size:.72rem;font-weight:900;letter-spacing:.32em;color:#3cff31;margin-bottom:28px}.v7-kicker span{display:inline-block;width:52px;height:2px;background:#3cff31;vertical-align:middle;margin-right:16px}.v7-kicker.compact{margin-bottom:20px}
.v7-hero h1{font-size:clamp(4.2rem,8.5vw,8.2rem);line-height:.88;letter-spacing:-.07em;margin:0;max-width:1050px;font-weight:950}.v7-hero h1 span{color:transparent;-webkit-text-stroke:2px #3cff31;text-stroke:2px #3cff31}.v7-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-top:45px}.v7-hero-bottom p{border-left:2px solid #3cff31;padding-left:22px;margin:0;max-width:560px;color:#d0d4d0;font-size:1.08rem}.v7-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.v7-btn{min-height:56px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);font-size:.74rem;font-weight:950;letter-spacing:.06em}.v7-btn.primary{background:#3cff31;color:#020702;border-color:#3cff31}.v7-btn.primary b{font-size:1.3rem;margin-left:18px}.v7-btn.ghost:hover{border-color:#3cff31;color:#3cff31}
.v7-about{padding:120px 0;background:#030403;overflow:hidden}.v7-about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center}.v7-about-photo{min-height:610px;background:linear-gradient(145deg,#0a260d,#061007);background-size:cover;background-position:center;position:relative;border:1px solid rgba(60,255,49,.22)}.v7-about-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,255,40,.05),rgba(0,0,0,.22))}.v7-about-photo span{position:absolute;inset:12px;border:1px solid rgba(60,255,49,.18)}.v7-about-copy{position:relative}.v7-watermark{position:absolute;top:-170px;left:-20px;font-size:9rem;font-weight:950;color:rgba(255,255,255,.018);letter-spacing:-.08em;white-space:nowrap}.v7-about h2{font-size:clamp(2.7rem,4vw,4.7rem);line-height:1.03;letter-spacing:-.055em;margin-bottom:34px}.v7-about h2 span{color:#3cff31}.v7-about p{max-width:620px;font-size:1.03rem;line-height:1.75;color:#adb2ad}.v7-round-link{display:inline-flex;align-items:center;gap:20px;font-size:.73rem;font-weight:950;margin-top:18px}.v7-round-link i{width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;font-style:normal}
.v7-portfolio{padding:105px 0 125px;background:#030403}.v7-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:58px}.v7-section-head h2{font-size:clamp(3.7rem,6vw,6.5rem);letter-spacing:-.07em;margin:0}.v7-section-head a{color:#3cff31;font-size:.7rem;font-weight:950;letter-spacing:.24em}.v7-projects{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:start}.v7-project{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:#0b0d0b;aspect-ratio:16/10}.v7-project img,.v7-project-placeholder{width:100%;height:100%;object-fit:cover;transition:.45s}.v7-project:hover img{transform:scale(1.035)}.v7-project-placeholder{background:radial-gradient(circle at 50% 35%,#382020,#090909 65%)}
.v7-pillars{padding:80px 0;background:#030403}.v7-pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.08)}.v7-pillar-grid article{padding:34px 26px 38px;min-height:210px;border-right:1px solid rgba(255,255,255,.08)}.v7-pillar-grid article:last-child{border-right:0}.v7-pillar-grid b{display:block;color:rgba(60,255,49,.38);font-size:2.2rem;line-height:1;margin-bottom:25px}.v7-pillar-grid h3{font-size:.82rem;font-weight:950;margin-bottom:15px}.v7-pillar-grid p{font-size:.79rem;line-height:1.55;margin:0;color:#9da39d}
.v7-cta{min-height:400px;background:#3cff31;position:relative;display:grid;place-items:center;overflow:hidden;color:#020402;text-align:center}.v7-cta-word{position:absolute;inset:auto 0 -125px;font-size:20vw;font-weight:950;line-height:1;color:rgba(0,0,0,.09);letter-spacing:-.09em;white-space:nowrap}.v7-cta-content{position:relative;z-index:2;padding:70px 20px}.v7-cta h2{font-size:clamp(2.8rem,4.2vw,4.8rem);line-height:.91;letter-spacing:-.065em;margin-bottom:28px}.v7-cta a{display:inline-flex;background:#020402;color:#3cff31;border-radius:999px;padding:17px 34px;font-size:.75rem;font-weight:950}
.site-header{background:#020302;border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{min-height:106px}.primary-nav a{font-size:.72rem;letter-spacing:.22em}.header-cta{border-radius:0;padding:15px 28px}.site-footer{background:#020302}
@media(max-width:1024px){.v7-about-grid{grid-template-columns:1fr}.v7-about-photo{min-height:520px}.v7-projects{grid-template-columns:1fr 1fr}.v7-hero-bottom{align-items:flex-start;flex-direction:column}.v7-actions{justify-content:flex-start}.v7-pillar-grid{grid-template-columns:1fr 1fr}.v7-pillar-grid article:nth-child(2){border-right:0}.v7-pillar-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}}
@media(max-width:700px){.v7-home .container{width:min(calc(100% - 28px),1200px)}.v7-hero{min-height:760px}.v7-hero-inner{padding:60px 0}.v7-hero h1{font-size:clamp(3.2rem,16vw,5.5rem)}.v7-hero h1 span{-webkit-text-stroke:1px #3cff31}.v7-actions{width:100%}.v7-btn{width:100%}.v7-about{padding:80px 0}.v7-about-photo{min-height:410px}.v7-projects,.v7-pillar-grid{grid-template-columns:1fr}.v7-pillar-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.v7-pillar-grid article:last-child{border-bottom:0}.v7-section-head{align-items:flex-start;flex-direction:column;gap:18px}.v7-watermark{display:none}.header-cta{display:none}}

/* Ajuste solicitado: miniaturas menores na Home, padronizadas e com neon */
.v7-home .v7-portfolio .v7-projects{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
  max-width:1000px;
  margin:0 auto;
}
.v7-home .v7-portfolio .v7-project{
  width:100%;
  aspect-ratio:4/3;
  border-radius:18px;
  border:1px solid rgba(57,255,20,.72);
  box-shadow:0 0 10px rgba(57,255,20,.40),0 0 24px rgba(57,255,20,.18),0 14px 32px rgba(0,0,0,.45);
  isolation:isolate;
}
.v7-home .v7-portfolio .v7-project img,
.v7-home .v7-portfolio .v7-project-placeholder{
  display:block;
  border-radius:17px;
}
.v7-home .v7-portfolio .v7-project:hover{
  border-color:#39ff14;
  box-shadow:0 0 14px rgba(57,255,20,.72),0 0 34px rgba(57,255,20,.30),0 16px 36px rgba(0,0,0,.52);
  transform:translateY(-4px);
}
.v7-home .v7-portfolio .v7-project{
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
@media(max-width:900px){
  .v7-home .v7-portfolio .v7-projects{grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px}
}
@media(max-width:520px){
  .v7-home .v7-portfolio .v7-projects{gap:14px}
  .v7-home .v7-portfolio .v7-project{border-radius:14px}
  .v7-home .v7-portfolio .v7-project img,
  .v7-home .v7-portfolio .v7-project-placeholder{border-radius:13px}
}


/* ===== CORREÇÃO DEFINITIVA: 4 MINIATURAS FIXAS NA HOME ===== */
.v7-home .v7-portfolio .v7-home-portfolio-grid{
  display:grid !important;
  grid-template-columns:repeat(2,320px) !important;
  justify-content:center !important;
  align-items:center !important;
  gap:28px !important;
  width:100% !important;
  max-width:700px !important;
  margin:0 auto !important;
}
.v7-home .v7-portfolio .v7-home-portfolio-grid .v7-project{
  display:block !important;
  width:320px !important;
  height:180px !important;
  min-width:320px !important;
  min-height:180px !important;
  max-width:320px !important;
  max-height:180px !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
  border-radius:18px !important;
  border:1px solid rgba(57,255,20,.82) !important;
  box-shadow:0 0 10px rgba(57,255,20,.55),0 0 26px rgba(57,255,20,.22),0 12px 30px rgba(0,0,0,.55) !important;
  background:#080a08 !important;
}
.v7-home .v7-portfolio .v7-home-portfolio-grid .v7-project img,
.v7-home .v7-portfolio .v7-home-portfolio-grid .v7-project-placeholder{
  display:block !important;
  width:320px !important;
  height:180px !important;
  min-width:320px !important;
  min-height:180px !important;
  max-width:320px !important;
  max-height:180px !important;
  object-fit:cover !important;
  border-radius:17px !important;
}
.v7-home .v7-portfolio .v7-home-portfolio-grid .v7-project:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 0 15px rgba(57,255,20,.85),0 0 38px rgba(57,255,20,.34),0 16px 34px rgba(0,0,0,.58) !important;
}
.v7-home-portfolio-button{
  display:flex;
  justify-content:center;
  margin-top:42px;
}
@media(max-width:760px){
  .v7-home .v7-portfolio .v7-home-portfolio-grid{
    grid-template-columns:320px !important;
    max-width:320px !important;
    gap:22px !important;
  }
}
@media(max-width:360px){
  .v7-home .v7-portfolio .v7-home-portfolio-grid{
    grid-template-columns:minmax(0,1fr) !important;
    max-width:100% !important;
  }
  .v7-home .v7-portfolio .v7-home-portfolio-grid .v7-project,
  .v7-home .v7-portfolio .v7-home-portfolio-grid .v7-project img,
  .v7-home .v7-portfolio .v7-home-portfolio-grid .v7-project-placeholder{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
}


/* =========================================================
   V10 — HOME MAIS VIVA, PREMIUM E COM DESTAQUES VERDE NEON
   ========================================================= */
.v7-home{
  --v10-neon:#39ff14;
  --v10-neon-soft:#9dff88;
  --v10-green-dark:#071508;
  --v10-green-mid:#0d2910;
  --v10-card:#101710;
  background:
    radial-gradient(circle at 12% 12%,rgba(57,255,20,.11),transparent 25%),
    radial-gradient(circle at 88% 38%,rgba(57,255,20,.08),transparent 24%),
    #050705;
}

/* HERO com luz neon, profundidade e detalhes gráficos */
.v7-hero{
  min-height:calc(100vh - 90px);
  background-color:#071007;
  border-bottom:1px solid rgba(57,255,20,.24);
}
.v7-hero:before{
  content:"";
  position:absolute;
  width:560px;
  height:560px;
  right:-120px;
  top:8%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(57,255,20,.30) 0,rgba(57,255,20,.10) 28%,transparent 68%);
  filter:blur(8px);
  pointer-events:none;
}
.v7-hero:after{
  background:
    linear-gradient(rgba(57,255,20,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,255,20,.055) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%);
}
.v7-hero-shade{
  background:
    linear-gradient(90deg,rgba(1,4,1,.92) 0%,rgba(3,12,4,.64) 48%,rgba(3,8,3,.70) 100%),
    linear-gradient(180deg,rgba(57,255,20,.16),transparent 40%,#050705 100%);
}
.v7-kicker{
  display:inline-flex;
  align-items:center;
  padding:10px 16px;
  border:1px solid rgba(57,255,20,.38);
  background:rgba(57,255,20,.08);
  border-radius:999px;
  box-shadow:0 0 22px rgba(57,255,20,.10);
}
.v7-kicker span{width:34px;box-shadow:0 0 10px rgba(57,255,20,.9)}
.v7-hero h1 span{
  color:var(--v10-neon);
  -webkit-text-stroke:0;
  text-shadow:0 0 24px rgba(57,255,20,.32);
}
.v7-hero-bottom p{
  background:linear-gradient(90deg,rgba(57,255,20,.10),rgba(57,255,20,0));
  padding:18px 22px;
  border-left:3px solid var(--v10-neon);
  border-radius:0 14px 14px 0;
}
.v7-btn{border-radius:12px;transition:.28s ease}
.v7-btn.primary{
  background:linear-gradient(135deg,#39ff14,#8dff72);
  box-shadow:0 0 22px rgba(57,255,20,.26),0 14px 34px rgba(0,0,0,.34);
}
.v7-btn.primary:hover{transform:translateY(-3px);box-shadow:0 0 34px rgba(57,255,20,.42),0 18px 40px rgba(0,0,0,.45)}
.v7-btn.ghost{background:rgba(255,255,255,.055);backdrop-filter:blur(10px)}

/* SOBRE em bloco verde escuro para quebrar o excesso de preto */
.v7-about{
  position:relative;
  padding:120px 0;
  background:
    radial-gradient(circle at 18% 50%,rgba(57,255,20,.16),transparent 30%),
    linear-gradient(135deg,#071108 0%,#0d2810 48%,#071008 100%);
  border-top:1px solid rgba(57,255,20,.13);
  border-bottom:1px solid rgba(57,255,20,.18);
}
.v7-about:after{
  content:"";
  position:absolute;
  inset:28px;
  border:1px solid rgba(57,255,20,.10);
  pointer-events:none;
}
.v7-about-photo{
  min-height:570px;
  border-radius:28px;
  border:1px solid rgba(57,255,20,.52);
  box-shadow:0 0 34px rgba(57,255,20,.16),0 28px 70px rgba(0,0,0,.44);
  overflow:hidden;
}
.v7-about-photo span{border-radius:20px;border-color:rgba(157,255,136,.35)}
.v7-about-copy{
  padding:48px;
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.11);
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 26px 60px rgba(0,0,0,.28);
  backdrop-filter:blur(12px);
}
.v7-about h2 span{text-shadow:0 0 20px rgba(57,255,20,.30)}
.v7-round-link i{background:var(--v10-neon);color:#031003;border-color:var(--v10-neon);box-shadow:0 0 18px rgba(57,255,20,.35)}

/* PORTFÓLIO com fundo verde grafite e título mais elegante */
.v7-portfolio{
  position:relative;
  padding:110px 0 125px;
  background:
    radial-gradient(circle at 80% 20%,rgba(57,255,20,.13),transparent 27%),
    linear-gradient(180deg,#081008 0%,#0b170c 55%,#060806 100%);
}
.v7-portfolio:before{
  content:"PORTFÓLIO";
  position:absolute;
  left:50%;
  top:30px;
  transform:translateX(-50%);
  font-size:clamp(5rem,15vw,13rem);
  line-height:1;
  font-weight:950;
  letter-spacing:-.08em;
  color:rgba(57,255,20,.035);
  white-space:nowrap;
  pointer-events:none;
}
.v7-section-head{position:relative;z-index:2;margin-bottom:48px}
.v7-section-head h2{
  font-size:clamp(3rem,5vw,5.6rem);
  color:#fff;
  text-shadow:0 0 28px rgba(57,255,20,.13);
}
.v7-section-head h2:after{
  content:"";
  display:block;
  width:92px;
  height:4px;
  margin-top:16px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--v10-neon),transparent);
  box-shadow:0 0 15px rgba(57,255,20,.65);
}
.v7-section-head a{padding:12px 18px;border:1px solid rgba(57,255,20,.35);border-radius:999px;background:rgba(57,255,20,.07)}
.v7-home #portfolio .v7-home-portfolio-grid>a.v7-project{
  border:1px solid rgba(57,255,20,.65)!important;
  box-shadow:0 0 14px rgba(57,255,20,.30),0 20px 44px rgba(0,0,0,.46)!important;
}
.v7-home #portfolio .v7-home-portfolio-grid>a.v7-project:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(145deg,rgba(57,255,20,.12),transparent 42%,rgba(57,255,20,.05));
  pointer-events:none;
}
.v7-home-portfolio-button .v7-btn{min-width:260px}

/* DIFERENCIAIS em cards com mais cor e profundidade */
.v7-pillars{
  padding:105px 0;
  background:
    linear-gradient(135deg,rgba(57,255,20,.06),transparent 30%),
    #050705;
}
.v7-pillar-grid{
  gap:18px;
  border:0;
}
.v7-pillar-grid article{
  position:relative;
  min-height:240px;
  padding:34px 28px 38px;
  border:1px solid rgba(57,255,20,.20)!important;
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(57,255,20,.10),rgba(255,255,255,.025) 55%),
    #0b100b;
  box-shadow:0 18px 44px rgba(0,0,0,.28);
  overflow:hidden;
  transition:.3s ease;
}
.v7-pillar-grid article:before{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  right:-45px;
  top:-45px;
  border-radius:50%;
  background:rgba(57,255,20,.12);
  filter:blur(2px);
}
.v7-pillar-grid article:hover{
  transform:translateY(-7px);
  border-color:rgba(57,255,20,.68)!important;
  box-shadow:0 0 28px rgba(57,255,20,.18),0 24px 55px rgba(0,0,0,.36);
}
.v7-pillar-grid b{
  color:var(--v10-neon);
  text-shadow:0 0 16px rgba(57,255,20,.38);
}
.v7-pillar-grid h3{font-size:.92rem;color:#fff;letter-spacing:.05em}
.v7-pillar-grid p{font-size:.84rem;color:#b8c5b8}

/* CTA final com gradiente neon mais sofisticado */
.v7-cta{
  min-height:470px;
  background:
    radial-gradient(circle at 50% 20%,rgba(255,255,255,.30),transparent 24%),
    linear-gradient(135deg,#1fc900 0%,#39ff14 48%,#8dff72 100%);
  border-top:1px solid rgba(255,255,255,.45);
}
.v7-cta-content{
  padding:75px 30px;
  border-radius:30px;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.38);
  box-shadow:0 25px 70px rgba(2,28,1,.24);
  backdrop-filter:blur(8px);
}
.v7-cta a{box-shadow:0 15px 38px rgba(0,0,0,.30)}

/* Cabeçalho mais vivo */
.site-header{
  background:linear-gradient(90deg,rgba(2,5,2,.96),rgba(8,25,9,.94),rgba(2,5,2,.96));
  border-bottom:1px solid rgba(57,255,20,.25);
  box-shadow:0 8px 30px rgba(0,0,0,.25);
}
.header-cta{
  background:linear-gradient(135deg,#39ff14,#88ff70);
  color:#041004;
  border-color:#39ff14;
  box-shadow:0 0 18px rgba(57,255,20,.25);
}
.primary-nav a:hover{color:#39ff14;text-shadow:0 0 12px rgba(57,255,20,.4)}

@media(max-width:1024px){
  .v7-about-copy{padding:34px}
  .v7-pillar-grid{gap:14px}
}
@media(max-width:700px){
  .v7-about:after{inset:12px}
  .v7-about-copy{padding:28px 22px;border-radius:22px}
  .v7-about-photo{min-height:390px;border-radius:22px}
  .v7-portfolio:before{font-size:24vw;top:55px}
  .v7-pillar-grid{gap:14px}
  .v7-cta-content{width:calc(100% - 28px);padding:55px 18px;border-radius:22px}
}


/* =========================================================
   EVENT 3D V12 — FUNDO NEON VISÍVEL
   Luz verde desfocada + linhas digitais nas áreas da Home
   ========================================================= */
.v7-home #portfolio.v7-portfolio,
.v7-home section.v7-pillars{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate;
  background:
    radial-gradient(circle at 12% 45%, rgba(57,255,20,.16), transparent 28%),
    radial-gradient(circle at 88% 28%, rgba(0,220,80,.12), transparent 30%),
    radial-gradient(circle at 72% 92%, rgba(57,255,20,.10), transparent 25%),
    linear-gradient(180deg,#020402 0%,#050805 52%,#010201 100%) !important;
}

/* brilho desfocado — fica acima do fundo e atrás do conteúdo */
.v7-home #portfolio.v7-portfolio::after,
.v7-home section.v7-pillars::after{
  content:"";
  position:absolute;
  z-index:0;
  width:520px;
  height:520px;
  left:-170px;
  bottom:-250px;
  border-radius:50%;
  pointer-events:none;
  background:rgba(57,255,20,.20);
  filter:blur(95px);
  opacity:.85;
}
.v7-home section.v7-pillars::after{
  left:auto;
  right:-190px;
  bottom:-280px;
  background:rgba(0,255,90,.18);
}

/* linhas curvas tecnológicas */
.v7-home #portfolio.v7-portfolio::before,
.v7-home section.v7-pillars::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  opacity:.42;
  background-image:
    repeating-radial-gradient(ellipse 120% 78% at 50% 115%,
      transparent 0 34px,
      rgba(57,255,20,.17) 35px,
      transparent 36px 61px),
    linear-gradient(112deg,transparent 0 42%,rgba(57,255,20,.055) 49%,transparent 57%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 86%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 86%,transparent 100%);
}

.v7-home #portfolio.v7-portfolio > *,
.v7-home section.v7-pillars > *{
  position:relative;
  z-index:2;
}

.v7-home #portfolio.v7-portfolio{
  padding-top:105px !important;
  padding-bottom:105px !important;
  border-top:1px solid rgba(57,255,20,.12);
}
.v7-home section.v7-pillars{
  padding-top:90px !important;
  padding-bottom:115px !important;
  border-bottom:1px solid rgba(57,255,20,.14);
}

.v7-home .v7-pillar-grid article{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(10,18,10,.91),rgba(2,5,2,.96)) !important;
  border:1px solid rgba(57,255,20,.24) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 22px 60px rgba(0,0,0,.45),0 0 30px rgba(57,255,20,.055) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.v7-home .v7-pillar-grid article::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(57,255,20,.9),transparent);
  opacity:.62;
}
.v7-home .v7-pillar-grid b{
  color:#39ff14 !important;
  text-shadow:0 0 18px rgba(57,255,20,.58);
}
.v7-home #portfolio .v7-project{
  box-shadow:0 0 0 1px rgba(57,255,20,.45),0 0 22px rgba(57,255,20,.28),0 18px 45px rgba(0,0,0,.45) !important;
}
.v7-home #portfolio .v7-btn.primary{
  box-shadow:0 0 28px rgba(57,255,20,.28),0 18px 42px rgba(0,0,0,.42) !important;
}

@media(max-width:700px){
  .v7-home #portfolio.v7-portfolio::before,
  .v7-home section.v7-pillars::before{opacity:.24}
  .v7-home #portfolio.v7-portfolio::after,
  .v7-home section.v7-pillars::after{width:350px;height:350px;filter:blur(75px)}
}


/* V13 About improvements */
.v7-about{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 15% 30%, rgba(57,255,20,.16), transparent 35%),
radial-gradient(circle at 85% 70%, rgba(57,255,20,.10), transparent 40%),
linear-gradient(180deg,#050505,#090d09);
}
.v7-about:before{
content:"";
position:absolute;inset:0;
background-image:
linear-gradient(rgba(57,255,20,.06) 1px,transparent 1px),
linear-gradient(90deg,rgba(57,255,20,.06) 1px,transparent 1px);
background-size:80px 80px;
mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);
pointer-events:none;
}
.v7-about-grid{
display:grid;
grid-template-columns:1.15fr 1fr!important;
gap:70px;
align-items:center;
}
.v7-about-photo{
min-height:760px!important;
background-size:cover;
background-position:center;
border-radius:28px;
box-shadow:0 0 40px rgba(57,255,20,.25),0 40px 80px rgba(0,0,0,.55);
border:1px solid rgba(57,255,20,.25);
transition:.4s;
}
.v7-about-photo:hover{transform:scale(1.02)}


/* =========================================================
   EVENT 3D V14 — NOSSO PROCESSO EM 4 CARDS
   ========================================================= */
.v14-process{
  position:relative;
  overflow:hidden;
  padding:120px 0 132px;
  background:
    radial-gradient(circle at 15% 20%,rgba(57,255,20,.13),transparent 28%),
    radial-gradient(circle at 86% 72%,rgba(57,255,20,.08),transparent 30%),
    linear-gradient(180deg,#020402 0%,#071007 52%,#020302 100%);
}
.v14-process:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.42;
  pointer-events:none;
  background:
    linear-gradient(rgba(57,255,20,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,255,20,.055) 1px,transparent 1px);
  background-size:76px 76px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);
}
.v14-process:after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  left:50%;
  top:44%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(57,255,20,.12);
  border-radius:50%;
  box-shadow:0 0 110px rgba(57,255,20,.07);
  pointer-events:none;
}
.v14-process .container{position:relative;z-index:1}
.v14-process-heading{max-width:850px;margin:0 auto 56px;text-align:center}
.v14-process-heading>span{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
  color:#39ff14;
  font-size:.74rem;
  font-weight:950;
  letter-spacing:.22em;
}
.v14-process-heading>span:before,.v14-process-heading>span:after{
  content:"";
  width:34px;
  height:1px;
  background:#39ff14;
  box-shadow:0 0 9px rgba(57,255,20,.8);
}
.v14-process-heading h2{margin:0 0 18px;font-size:clamp(2.7rem,5vw,5.2rem)}
.v14-process-heading h2 strong{color:#39ff14;font-weight:inherit;text-shadow:0 0 24px rgba(57,255,20,.2)}
.v14-process-heading p{max-width:720px;margin:0 auto;color:#aeb6ae;line-height:1.75}
.v14-process-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.v14-process-card{
  position:relative;
  min-width:0;
  padding:32px 27px 30px;
  border:1px solid rgba(57,255,20,.2);
  border-radius:22px;
  overflow:hidden;
  background:
    linear-gradient(145deg,rgba(18,28,18,.9),rgba(5,8,5,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 22px 55px rgba(0,0,0,.25);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.v14-process-card:before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-92px;
  top:-98px;
  border-radius:50%;
  background:rgba(57,255,20,.14);
  filter:blur(46px);
  transition:.35s ease;
}
.v14-process-card:after{
  content:"";
  position:absolute;
  left:27px;
  right:27px;
  top:91px;
  height:1px;
  background:linear-gradient(90deg,rgba(57,255,20,.65),rgba(57,255,20,.04));
}
.v14-process-card:hover{
  transform:translateY(-9px);
  border-color:rgba(57,255,20,.65);
  box-shadow:0 0 20px rgba(57,255,20,.12),0 30px 70px rgba(0,0,0,.42);
}
.v14-process-card:hover:before{transform:scale(1.25);background:rgba(57,255,20,.22)}
.v14-process-num{
  display:block;
  position:relative;
  z-index:1;
  margin-bottom:34px;
  color:#39ff14;
  font-size:3rem;
  line-height:1;
  letter-spacing:-.06em;
  text-shadow:0 0 18px rgba(57,255,20,.32);
}
.v14-process-card h3{
  position:relative;
  z-index:1;
  min-height:64px;
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(1.08rem,1.35vw,1.42rem);
  line-height:1.18;
  text-transform:none;
}
.v14-process-card p{
  position:relative;
  z-index:1;
  margin:0 0 14px;
  color:#abb3ab;
  font-size:.91rem;
  line-height:1.62;
}
.v14-process-card p:last-child{margin-bottom:0}
@media(max-width:1120px){
  .v14-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .v14-process-card h3{min-height:auto}
}
@media(max-width:680px){
  .v14-process{padding:88px 0 94px}
  .v14-process-heading{margin-bottom:38px;text-align:left}
  .v14-process-heading>span:after{display:none}
  .v14-process-heading h2{font-size:clamp(2.45rem,13vw,3.8rem)}
  .v14-process-grid{grid-template-columns:1fr}
  .v14-process-card{padding:29px 24px 27px}
  .v14-process-card:after{left:24px;right:24px}
}


/* =========================================================
   EVENT 3D V16 — CTA CINEMATOGRÁFICO COM IMAGEM
   ========================================================= */
.v16-image-cta{
  position:relative;
  min-height:clamp(580px,78vh,860px);
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  background:#020302;
}
.v16-image-cta-media{
  position:absolute;
  inset:-4%;
  z-index:-3;
  background-image:url('portfolio/c3e97c33-d056-496f-bc01-4e179479e03d.png');
  background-size:cover;
  background-position:center 56%;
  filter:saturate(1.04) contrast(1.05);
  transform:scale(1.04);
  transition:transform 1.2s cubic-bezier(.2,.75,.25,1);
}
.v16-image-cta:hover .v16-image-cta-media{transform:scale(1.085)}
.v16-image-cta-overlay{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.79) 38%,rgba(0,0,0,.36) 72%,rgba(0,0,0,.58) 100%),
    linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.04) 42%,rgba(0,0,0,.8));
}
.v16-image-cta:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 48%,rgba(57,255,20,.15),transparent 31%),
    linear-gradient(115deg,transparent 0 47%,rgba(57,255,20,.07) 48%,transparent 49%);
}
.v16-image-cta:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(57,255,20,.9),transparent);
  box-shadow:0 0 24px rgba(57,255,20,.5);
}
.v16-image-cta-inner{
  position:relative;
  padding-top:96px;
  padding-bottom:96px;
  text-align:left;
}
.v16-image-cta-kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:22px;
  color:#39ff14;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
  text-shadow:0 0 14px rgba(57,255,20,.42);
}
.v16-image-cta-kicker:before{
  content:"";
  width:48px;
  height:1px;
  background:#39ff14;
  box-shadow:0 0 10px rgba(57,255,20,.85);
}
.v16-image-cta h2{
  max-width:1000px;
  margin:0 0 28px;
  color:#fff;
  font-size:clamp(2.9rem,6.3vw,6.9rem);
  line-height:.94;
  letter-spacing:-.055em;
  text-transform:uppercase;
  text-shadow:0 18px 50px rgba(0,0,0,.65);
}
.v16-image-cta h2 strong{
  color:#39ff14;
  font-weight:inherit;
  text-shadow:0 0 30px rgba(57,255,20,.22),0 18px 50px rgba(0,0,0,.72);
}
.v16-image-cta p{
  max-width:650px;
  margin:0 0 35px;
  color:rgba(255,255,255,.82);
  font-size:clamp(1rem,1.35vw,1.2rem);
  line-height:1.72;
  text-shadow:0 4px 20px rgba(0,0,0,.8);
}
.v16-image-cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  min-height:60px;
  padding:0 28px;
  border:1px solid rgba(57,255,20,.82);
  border-radius:2px;
  color:#fff;
  background:rgba(2,6,2,.62);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font-size:.83rem;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
  box-shadow:0 0 0 1px rgba(57,255,20,.08) inset,0 0 30px rgba(57,255,20,.11);
  transition:background .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease;
}
.v16-image-cta-button b{font-size:1.3rem;transition:transform .3s ease}
.v16-image-cta-button:hover{
  color:#020302;
  background:#39ff14;
  transform:translateY(-3px);
  box-shadow:0 0 34px rgba(57,255,20,.4),0 18px 45px rgba(0,0,0,.4);
}
.v16-image-cta-button:hover b{transform:translateX(6px)}
@media(max-width:780px){
  .v16-image-cta{min-height:650px}
  .v16-image-cta-media{background-position:61% center}
  .v16-image-cta-overlay{
    background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.55)),linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.86));
  }
  .v16-image-cta-inner{padding-top:80px;padding-bottom:80px}
  .v16-image-cta-kicker{font-size:.64rem;letter-spacing:.14em}
  .v16-image-cta-kicker:before{width:26px}
  .v16-image-cta h2{font-size:clamp(2.6rem,12vw,4.4rem)}
  .v16-image-cta-button{width:100%;gap:20px}
}

/* =========================================================
   EVENT 3D V17 — CAMADA FINAL DE RESPONSIVIDADE
   ========================================================= */
html,body{max-width:100%;overflow-x:clip}
.site-header,.header-inner,.primary-nav,.v7-home,.v7-hero,.v7-about,.v7-portfolio,.v14-process,.v16-image-cta{max-width:100%}
.menu-toggle{width:48px;height:44px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.menu-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:999px;transition:transform .25s ease,opacity .25s ease}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:1024px){
  .site-header{position:sticky}
  .header-inner{position:relative;min-height:78px;gap:16px}
  .brand{min-width:0;max-width:calc(100% - 64px)}
  .custom-logo{max-height:42px;max-width:210px}
  .menu-toggle{display:flex;flex:0 0 auto}
  .primary-nav{top:calc(100% + 10px);left:14px;right:14px;max-height:calc(100vh - 110px);overflow:auto;padding:12px;background:rgba(5,8,5,.98);box-shadow:0 24px 55px rgba(0,0,0,.55)}
  .primary-nav ul{gap:0}
  .primary-nav li+li{border-top:1px solid rgba(255,255,255,.08)}
  .primary-nav a{display:block;padding:16px 12px;font-size:.82rem;letter-spacing:.13em}
  .v7-hero{min-height:auto;padding:72px 0 62px;background-position:center}
  .v7-hero-inner{padding:0}
  .v7-hero-bottom{margin-top:32px;gap:28px}
  .v7-about-grid{gap:42px}
}

@media(max-width:700px){
  body{font-size:15px}
  body.admin-bar .site-header{top:46px}
  .container,.v7-home .container{width:min(calc(100% - 30px),1200px)}
  .header-inner{min-height:70px}
  .custom-logo{max-width:170px;max-height:38px}
  .text-logo{font-size:1rem;gap:8px}.text-logo strong{font-size:1.9rem}

  .v7-hero{min-height:calc(100svh - 70px);padding:48px 0 42px;background-position:58% center}
  .v7-hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.68)),linear-gradient(180deg,rgba(28,255,25,.1),transparent 36%,#030403 100%)}
  .v7-kicker{font-size:.62rem;letter-spacing:.2em;margin-bottom:20px;line-height:1.5}
  .v7-kicker span{width:30px;margin-right:10px}
  .v7-hero h1{font-size:clamp(2.75rem,14vw,4.55rem);line-height:.92;letter-spacing:-.055em;overflow-wrap:normal}
  .v7-hero-bottom p{font-size:.96rem;line-height:1.65;padding-left:16px}
  .v7-actions{gap:10px}
  .v7-btn{min-height:54px;padding:0 18px;font-size:.7rem;text-align:center}

  .v7-marquee{padding:12px 0!important}
  .v7-marquee-track{gap:20px!important;font-size:.78rem;animation-duration:28s!important}

  .v7-about{padding:72px 0}
  .v7-about-grid{gap:30px}
  .v7-about-photo{min-height:0;aspect-ratio:4/3;background-position:center}
  .v7-about h2{font-size:clamp(2.2rem,11vw,3.25rem);margin-bottom:24px}
  .v7-about p{font-size:.96rem;line-height:1.7}
  .v7-round-link{margin-top:8px}

  .v7-portfolio{padding:72px 0 82px}
  .v7-section-head{margin-bottom:32px;gap:12px}
  .v7-section-head h2{font-size:clamp(2.6rem,13vw,4rem)}
  .v7-section-head a{font-size:.65rem;letter-spacing:.16em}
  .v7-home #portfolio .v7-home-portfolio-grid,
  .v7-home .v7-portfolio .v7-home-portfolio-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    max-width:100%!important;
  }
  .v7-home #portfolio .v7-home-portfolio-grid>a.v7-project,
  .v7-home #portfolio .v7-home-portfolio-grid>a.v7-project>img,
  .v7-home .v7-portfolio .v7-home-portfolio-grid .v7-project,
  .v7-home .v7-portfolio .v7-home-portfolio-grid .v7-project img,
  .v7-home .v7-portfolio .v7-home-portfolio-grid .v7-project-placeholder{
    width:100%!important;min-width:0!important;max-width:none!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    aspect-ratio:4/3!important;
  }
  .v7-home #portfolio .v7-home-portfolio-grid>a.v7-project{border-radius:13px!important}
  .v7-home #portfolio .v7-home-portfolio-grid>a.v7-project>img{border-radius:12px!important;object-fit:cover!important}
  .v7-home-portfolio-button{margin-top:28px!important}
  .v7-home-portfolio-button .v7-btn{width:100%}

  .v14-process{padding:76px 0 82px}
  .v14-process:before{width:360px;height:360px}
  .v14-process-heading{margin-bottom:30px}
  .v14-process-heading h2{font-size:clamp(2.35rem,12vw,3.35rem)}
  .v14-process-heading p{font-size:.95rem}
  .v14-process-card{padding:25px 21px 24px;border-radius:17px}
  .v14-process-num{font-size:2.35rem;margin-bottom:28px}
  .v14-process-card:after{top:78px;left:21px;right:21px}
  .v14-process-card h3{font-size:1.12rem;margin-bottom:14px}
  .v14-process-card p{font-size:.9rem}

  .v16-image-cta{min-height:620px;align-items:flex-end}
  .v16-image-cta-media{inset:0;background-position:64% center;transform:none}
  .v16-image-cta:hover .v16-image-cta-media{transform:none}
  .v16-image-cta-overlay{background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.66) 38%,rgba(0,0,0,.96) 78%)}
  .v16-image-cta-inner{padding-top:72px;padding-bottom:58px}
  .v16-image-cta-kicker{font-size:.58rem;line-height:1.5;letter-spacing:.11em}
  .v16-image-cta h2{font-size:clamp(2.25rem,11.8vw,3.55rem);line-height:.98;overflow-wrap:anywhere}
  .v16-image-cta h2 br{display:none}
  .v16-image-cta p{font-size:.96rem;line-height:1.65;margin-bottom:27px}
  .v16-image-cta-button{min-height:56px;padding:0 18px;font-size:.72rem;letter-spacing:.07em}

  .site-footer{padding:64px 0 28px}
  .footer-grid{gap:34px}
  .footer-col h4{margin-bottom:16px}
  .footer-bottom{margin-top:38px;padding-top:22px;gap:8px;font-size:.82rem}
  .content-area{padding:72px 0}
  .contact-form .btn{width:100%}
}

@media(max-width:390px){
  .container,.v7-home .container{width:min(calc(100% - 24px),1200px)}
  .v7-hero h1{font-size:clamp(2.45rem,13.4vw,3.25rem)}
  .v7-home #portfolio .v7-home-portfolio-grid,
  .v7-home .v7-portfolio .v7-home-portfolio-grid{gap:9px!important}
  .v16-image-cta h2{font-size:2.2rem}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .v7-marquee-track{animation:none!important}
}

/* ===== V18: título principal da Home um pouco menor ===== */
.v7-hero h1{
  font-size:clamp(3.8rem,7.4vw,7.2rem);
}
@media(max-width:700px){
  .v7-hero h1{
    font-size:clamp(2.55rem,12.7vw,4.05rem);
  }
}
@media(max-width:390px){
  .v7-hero h1{
    font-size:clamp(2.3rem,12.2vw,3rem);
  }
}