/* ============================================================
   VIA PLACAS — Comunicação Visual
   Folha de estilos institucional compartilhada
   ============================================================ */

:root{
  color-scheme:light;
  --ink:#0e5fa8;
  --ink-soft:#0a4a86;
  --ink-deep:#071d33;
  --paper:#ffffff;
  --paper-dim:#d3e9fd;
  --paper-warm:#fbe3b8;
  --steel:#3d6690;
  --steel-light:#d6e8f8;
  --signal:#e0311a;
  --signal-dim:#b32612;
  --gold:#f2a93b;
  --splash-pink:#e6127e;
  --splash-blue:#1f7fe0;
  --splash-orange:#f2701b;
  --splash-yellow:#ffc93b;
  --splash-green:#2ea854;
  --line:#d7e6f2;
  --line-dark:rgba(255,255,255,.2);
  --radius:3px;
  --radius-lg:6px;
  --transicao:.28s cubic-bezier(.4,0,.2,1);
  font-size:17px;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Source Serif 4','IBM Plex Serif',Georgia,serif;
  font-family:Arial,Helvetica,sans-serif; /* corpo institucional legível */
  color:var(--ink);
  background:
    radial-gradient(circle at 2% 4%, rgba(230,18,126,.60), transparent 34%),
    radial-gradient(circle at 46% -6%, rgba(31,127,224,.50), transparent 32%),
    radial-gradient(circle at 101% 8%, rgba(14,95,168,.65), transparent 36%),
    radial-gradient(circle at 16% 62%, rgba(224,49,26,.50), transparent 34%),
    radial-gradient(circle at 48% 104%, rgba(242,112,27,.50), transparent 34%),
    radial-gradient(circle at 101% 56%, rgba(255,201,59,.62), transparent 34%),
    radial-gradient(circle at 97% 104%, rgba(46,168,84,.55), transparent 36%),
    linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%);
  background-attachment:fixed, fixed, fixed, fixed, fixed, fixed, fixed, fixed;
  line-height:1.7;
  overflow-x:hidden;
  font-size:1.05rem;
  -webkit-font-smoothing:antialiased;
  position:relative;
}
/* faixa "zebrada" inspirada em placas de sinalização viária — usada como divisor entre seções */
.stripe-bar{
  height:10px;
  background:repeating-linear-gradient(135deg, var(--gold) 0 18px, var(--ink-deep) 18px 36px);
}
body::before{
  content:"";
  position:fixed; inset:0; z-index:2000; pointer-events:none;
  opacity:.035; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
h1,h2,h3,h4{
  font-family:'Fraunces','Plus Jakarta Sans',serif;
  line-height:1.1;
  color:var(--ink);
  font-weight:600;
  letter-spacing:-.02em;
  text-wrap:balance;
}
.mono{font-family:'IBM Plex Mono',monospace; font-feature-settings:"tnum" 1;}
img{max-width:100%; display:block;}
a{text-decoration:none; color:inherit;}
ul{list-style:none;}
.container{width:100%; max-width:1320px; margin:0 auto; padding:0 24px;}
@media(min-width:1100px){
  :root{font-size:18px;}
}
@media(min-width:1280px){
  .container{max-width:1520px; padding:0 36px;}
}
@media(min-width:1600px){
  .container{max-width:1760px; padding:0 48px;}
}
@media(min-width:1900px){
  .container{max-width:1920px;}
}
.sr-only{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap;}
a:focus-visible, button:focus-visible{outline:2px solid var(--signal); outline-offset:3px;}

section{padding:96px 0;}
@media(max-width:720px){section{padding:60px 0;}}

.eyebrow{
  display:flex; align-items:center; gap:10px;
  font-family:'IBM Plex Mono',monospace; color:var(--signal);
  font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; font-weight:500;
  margin-bottom:18px;
}
.eyebrow.center{justify-content:center;}
.section-title{font-size:clamp(1.9rem,4vw,2.7rem); margin-bottom:16px; max-width:720px; font-weight:600;}
.section-title.on-dark{color:var(--paper);}
.section-sub{color:var(--steel); max-width:580px; margin-bottom:44px; font-size:1.06rem;}
.section-sub.on-dark{color:var(--steel-light);}
.center{text-align:center; margin-left:auto; margin-right:auto;}
.head-row{display:flex; justify-content:space-between; align-items:flex-end; gap:30px; flex-wrap:wrap; margin-bottom:48px;}
.head-row .section-title, .head-row .eyebrow{margin-bottom:0;}
.head-row .eyebrow{margin-bottom:14px;}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:12px;
  padding:16px 28px; border-radius:10px; font-weight:600; font-size:.92rem;
  text-transform:uppercase; letter-spacing:.04em;
  border:1px solid transparent; cursor:pointer; transition:transform var(--transicao), background var(--transicao), border-color var(--transicao), color var(--transicao), box-shadow var(--transicao);
  white-space:nowrap; font-family:Arial,Helvetica,sans-serif; position:relative;
}
.btn-primary{
  background:linear-gradient(135deg, var(--signal) 0%, var(--signal-dim) 100%);
  color:var(--paper); border-color:var(--signal);
  box-shadow:0 12px 26px -12px rgba(224,49,26,.55);
}
.btn-primary:hover{
  background:linear-gradient(135deg, #ee4a2f 0%, var(--signal) 100%);
  border-color:var(--signal-dim); transform:translateY(-3px);
  box-shadow:0 18px 34px -14px rgba(224,49,26,.65);
}
.btn-whatsapp{
  background:linear-gradient(135deg, #25d366 0%, #1da851 100%);
  border-color:#25d366;
  box-shadow:0 12px 26px -12px rgba(37,211,102,.55);
}
.btn-whatsapp:hover{
  background:linear-gradient(135deg, #2fe371 0%, #25d366 100%);
  border-color:#1da851; transform:translateY(-3px);
  box-shadow:0 18px 34px -14px rgba(37,211,102,.65);
}
.btn-email{
  background:linear-gradient(135deg, var(--splash-blue) 0%, var(--ink) 100%);
  border-color:var(--splash-blue);
  box-shadow:0 12px 26px -12px rgba(31,127,224,.55);
}
.btn-email:hover{
  background:linear-gradient(135deg, #3d92ea 0%, var(--splash-blue) 100%);
  border-color:var(--ink); transform:translateY(-3px);
  box-shadow:0 18px 34px -14px rgba(31,127,224,.65);
}
.btn-instagram{
  background:linear-gradient(135deg, #f9ce34 0%, #ee2a7b 55%, #6228d7 100%);
  border-color:#ee2a7b;
  box-shadow:0 12px 26px -12px rgba(230,18,126,.55);
}
.btn-instagram:hover{
  background:linear-gradient(135deg, #fbd85a 0%, #f0468d 55%, #7b3ce8 100%);
  border-color:#6228d7; transform:translateY(-3px);
  box-shadow:0 18px 34px -14px rgba(230,18,126,.65);
}
.btn-outline-light{background:transparent; color:var(--paper); border-color:var(--line-dark);}
.btn-outline-light:hover{background:rgba(246,244,238,.08); border-color:var(--paper); transform:translateY(-3px);}
.btn-outline-dark{background:transparent; color:var(--ink); border-color:var(--ink);}
.btn-outline-dark:hover{background:var(--ink); color:var(--paper); transform:translateY(-3px); box-shadow:0 14px 28px -16px rgba(14,95,168,.5);}
.btn-lg{padding:20px 38px; font-size:1.08rem;}

/* HEADER */
header{
  position:fixed; top:0; left:0; right:0; z-index:1000;
  background:rgba(255,255,255,.96); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  transition:background var(--transicao), box-shadow var(--transicao), border-color var(--transicao);
}
header.scrolled{
  background:rgba(255,255,255,.99);
  box-shadow:0 18px 40px -22px rgba(7,29,51,.25);
  border-bottom-color:var(--line);
}
.nav-wrap{display:flex; align-items:center; justify-content:space-between; padding:12px 24px; max-width:1200px; margin:0 auto;}
.logo{display:flex; align-items:center; gap:11px; flex-shrink:0; transition:transform var(--transicao);}
.logo:hover{transform:translateY(-1px);}
.logo-img{height:46px; width:auto; display:block;}
.logo-icon{width:38px; height:38px; flex-shrink:0; filter:drop-shadow(0 4px 10px rgba(16,144,201,.35));}
.logo-icon svg{width:100%; height:100%; display:block;}
@media(max-width:420px){.logo-img{height:36px;}}

/* MARCA GRANDE (usada no hero) */
.brand-mark{display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center;}
.brand-icon{width:88px; height:88px; margin-bottom:2px; filter:drop-shadow(0 10px 20px rgba(7,29,51,.4));}
.brand-icon svg{width:100%; height:100%; display:block;}
.brand-mark .brand-nome{
  font-family:'Fraunces','Plus Jakarta Sans',serif;
  font-size:clamp(3.2rem,11vw,5.8rem); font-weight:700; letter-spacing:-.01em; line-height:.95;
  color:var(--paper);
  text-shadow:0 4px 24px rgba(0,0,0,.35);
}
.brand-mark .brand-nome .accent{color:var(--signal);}
.brand-mark .brand-sub{
  font-family:'IBM Plex Mono',monospace; font-size:.78rem; font-weight:500;
  letter-spacing:.26em; text-transform:uppercase; color:var(--steel-light);
}
nav ul{display:flex; gap:34px;}
nav a{color:var(--ink-deep); font-weight:500; font-size:.95rem; transition:color var(--transicao); font-family:Arial,Helvetica,sans-serif;}
nav a:hover, nav a.active{color:var(--signal);}
.header-actions{display:flex; align-items:center; gap:14px;}
.icon-btn{
  display:inline-flex; align-items:center; gap:9px; font-weight:600;
  background:linear-gradient(135deg, #25d366 0%, #1da851 100%);
  padding:11px 20px; border-radius:10px; font-size:.88rem;
  transition:transform var(--transicao), box-shadow var(--transicao); color:var(--paper);
  box-shadow:0 10px 22px -10px rgba(37,211,102,.6);
}
.icon-btn:hover{transform:translateY(-2px); box-shadow:0 14px 28px -10px rgba(37,211,102,.7);}
.icon-btn-insta{
  background:linear-gradient(135deg, #f9ce34 0%, #ee2a7b 55%, #6228d7 100%);
  box-shadow:0 10px 22px -10px rgba(230,18,126,.6);
}
.icon-btn-insta:hover{transform:translateY(-2px); box-shadow:0 14px 28px -10px rgba(230,18,126,.7);}
.menu-toggle{display:none; background:none; border:none; color:var(--ink-deep); cursor:pointer; padding:6px;}
@media(max-width:900px){
  .nav-wrap{position:relative; justify-content:flex-start;}
  .logo{margin-right:auto;}
  nav{position:absolute; top:100%; left:0; right:0; z-index:1001; background:var(--paper); max-height:0; overflow:hidden; transition:max-height .3s ease; border-bottom:1px solid var(--line);}
  nav.open{max-height:420px;}
  nav ul{flex-direction:column; padding:24px; gap:22px;}
  .menu-toggle{display:inline-flex; order:2;}
  .header-actions{order:1; gap:8px;}
  .header-actions .icon-btn span{display:none;}
  .header-actions .icon-btn{padding:11px;}
}

/* PAGE HERO (páginas internas) */
.page-hero{
  padding:168px 0 72px; color:var(--paper); background:linear-gradient(165deg, var(--ink-deep) 0%, var(--ink-soft) 55%, var(--ink) 100%); position:relative; overflow:hidden;
  background-image:linear-gradient(var(--line-dark) 1px, transparent 1px), linear-gradient(90deg, var(--line-dark) 1px, transparent 1px);
  background-size:56px 56px; background-position:center top;
}
.page-hero::before{
  content:""; position:absolute; z-index:0; pointer-events:none; inset:-10%;
  background:
    radial-gradient(circle at 85% 10%, rgba(224,49,26,.48), transparent 44%),
    radial-gradient(circle at 5% 90%, rgba(31,127,224,.55), transparent 48%),
    radial-gradient(circle at 60% 100%, rgba(242,169,59,.4), transparent 42%);
  animation:heroDrift 18s ease-in-out infinite alternate;
}
.page-hero::after{content:""; position:absolute; inset:0; background:radial-gradient(ellipse at 30% 0%, rgba(11,22,32,0) 0%, var(--ink-deep) 78%); pointer-events:none;}
/* Variante para quando o page-hero contém apenas uma imagem/cartão pronto, sem overlay escuro nem padding */
.page-hero.page-hero-poster{padding:72px 0 0; background:none; background-image:none;}
.page-hero.page-hero-poster::before, .page-hero.page-hero-poster::after{display:none;}
.page-hero.page-hero-poster img{position:relative; z-index:1; width:100%; height:auto; display:block;}
.hero-placeholder{
  width:100%; aspect-ratio:21/7; position:relative; z-index:1;
  background:repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 14px, rgba(255,255,255,.02) 14px 28px), var(--ink-soft);
  border:2px dashed var(--line-dark);
  display:flex; align-items:center; justify-content:center; text-align:center;
  color:var(--paper-dim); font-family:Arial,Helvetica,sans-serif; font-size:.92rem; letter-spacing:.01em; padding:24px;
}
@media(max-width:600px){.hero-placeholder{aspect-ratio:4/5;}}
.page-hero .container{position:relative; z-index:1;}
.page-hero .eyebrow{color:var(--signal);}
.page-hero h1{color:var(--paper); font-size:clamp(2.1rem,5vw,3.3rem); max-width:760px;}
.page-hero p{color:#cfe4f7; font-size:1.1rem; max-width:600px; margin-top:16px; font-family:Arial,Helvetica,sans-serif;}
.breadcrumb{font-family:'IBM Plex Mono',monospace; font-size:.78rem; color:var(--steel-light); text-transform:uppercase; letter-spacing:.08em; margin-bottom:20px;}
.breadcrumb a{color:var(--steel-light);}
.breadcrumb a:hover{color:var(--signal);}

/* HERO (home) */
.hero{
  position:relative; padding:150px 0 100px; color:var(--paper);
  background:linear-gradient(165deg, var(--ink-deep) 0%, var(--ink-soft) 46%, var(--ink) 100%);
  overflow:hidden;
  background-image:
    linear-gradient(var(--line-dark) 1px, transparent 1px),
    linear-gradient(90deg, var(--line-dark) 1px, transparent 1px);
  background-size:56px 56px;
  background-position:center top;
}
.hero::after{
  content:"";position:absolute; inset:0;
  background:radial-gradient(ellipse at 30% 0%, rgba(11,22,32,0) 0%, var(--ink-deep) 78%);
  pointer-events:none;
}
/* Variante para quando o hero contém apenas uma imagem/anúncio pronto, sem overlay escuro nem padding */
.hero.hero-poster{
  padding:63px 0 0; background:none; background-image:none;
}
.hero.hero-poster::after{display:none;}
.hero.hero-poster img{
  position:relative; z-index:1; width:100%; height:auto; display:block;
}
@keyframes heroDrift{
  0%{transform:translate(0,0) scale(1);}
  100%{transform:translate(-18px,14px) scale(1.04);}
}
.hero-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; position:relative; z-index:1;}
@media(max-width:960px){.hero-grid{grid-template-columns:1fr;}}
.hero .brand-mark{margin-bottom:28px;}
.hero-tag{font-family:'IBM Plex Mono',monospace; color:var(--signal); font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; display:flex; align-items:center; gap:10px; margin-bottom:24px;}
.hero h1{color:var(--paper); font-size:clamp(2.3rem,5.6vw,3.7rem); margin-bottom:22px;}
.hero h1 span{color:var(--signal);}
.hero p{color:#cfe4f7; font-size:1.14rem; max-width:520px; margin-bottom:36px; font-family:Arial,Helvetica,sans-serif;}
.hero-cta{display:flex; flex-wrap:wrap; gap:16px; margin-bottom:52px;}
.hero-stats{display:flex; gap:0; flex-wrap:wrap; border-top:1px solid var(--line-dark);}
.hero-stats div{padding:20px 28px 0 0; margin-right:28px; border-right:1px solid var(--line-dark); flex:1; min-width:130px;}
.hero-stats div:last-child{border-right:none;}
.hero-stats div strong{
  display:block; font-family:'Fraunces','Plus Jakarta Sans',serif; font-size:2rem; font-weight:600; line-height:1;
  color:var(--paper);
}
.hero-stats div span{color:#bcdcf5; font-size:.78rem; font-family:'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:.05em;}

/* diagrama técnico do hero */
.blueprint{position:relative; aspect-ratio:1/1;}
.blueprint svg{width:100%; height:100%;}
.bp-line{stroke-dasharray:1000; stroke-dashoffset:1000; animation:draw 2.2s ease forwards .3s;}
@keyframes draw{to{stroke-dashoffset:0;}}
@media(max-width:960px){.blueprint{max-width:360px; margin:0 auto;}}

/* BARRA CREDIBILIDADE */
.credibilidade{
  background:linear-gradient(120deg, var(--ink-deep) 0%, var(--ink-soft) 55%, var(--ink) 100%);
  padding:0; border-bottom:1px solid var(--line-dark); position:relative; overflow:hidden;
}
.credibilidade::before{
  content:""; position:absolute; inset:0; opacity:.5; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:44px 44px;
}
.credibilidade .container{display:flex; flex-wrap:wrap; position:relative; z-index:1;}
.credibilidade .cred-item{color:var(--paper); border-right:1px solid var(--line-dark);}
.credibilidade .cred-item strong{color:var(--paper);}
.cred-item{
  flex:1; min-width:200px; display:flex; align-items:center; gap:14px; color:var(--ink);
  padding:22px 24px 22px 0; border-right:1px solid var(--line);
}
.cred-item:last-child{border-right:none;}
.cred-item .num{font-family:'IBM Plex Mono',monospace; color:var(--signal); font-size:.75rem;}
.cred-item strong{display:block; font-size:.92rem; font-weight:600; font-family:Arial,Helvetica,sans-serif;}
@media(max-width:800px){.cred-item{border-right:none; border-bottom:1px solid var(--line); padding:18px 0;}}

/* SERVIÇOS - catálogo */
.servicos-list{border-top:1px solid var(--line);}
.servico-row{
  display:grid; grid-template-columns:90px 1fr 1.4fr; gap:32px; align-items:start;
  padding:34px 0; border-bottom:1px solid var(--line);
  transition:background var(--transicao);
}
.servico-row:hover{background:var(--paper-dim); box-shadow:inset 3px 0 0 var(--signal);}
.servico-row:nth-child(3n+1):hover{box-shadow:inset 3px 0 0 var(--splash-blue);}
.servico-row:nth-child(3n+2):hover{box-shadow:inset 3px 0 0 var(--signal);}
.servico-row:nth-child(3n+3):hover{box-shadow:inset 3px 0 0 var(--splash-orange);}
.servico-row .code{font-family:'IBM Plex Mono',monospace; color:var(--signal); font-size:.85rem; padding-top:4px;}
.servico-row h3{font-size:1.4rem;}
.servico-row p{color:var(--steel); font-size:.98rem; max-width:560px;}
@media(max-width:760px){
  .servico-row{grid-template-columns:1fr; gap:10px;}
}
.servico-card-detalhe{border:1px solid var(--line); border-top:4px solid var(--signal); border-radius:var(--radius-lg); padding:34px; background:linear-gradient(160deg,#ffffff 0%,#cfe8ff 100%); margin-bottom:22px; box-shadow:0 18px 34px -26px rgba(7,29,51,.35); transition:box-shadow var(--transicao), border-color var(--transicao);}
.servico-card-detalhe:hover{border-color:var(--signal); box-shadow:0 20px 40px -28px rgba(14,95,168,.35);}
.servico-card-detalhe:nth-child(6n+1){border-top-color:var(--splash-blue);}
.servico-card-detalhe:nth-child(6n+2){border-top-color:var(--signal);}
.servico-card-detalhe:nth-child(6n+3){border-top-color:var(--splash-orange);}
.servico-card-detalhe:nth-child(6n+4){border-top-color:var(--splash-green);}
.servico-card-detalhe:nth-child(6n+5){border-top-color:var(--splash-pink);}
.servico-card-detalhe:nth-child(6n+6){border-top-color:var(--gold);}
.servico-card-detalhe .code{font-family:'IBM Plex Mono',monospace; color:var(--signal); font-size:.82rem; display:block; margin-bottom:14px;}
.servico-card-detalhe h3{font-size:1.5rem; margin-bottom:12px;}
.servico-card-detalhe p{color:var(--steel); font-size:1rem; max-width:680px;}
.servico-card-detalhe ul{margin-top:16px; display:flex; flex-direction:column; gap:8px;}
.servico-card-detalhe li{color:var(--ink); font-size:.94rem; padding-left:18px; position:relative;}
.servico-card-detalhe li::before{content:"—"; position:absolute; left:0; color:var(--signal);}
.servico-fotos{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:22px;}
.servico-fotos figure{margin:0; border-radius:var(--radius); overflow:hidden; aspect-ratio:4/3; border:1px solid var(--line);}
.servico-fotos img{width:100%; height:100%; object-fit:cover; display:block; transition:transform var(--transicao);}
.servico-fotos figure:hover img{transform:scale(1.05);}
@media(max-width:560px){.servico-fotos{grid-template-columns:1fr;}}

/* DIFERENCIAIS */
.diferenciais{background:var(--ink); color:var(--paper); position:relative;}
.dif-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line-dark); border:1px solid var(--line-dark); margin-top:8px;}
@media(max-width:960px){.dif-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.dif-grid{grid-template-columns:1fr;}}
.dif-card{padding:34px 28px; background:var(--ink); transition:background var(--transicao), box-shadow var(--transicao); box-shadow:inset 0 -3px 0 var(--signal);}
.dif-card:hover{background:var(--ink-soft);}
.dif-card:nth-child(4n+1){box-shadow:inset 0 -3px 0 var(--splash-blue);}
.dif-card:nth-child(4n+2){box-shadow:inset 0 -3px 0 var(--signal);}
.dif-card:nth-child(4n+3){box-shadow:inset 0 -3px 0 var(--splash-green);}
.dif-card:nth-child(4n+4){box-shadow:inset 0 -3px 0 var(--gold);}
.dif-card:nth-child(4n+1) .num{color:var(--splash-blue);}
.dif-card:nth-child(4n+3) .num{color:var(--splash-green);}
.dif-card:nth-child(4n+4) .num{color:var(--gold);}
.dif-card .num{font-family:'IBM Plex Mono',monospace; color:var(--signal); font-size:.78rem; display:block; margin-bottom:20px;}
.dif-card h3{color:var(--paper); font-size:1.18rem; margin-bottom:10px;}
.dif-card p{color:var(--steel-light); font-size:.92rem; font-family:Arial,Helvetica,sans-serif;}

/* SOBRE - história / valores */
.historia-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start;}
@media(max-width:860px){.historia-grid{grid-template-columns:1fr;}}
.historia-grid p{color:var(--steel); margin-bottom:16px; max-width:520px;}
.valores-list{display:flex; flex-direction:column; gap:0; border-top:1px solid var(--line);}
.valor-item{display:grid; grid-template-columns:70px 1fr; gap:24px; padding:26px 0; border-bottom:1px solid var(--line);}
.valor-item .num{font-family:'IBM Plex Mono',monospace; color:var(--signal); font-size:.85rem; padding-top:2px;}
.valor-item:nth-child(4n+1) .num{color:var(--splash-blue);}
.valor-item:nth-child(4n+3) .num{color:var(--splash-orange);}
.valor-item:nth-child(4n+4) .num{color:var(--splash-green);}
.valor-item h4{font-size:1.15rem; margin-bottom:6px;}
.valor-item p{color:var(--steel); font-size:.95rem;}

/* FLUXO */
.fluxo{background:var(--ink); color:var(--paper);}
.fluxo-diagram{display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:stretch; gap:0; margin-top:52px;}
@media(max-width:800px){.fluxo-diagram{grid-template-columns:1fr; gap:22px;}}
.fluxo-node{border:1px solid var(--line-dark); background:var(--ink-soft); padding:28px 24px; transition:border-color var(--transicao), transform var(--transicao); border-top:3px solid var(--signal);}
.fluxo-node:hover{border-color:var(--signal); transform:translateY(-4px);}
.fluxo-node:nth-child(1){border-top-color:var(--splash-blue);}
.fluxo-node:nth-child(3){border-top-color:var(--splash-orange);}
.fluxo-node:nth-child(5){border-top-color:var(--splash-green);}
.fluxo-node:nth-child(1) .num{color:var(--splash-blue);}
.fluxo-node:nth-child(3) .num{color:var(--splash-orange);}
.fluxo-node:nth-child(5) .num{color:var(--splash-green);}
.fluxo-node .num{display:block; font-family:'IBM Plex Mono',monospace; color:var(--signal); font-size:.72rem; margin-bottom:14px;}
.fluxo-node h4{color:var(--paper); font-size:1.12rem; margin-bottom:9px;}
.fluxo-node p{color:var(--steel-light); font-size:.88rem; font-family:Arial,Helvetica,sans-serif;}
.fluxo-arrow{display:flex; align-items:center; justify-content:center; padding:0 6px; color:var(--signal);}
@media(max-width:800px){.fluxo-arrow{transform:rotate(90deg); height:20px;}}

/* DEPOIMENTOS */
.depo-top{display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:20px; margin-bottom:8px;}
.aviso-projeto{
  display:flex; gap:12px; align-items:flex-start;
  background:var(--paper-dim); border:1px solid var(--line);
  border-left:4px solid var(--ink); border-radius:var(--radius-lg);
  padding:16px 18px; margin-top:18px; max-width:720px;
}
.aviso-projeto svg{flex-shrink:0; margin-top:2px; color:var(--ink);}
.aviso-projeto p{margin:0; font-size:.92rem; color:var(--ink-deep); line-height:1.5;}
.aviso-projeto strong{color:var(--ink);}
.aviso-projeto-inline{
  display:block; margin-top:10px; padding:10px 14px;
  background:var(--paper-dim); border-left:3px solid var(--ink);
  border-radius:var(--radius); font-size:.86rem; color:var(--ink-deep); line-height:1.5;
}
.aviso-projeto-inline strong{color:var(--ink);}
.depo-nota{
  font-family:'IBM Plex Mono',monospace; font-size:.82rem; color:var(--steel);
  padding:14px 18px; border:1px dashed var(--line); border-radius:var(--radius);
}
.depoimentos-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:40px;}
@media(max-width:900px){.depoimentos-grid{grid-template-columns:1fr;}}
.depoimento-card{background:linear-gradient(160deg,#ffffff 0%,#ffe4ab 100%); border-left:4px solid var(--gold); padding:34px 30px; box-shadow:0 18px 34px -26px rgba(7,29,51,.3); transition:transform var(--transicao), box-shadow var(--transicao);}
.depoimento-card:hover{transform:translateY(-5px); box-shadow:0 24px 44px -28px rgba(14,95,168,.4); position:relative; z-index:1;}
.depoimento-card .quote-mark{font-family:'Fraunces',serif; font-size:3rem; color:var(--signal); line-height:.6; margin-bottom:10px; display:block;}
.depoimento-card .depo-estrelas{display:block; color:var(--gold); letter-spacing:2px; font-size:.95rem; margin:-6px 0 14px;}
.depoimento-card p{font-size:1rem; color:var(--ink); margin-bottom:22px; font-style:italic;}
.depoimento-autor{border-top:1px solid var(--line); padding-top:14px;}
.depoimento-autor strong{display:block; font-size:.9rem; font-family:Arial,Helvetica,sans-serif;}
.depoimento-autor span{font-size:.78rem; color:var(--steel); font-family:'IBM Plex Mono',monospace;}

/* GALERIA */

/* DECORAÇÃO DE FUNDO (motivos de comunicação visual) */
.deco{position:absolute; pointer-events:none; z-index:0; opacity:.16; animation:decoFloat 11s ease-in-out infinite;}
.deco svg{width:100%; height:100%; display:block;}
.deco.deco-paper{color:var(--paper);}
.deco.deco-steel{color:var(--steel-light);}
.deco.deco-signal{color:var(--signal); opacity:.2; animation-duration:9s;}
.deco.deco-ink{color:var(--ink); opacity:.14; animation-duration:13s;}
@keyframes decoFloat{0%,100%{transform:translateY(0) rotate(0deg);} 50%{transform:translateY(-16px) rotate(2deg);}}
.galeria{background:var(--ink);}
.galeria-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line-dark); border:1px solid var(--line-dark); margin-top:8px;}
.galeria-cta{
  display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap;
  margin-top:44px; padding:36px 42px; border-radius:18px;
  background:linear-gradient(135deg, rgba(242,169,59,.16) 0%, rgba(224,49,26,.10) 100%);
  border:1px solid rgba(242,169,59,.4);
  box-shadow:0 26px 54px -30px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.06);
  position:relative; overflow:hidden;
}
.galeria-cta::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at 12% 25%, rgba(242,169,59,.22), transparent 55%);
}
.galeria-cta p{color:var(--paper); font-family:Arial,Helvetica,sans-serif; font-size:1.16rem; line-height:1.5; max-width:440px; margin:0; position:relative; z-index:1;}
.galeria-cta p strong{color:var(--gold); font-weight:700; font-size:1.28rem; display:inline-block;}
.btn-galeria{
  display:inline-flex; align-items:center; gap:12px; position:relative; z-index:1;
  padding:20px 40px; font-size:1rem;
  box-shadow:0 20px 40px -14px rgba(224,49,26,.75);
  animation:ctaPulse 2.6s ease-in-out infinite;
}
.btn-galeria svg{transition:transform var(--transicao);}
.btn-galeria:hover svg{transform:translateX(4px);}
.btn-galeria:hover{animation-play-state:paused;}
@keyframes ctaPulse{
  0%,100%{box-shadow:0 20px 40px -14px rgba(224,49,26,.75);}
  50%{box-shadow:0 20px 48px -10px rgba(224,49,26,.95), 0 0 0 6px rgba(224,49,26,.12);}
}
@media(max-width:560px){.galeria-cta{justify-content:center; text-align:center; padding:30px 24px;}}
@media(max-width:900px){.galeria-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.galeria-grid{grid-template-columns:1fr;}}
.galeria-item{
  aspect-ratio:4/3; position:relative; background:var(--ink-soft);
  overflow:hidden;
}
.galeria-item img{width:100%; height:100%; object-fit:cover; display:block; transition:transform var(--transicao);}
.galeria-item:hover img{transform:scale(1.05);}
.crop{position:absolute; width:14px; height:14px; border-color:var(--signal); opacity:.6;}
.crop.tl{top:10px; left:10px; border-top:1px solid; border-left:1px solid;}
.crop.br{bottom:10px; right:10px; border-bottom:1px solid; border-right:1px solid;}

/* FAQ */
.faq-list{max-width:800px;}
.faq-item{border-bottom:1px solid var(--line);}
.faq-item:first-child{border-top:1px solid var(--line);}
.faq-question{
  width:100%; text-align:left; background:none; border:none; padding:26px 0;
  display:flex; align-items:center; gap:22px; cursor:pointer;
}
.faq-question .qnum{font-family:'IBM Plex Mono',monospace; color:var(--signal); font-size:.8rem; flex-shrink:0;}
.faq-question .qtext{font-family:Arial,Helvetica,sans-serif; font-weight:600; font-size:1.06rem; color:var(--ink); flex:1;}
.faq-question .qicon{transition:transform var(--transicao); flex-shrink:0; color:var(--signal);}
.faq-item.active .faq-question .qicon{transform:rotate(45deg);}
.faq-answer{max-height:0; overflow:hidden; transition:max-height .3s ease;}
.faq-answer p{padding:0 0 26px 46px; color:var(--steel); font-size:.98rem; max-width:640px;}

/* GALERIA COMPLETA (todas-fotos.html) */
.fotos-grid-completa{
  display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin-top:28px;
}
@media(max-width:960px){.fotos-grid-completa{grid-template-columns:repeat(4,1fr);}}
@media(max-width:640px){.fotos-grid-completa{grid-template-columns:repeat(3,1fr);}}
@media(max-width:420px){.fotos-grid-completa{grid-template-columns:repeat(2,1fr);}}
.foto-slot{
  aspect-ratio:1/1; border:1.5px dashed var(--line); border-radius:var(--radius-lg);
  background:rgba(14,95,168,.04);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
  cursor:pointer; color:var(--steel); transition:border-color var(--transicao), background var(--transicao), transform var(--transicao);
  padding:0; overflow:hidden;
}
.foto-slot:hover{border-color:var(--signal); background:rgba(224,49,26,.06); color:var(--signal); transform:translateY(-2px);}
.foto-slot-icon svg{display:block;}
.foto-slot-num{font-size:.72rem; letter-spacing:.06em;}
.foto-slot-real{border-style:solid; border-color:var(--line);}
.foto-slot-real img{width:100%; height:100%; object-fit:cover; display:block; transition:transform var(--transicao);}
.foto-slot-real:hover img{transform:scale(1.06);}
.foto-slot-real:hover{border-color:var(--signal);}

.foto-lightbox{
  position:fixed; inset:0; z-index:2500; display:none; align-items:center; justify-content:center;
  background:rgba(7,29,51,.92); backdrop-filter:blur(4px); padding:24px;
}
.foto-lightbox.open{display:flex;}
.foto-lightbox-content{
  width:min(560px,86vw); aspect-ratio:4/3; background:var(--ink-soft); border-radius:var(--radius-lg);
  border:1.5px dashed var(--line-dark);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; color:var(--steel-light);
  overflow:hidden;
}
.foto-lightbox-content.has-img{border-style:solid; border-color:var(--line-dark); aspect-ratio:auto; width:auto; max-width:90vw; max-height:86vh;}
.foto-lightbox-content img{max-width:90vw; max-height:86vh; width:auto; height:auto; display:block; border-radius:var(--radius-lg);}
.foto-lightbox-label{font-size:.85rem; letter-spacing:.08em;}
.foto-lightbox-close{
  position:absolute; top:24px; right:24px; background:none; border:none; color:var(--paper);
  cursor:pointer; padding:8px; transition:transform var(--transicao);
}
.foto-lightbox-close:hover{transform:scale(1.1);}

/* CONTATO */
.contato{background:linear-gradient(150deg, #ffd98f 0%, #a9d6ff 100%); position:relative;}
.contato-grid{display:grid; grid-template-columns:.9fr 1.1fr; gap:1px; background:var(--line); border:1px solid var(--line); margin-top:8px;}
@media(max-width:860px){.contato-grid{grid-template-columns:1fr;}}
.contato-info{background:linear-gradient(165deg, var(--ink-deep) 0%, var(--ink-soft) 100%); padding:40px;}
.contato-info .contato-linha{border-bottom:1px solid var(--line-dark);}
.contato-info .contato-linha .label{color:var(--gold);}
.contato-info .contato-linha .valor{color:var(--paper);}
.contato-linha{padding:16px 0; border-bottom:1px solid var(--line);}
.contato-linha:last-of-type{border-bottom:none; margin-bottom:24px;}
.contato-linha .label{display:block; font-size:.72rem; color:var(--signal); text-transform:uppercase; letter-spacing:.08em; margin-bottom:6px;}
.contato-linha .valor{font-size:1rem; color:var(--ink); font-family:Arial,Helvetica,sans-serif;}
.contato-linha .valor a:hover{color:var(--signal);}
.mapa-wrap{background:var(--paper-dim); min-height:340px; border-top:4px solid var(--gold);}
.mapa-wrap iframe{width:100%; height:100%; min-height:340px; border:0; display:block;}
.mapa-convite{
  display:flex; align-items:center; gap:18px;
  padding:26px 30px; background:linear-gradient(120deg, var(--ink-deep) 0%, var(--ink) 100%);
}
.mapa-convite-icon{
  flex-shrink:0; width:46px; height:46px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, var(--gold) 0%, var(--signal) 100%);
  color:var(--paper);
}
.mapa-convite h3{color:var(--paper); font-size:1.2rem; margin-bottom:4px;}
.mapa-convite p{color:var(--steel-light); font-size:.92rem; font-family:Arial,Helvetica,sans-serif; max-width:420px;}
@media(max-width:480px){.mapa-convite{padding:22px;}}

/* CANAIS DIRETOS (página contato) */
.canais-grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:1px; background:var(--line-dark); border:1px solid var(--line-dark); margin-top:8px;}
@media(max-width:900px){.canais-grid{grid-template-columns:1fr;}}
.canal-card{background:var(--ink-soft); padding:44px 38px; display:flex; flex-direction:column; gap:16px; transition:background var(--transicao), box-shadow var(--transicao);}
.canal-card:hover{background:#0d3660; box-shadow:inset 0 3px 0 var(--signal);}
.canal-card .canal-icon{width:52px; height:52px; border-radius:50%; background:var(--signal); display:flex; align-items:center; justify-content:center; color:var(--paper);}
.canal-card:nth-child(2) .canal-icon{background:var(--splash-blue);}
.canal-card:nth-child(2):hover{box-shadow:inset 0 3px 0 var(--splash-blue);}
.canal-card:nth-child(3) .canal-icon{background:var(--splash-pink);}
.canal-card:nth-child(3):hover{box-shadow:inset 0 3px 0 var(--splash-pink);}
.canal-card h3{color:var(--paper); font-size:1.4rem;}
.canal-card p{color:var(--steel-light); font-size:.96rem; font-family:Arial,Helvetica,sans-serif;}
.canal-card .valor-direto{font-family:'IBM Plex Mono',monospace; color:var(--paper); font-size:1rem; word-break:break-all;}
.canal-card .btn{margin-top:6px; align-self:flex-start;}

/* CTA GLOW */
.cta-final{position:relative; overflow:hidden; background:var(--ink); color:var(--paper);}
.cta-final::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(circle at 88% 15%, rgba(242,169,59,.18), transparent 42%),
    radial-gradient(circle at 96% 92%, rgba(224,49,26,.24), transparent 46%);
}
.cta-final .container{position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; gap:30px; flex-wrap:wrap;}
.cta-final h2{color:var(--paper); font-size:clamp(1.6rem,3.4vw,2.3rem); max-width:520px;}
.cta-final p{color:var(--steel-light); font-family:Arial,Helvetica,sans-serif; margin-top:10px; max-width:460px;}

/* FOOTER */
footer{background:var(--ink); color:var(--paper); padding:64px 0 26px;}
.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:44px; margin-bottom:44px;}
@media(max-width:760px){.footer-grid{grid-template-columns:1fr; gap:34px;}}
.footer-logo{
  font-family:'Fraunces','Plus Jakarta Sans',serif; font-size:1.6rem; font-weight:700; margin-bottom:14px;
  color:var(--paper); display:inline-block;
}
footer h5{font-family:'IBM Plex Mono',monospace; color:var(--steel-light); font-size:.76rem; text-transform:uppercase; letter-spacing:.08em; margin-bottom:16px; font-weight:500;}
footer ul{display:flex; flex-direction:column; gap:11px;}
footer ul a{color:#dceafb; font-size:.94rem; font-family:Arial,Helvetica,sans-serif; transition:color var(--transicao);}
footer ul a:hover{color:var(--signal);}
.footer-social{display:flex; gap:12px; margin-top:20px;}
.footer-social a{width:34px; height:34px; border:1px solid var(--line-dark); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--paper); transition:border-color var(--transicao), color var(--transicao);}
.footer-social a:hover{border-color:var(--signal); color:var(--signal);}
.footer-bottom{border-top:1px solid var(--line-dark); padding-top:22px; font-size:.8rem; color:var(--steel-light); font-family:'IBM Plex Mono',monospace;}

/* WHATSAPP FLUTUANTE */
.whatsapp-float{
  position:fixed; bottom:24px; right:24px; z-index:900;
  width:58px; height:58px; border-radius:50%; background:#25D366; color:#fff;
  display:flex; align-items:center; justify-content:center; box-shadow:0 14px 32px -10px rgba(37,211,102,.55);
  transition:transform var(--transicao), box-shadow var(--transicao);
}
.whatsapp-float:hover{transform:scale(1.08); box-shadow:0 18px 38px -10px rgba(37,211,102,.7);}

/* INSTAGRAM FLUTUANTE */
.instagram-float{
  position:fixed; bottom:94px; right:24px; z-index:900;
  width:58px; height:58px; border-radius:50%; color:#fff;
  background:linear-gradient(135deg, #f9ce34 0%, #ee2a7b 55%, #6228d7 100%);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 14px 32px -10px rgba(230,18,126,.55);
  transition:transform var(--transicao), box-shadow var(--transicao);
}
.instagram-float:hover{transform:scale(1.08); box-shadow:0 18px 38px -10px rgba(230,18,126,.7);}
@media(max-width:600px){
  .whatsapp-float{bottom:18px; right:18px;}
  .instagram-float{bottom:84px; right:18px;}
}

/* PAGE HERO COM FOTO (ex.: Sobre a empresa) */
.hero-split{
  padding:150px 0 0; color:var(--paper);
  background:linear-gradient(165deg, var(--ink-deep) 0%, var(--ink-soft) 55%, var(--ink) 100%);
  position:relative; overflow:hidden;
  background-image:linear-gradient(var(--line-dark) 1px, transparent 1px), linear-gradient(90deg, var(--line-dark) 1px, transparent 1px);
  background-size:56px 56px; background-position:center top;
}
.hero-split::before{
  content:""; position:absolute; z-index:0; pointer-events:none; inset:-10%;
  background:radial-gradient(circle at 85% 10%, rgba(224,49,26,.22), transparent 42%), radial-gradient(circle at 5% 90%, rgba(14,95,168,.32), transparent 45%);
}
.hero-split .container{position:relative; z-index:1;}
.hero-split-grid{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; padding-bottom:64px;}
@media(max-width:900px){.hero-split-grid{grid-template-columns:1fr; gap:36px;}}
.hero-split .eyebrow{color:var(--signal);}
.hero-split .eyebrow-rule{display:inline-block; width:28px; height:2px; background:var(--signal); margin-right:6px; vertical-align:middle;}
.hero-split h1{color:var(--paper); font-size:clamp(2rem,4.6vw,2.9rem); margin-bottom:20px;}
.hero-split h1 .accent{color:var(--signal);}
.hero-split-rule{width:44px; height:2px; background:var(--signal); margin:22px 0;}
.hero-split p.lead{color:#f4f8fc; font-size:1.02rem; max-width:460px; margin-bottom:14px; font-family:Arial,Helvetica,sans-serif; font-weight:500;}
.hero-split .btn{margin-top:18px;}
.hero-split-photo{
  border-radius:14px; overflow:hidden; aspect-ratio:4/5; position:relative;
  box-shadow:0 40px 70px -30px rgba(0,0,0,.6); border:1px solid var(--line-dark);
}
.hero-split-photo img{width:100%; height:100%; object-fit:cover; display:block;}
@media(max-width:900px){.hero-split-photo{aspect-ratio:16/10;}}

/* TIRA DE DIFERENCIAIS COM ÍCONE */
.feature-strip{background:var(--ink-deep); border-top:1px solid var(--line-dark); position:relative; z-index:1;}
.feature-strip .container{display:grid; grid-template-columns:repeat(4,1fr); padding:36px 24px;}
@media(max-width:760px){.feature-strip .container{grid-template-columns:repeat(2,1fr); gap:32px 0; padding:32px 24px;}}
.feature-item{display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; padding:0 18px; border-right:1px solid var(--line-dark);}
.feature-item:last-child{border-right:none;}
@media(max-width:760px){.feature-item{border-right:none;} .feature-item:nth-child(odd){border-right:1px solid var(--line-dark);}}
.feature-item .feature-icon{color:var(--signal);}
.feature-item strong{font-family:'Fraunces','Plus Jakarta Sans',serif; font-size:1.3rem; color:var(--paper); font-weight:600;}
.feature-item .feature-label{font-size:.82rem; color:var(--steel-light); font-family:Arial,Helvetica,sans-serif; line-height:1.3;}
.feature-item .feature-label strong{display:block; font-size:.82rem; color:var(--paper); font-weight:600; font-family:Arial,Helvetica,sans-serif;}

/* SEÇÃO DE HISTÓRIA — fundo claro e quente, com foto */
.historia-warm{
  background:linear-gradient(135deg, #ffe1a3 0%, #ffc978 50%, #ffe1a3 100%);
  position:relative; overflow:hidden;
}
.historia-warm::after{
  content:""; position:absolute; right:-60px; top:-60px; width:220px; height:220px; border-radius:50%;
  background:radial-gradient(circle, rgba(224,49,26,.32), transparent 70%); pointer-events:none;
}
.historia-warm-grid{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
@media(max-width:900px){.historia-warm-grid{grid-template-columns:1fr; gap:32px;}}
.historia-warm .eyebrow{color:var(--ink);}
.historia-warm h2{font-size:clamp(1.8rem,4vw,2.5rem); margin-bottom:0;}
.historia-warm h2 .accent{color:var(--signal);}
.historia-warm-rule{width:44px; height:2px; background:var(--signal); margin:22px 0;}
.historia-warm p{color:var(--steel); max-width:480px; margin-bottom:16px;}
.historia-warm-photo{border-radius:14px; overflow:hidden; aspect-ratio:4/5; box-shadow:0 30px 60px -30px rgba(7,29,51,.35);}
.historia-warm-photo img{width:100%; height:100%; object-fit:cover; display:block;}
@media(max-width:900px){.historia-warm-photo{aspect-ratio:16/10;}}

/* REVEAL */
.reveal{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease;}
.reveal.visible{opacity:1; transform:none;}

@media (prefers-reduced-motion: reduce){
  .bp-line{animation:none;}
  .reveal{opacity:1; transform:none; transition:none;}
  .hero::before, .page-hero::before, .deco{animation:none;}
  body::before{display:none;}
}