/* =========================================================
   OLOS Consultoria Empresarial - Design System
   Cores: Azul Estratégico #0F2F4A | Cobre Executivo #C86A3A | Branco Institucional #F2F1ED
   Tipografia: Instrument Sans
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

:root{
  --azul: #0F2F4A;
  --azul-2: #163f63;
  --cobre: #C86A3A;
  --cobre-2: #b45a2c;
  --branco: #F2F1ED;
  --branco-puro: #FFFFFF;
  --texto: #1c1c1c;
  --texto-suave: #55606b;
  --borda: #e2e0da;

  --fonte: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fonte-display: var(--fonte);

  --container: 1180px;
  --radius: 10px;
  --sombra: 0 10px 30px rgba(15,47,74,0.10);
  --sombra-forte: 0 24px 60px rgba(15,47,74,0.22);
  --transicao: all .25s ease;
}

*, *::before, *::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
  margin: 0;
  font-family: var(--fonte);
  color: var(--texto);
  background: var(--branco-puro);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img{ max-width:100%; display:block; }
a{ color: inherit; text-decoration: none; }
ul{ list-style:none; margin:0; padding:0; }
h1,h2,h3,h4{ font-weight:600; line-height:1.15; margin:0 0 16px; color: var(--azul); letter-spacing:-0.01em; }
h1, h2, h3{ font-family: var(--fonte-display); font-weight:700; letter-spacing:-0.02em; }
p{ margin:0 0 16px; color: var(--texto-suave); }

.container{
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 24px;
}

.secao{ padding: 88px 0; }
.secao--azul{
  position:relative; overflow:hidden;
  background: linear-gradient(155deg, var(--azul) 0%, var(--azul-2) 100%);
  color: var(--branco);
}
.secao--azul::before, .secao--azul::after{
  content:""; position:absolute; border-radius:50%; filter: blur(10px); pointer-events:none;
}
.secao--azul::before{
  width:420px; height:420px; background: radial-gradient(circle, rgba(200,106,58,0.28), transparent 70%);
  top:-160px; right:-120px;
}
.secao--azul::after{
  width:360px; height:360px; background: radial-gradient(circle, rgba(255,255,255,0.06), transparent 70%);
  bottom:-140px; left:-100px;
}
.secao--azul .container{ position:relative; z-index:1; }
.secao--azul h2, .secao--azul h3{ color: var(--branco); }
.secao--azul p{ color: rgba(242,241,237,0.78); }
.secao--clara{ background: var(--branco); }

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--cobre);
  margin-bottom: 16px;
}
.eyebrow::before{
  content:""; display:inline-block; width:28px; height:2px;
  background: var(--cobre); border-radius:2px;
}
.cabecalho-secao.centro .eyebrow{ justify-content:center; }

.titulo-secao{ font-size: clamp(30px, 4vw, 46px); max-width: 760px; }
.subtitulo-secao{ font-size: 18px; max-width: 640px; }

.cabecalho-secao{ margin-bottom: 48px; }
.cabecalho-secao.centro{ text-align:center; margin-left:auto; margin-right:auto; }
.cabecalho-secao.centro .titulo-secao,
.cabecalho-secao.centro .subtitulo-secao{ margin-left:auto; margin-right:auto; }

/* ---------- Botões ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 14px 28px;
  border-radius: 100px;
  font-weight: 600;
  font-size: 15px;
  cursor:pointer;
  border: 2px solid transparent;
  transition: var(--transicao);
  white-space: nowrap;
}
.btn--cobre{
  background: linear-gradient(135deg, var(--cobre) 0%, var(--cobre-2) 100%);
  color:#fff;
  box-shadow: 0 8px 22px rgba(200,106,58,0.28);
}
.btn--cobre:hover{ box-shadow: 0 14px 30px rgba(200,106,58,0.4); transform: translateY(-3px) scale(1.02); }
.btn--outline{ background: transparent; border-color: currentColor; color: inherit; }
.btn--outline:hover{ background: rgba(255,255,255,0.1); transform: translateY(-3px); }
.btn--outline-azul{ background: transparent; border-color: var(--azul); color: var(--azul); }
.btn--outline-azul:hover{ background: var(--azul); color:#fff; transform: translateY(-3px); box-shadow: var(--sombra-forte); }
.btn:active{ transform: translateY(-1px) scale(.99); }
.grupo-botoes{ display:flex; gap:16px; flex-wrap:wrap; }

/* ---------- Header ---------- */
.header{
  position: sticky; top:0; z-index: 100;
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--borda);
}
.header .container{
  display:flex; align-items:center; justify-content:space-between;
  height: 96px;
}
.logo{ display:inline-flex; align-items:center; }
.logo img{ height: 80px; width:auto; display:block; }
.nav-desktop{ display:flex; align-items:center; gap: 36px; }
.nav-desktop a{ font-weight:500; font-size:15px; color: var(--texto); position:relative; padding: 6px 0; }
.nav-desktop a:hover{ color: var(--cobre); }
.nav-desktop .tem-submenu{ position:relative; }
.submenu{
  position:absolute; top: 100%; left: 50%; transform: translateX(-50%);
  background:#fff; border:1px solid var(--borda); border-radius: var(--radius);
  box-shadow: var(--sombra); padding: 10px; min-width: 280px;
  opacity:0; visibility:hidden; translate: 0 8px;
  transition: var(--transicao);
}
.tem-submenu:hover .submenu, .tem-submenu:focus-within .submenu{
  opacity:1; visibility:visible; translate: 0 0;
}
.submenu a{ display:block; padding: 10px 14px; border-radius:6px; font-size:14px; }
.submenu a:hover{ background: var(--branco); }
.header-cta{ display:flex; align-items:center; gap:18px; }
.btn-menu-mobile{
  display:none; background:none; border:none; cursor:pointer; padding:8px;
  flex-direction:column; gap:5px;
}
.btn-menu-mobile span{ width:24px; height:2px; background: var(--azul); display:block; }

.nav-mobile{
  display:none;
  position:fixed; inset:96px 0 0 0; background:#fff; z-index:99;
  padding: 24px; overflow-y:auto;
}
.nav-mobile.aberto{ display:block; }
.nav-mobile a{ display:block; padding: 14px 4px; font-size:18px; font-weight:600; color:var(--azul); border-bottom:1px solid var(--borda); }
.nav-mobile .submenu-mobile a{ font-size:15px; font-weight:500; color:var(--texto); padding-left:16px; }

/* ---------- Hero ---------- */
.hero{
  position:relative; overflow:hidden;
  padding: 64px 0 100px;
  background: linear-gradient(180deg, #f7f5f0 0%, var(--branco) 100%);
}
.hero-grid{
  display:grid; grid-template-columns: 1fr 0.92fr; gap:48px; align-items:center;
  position:relative; z-index:1;
}
.hero-conteudo{ max-width: 560px; }
.hero .eyebrow{
  background: rgba(200,106,58,0.1); color: var(--cobre);
  padding: 8px 16px 8px 8px; border-radius:100px;
}
.hero .eyebrow .selo{
  display:inline-flex; align-items:center; justify-content:center;
  width:22px; height:22px; border-radius:50%; background: var(--cobre); color:#fff;
  font-size:11px;
}
.hero .eyebrow::before{ display:none; }
.hero h1{
  color: var(--azul); font-size: clamp(36px, 4.6vw, 58px); margin-bottom: 22px;
  letter-spacing:-0.03em; font-weight:700; line-height:1.05;
}
.hero p.lead{ font-size: 18px; color: var(--texto-suave); max-width: 480px; margin-bottom: 34px; }

.hero-visual{ position:relative; }
.hero-foto-card{
  position:relative; border-radius: 28px; overflow:hidden;
  aspect-ratio: 5/4.3; box-shadow: var(--sombra-forte);
}
.hero-foto-card img{ width:100%; height:100%; object-fit:cover; }
.hero-foto-card::after{
  content:""; position:absolute; inset:0;
  background: linear-gradient(200deg, rgba(15,47,74,0.25), transparent 45%);
}

.hero-flutuante{
  position:absolute; z-index:2; background:#fff; border-radius:16px;
  box-shadow: var(--sombra-forte); padding:16px 18px;
  display:flex; align-items:center; gap:12px;
  animation: flutuar 5s ease-in-out infinite;
}
.hero-flutuante .icone-flutuante{
  flex:none; width:38px; height:38px; border-radius:10px;
  background: rgba(200,106,58,0.12); color: var(--cobre);
  display:flex; align-items:center; justify-content:center;
}
.hero-flutuante .icone-flutuante svg{ width:20px; height:20px; }
.hero-flutuante strong{ display:block; font-size:14px; color: var(--azul); font-weight:700; }
.hero-flutuante span{ font-size:12px; color: var(--texto-suave); }

.hero-flutuante--1{ top:8%; left:-8%; }
.hero-flutuante--2{ bottom:10%; left:-10%; animation-delay:.6s; max-width:210px; }

.hero-selo-circular{
  position:absolute; top:-6%; right:6%; z-index:2;
  width:76px; height:76px; border-radius:50%;
  background: linear-gradient(135deg, var(--cobre), var(--cobre-2));
  display:flex; align-items:center; justify-content:center;
  box-shadow: 0 14px 30px rgba(200,106,58,0.4);
  animation: flutuar 5s ease-in-out infinite; animation-delay:.3s;
}
.hero-selo-circular svg{ width:28px; height:28px; color:#fff; }

.hero-linhas{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  opacity:.5;
}
.hero-linhas svg{ width:100%; height:100%; }

@keyframes flutuar{
  0%, 100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}
@media (prefers-reduced-motion: reduce){
  .hero-flutuante, .hero-selo-circular{ animation:none; }
}

@media (max-width: 980px){
  .hero-grid{ grid-template-columns: 1fr; }
  .hero-visual{ max-width:420px; margin:40px auto 0; }
  .hero-flutuante--1, .hero-flutuante--2{ left:4%; }
}

/* ---------- Placeholder de imagem (banco de imagens a substituir) ---------- */
.img-placeholder{
  position: relative;
  border-radius: var(--radius);
  overflow:hidden;
  background: linear-gradient(135deg, var(--azul) 0%, var(--azul-2) 55%, var(--cobre) 150%);
  display:flex; align-items:center; justify-content:center;
  min-height: 220px;
  color: rgba(255,255,255,0.65);
  text-align:center;
}
.img-placeholder::before{
  content:"";
  position:absolute; inset:0;
  background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0.04) 0 2px, transparent 2px 14px);
}
.img-placeholder span{
  position:relative; font-size:13px; font-weight:600; letter-spacing:.04em;
  padding: 8px 16px; border:1px dashed rgba(255,255,255,0.5); border-radius: 100px;
}
.img-placeholder--claro{
  background: linear-gradient(135deg, #d7dde3 0%, #b9c2cb 60%, #cf8f6c 150%);
  color: rgba(15,47,74,0.6);
}
.img-placeholder--claro span{ border-color: rgba(15,47,74,0.35); }

.foto{
  width:100%; height:100%; object-fit:cover; display:block;
  border-radius: var(--radius);
}

/* ---------- Grid / Cards ---------- */
.grid{ display:grid; gap: 28px; }
.grid-3{ grid-template-columns: repeat(3, 1fr); }
.grid-2{ grid-template-columns: repeat(2, 1fr); }
.grid-4{ grid-template-columns: repeat(4, 1fr); }

/* ---------- Bento (serviços) ---------- */
.servicos-bento{
  display:grid; grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(190px, auto); gap: 24px;
}
.servicos-bento .card{ display:flex; flex-direction:column; }
.servicos-bento .card--destaque{
  grid-column: span 2; grid-row: span 2;
  color:#fff; background-size:cover; background-position:center;
  justify-content:flex-end;
}
.servicos-bento .card--destaque::after{
  content:""; position:absolute; inset:0; z-index:0;
  background: linear-gradient(200deg, rgba(15,47,74,0.55) 0%, rgba(15,47,74,0.9) 100%);
}
.servicos-bento .card--destaque > *{ position:relative; z-index:1; }
.servicos-bento .card--destaque h3{ color:#fff; font-size:24px; }
.servicos-bento .card--destaque p{ color: rgba(242,241,237,0.85); }
.servicos-bento .card--destaque .link-saiba-mais{ color:#fff; }
@media (max-width: 980px){
  .servicos-bento{ grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; }
  .servicos-bento .card--destaque{ grid-column: span 2; grid-row: span 1; min-height:280px; }
}
@media (max-width: 620px){
  .servicos-bento{ grid-template-columns: 1fr; }
  .servicos-bento .card--destaque{ grid-column: span 1; }
}

.card{
  position:relative;
  background:#fff; border:1px solid var(--borda); border-radius: var(--radius);
  padding: 32px; transition: var(--transicao);
  overflow:hidden;
}
.card::before{
  content:""; position:absolute; top:0; left:0; right:0; height:4px;
  background: linear-gradient(90deg, var(--cobre), var(--azul));
  transform: scaleX(0); transform-origin:left; transition: transform .4s ease;
}
.card:hover{ transform: translateY(-6px); box-shadow: var(--sombra-forte); border-color: transparent; }
.card:hover::before{ transform: scaleX(1); }
.card .icone{
  width:56px; height:56px; border-radius:14px; background: rgba(200,106,58,0.12);
  display:flex; align-items:center; justify-content:center; margin-bottom:20px;
  color: var(--cobre); font-size:24px; font-weight:700; font-family: var(--fonte-display);
}
.icone-svg svg{ width:26px; height:26px; }
.footer-social a svg{ width:18px; height:18px; }
.contato-info-item .icone svg{ width:20px; height:20px; }
.card h3{ font-size:19px; margin-bottom:10px; }
.card p{ font-size:15px; margin-bottom:18px; }
.card .link-saiba-mais{ font-weight:600; font-size:14px; color: var(--cobre); }
.card .link-saiba-mais:hover{ text-decoration: underline; }

.card-servico-img{ border-radius: var(--radius) var(--radius) 0 0; overflow:hidden; }
.card-servico{ padding:0; overflow:hidden; }
.card-servico .conteudo{ padding: 26px 26px 30px; }

/* ---------- Quem somos / sobre ---------- */
.sobre-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items:center; }
.foto-tabs{ position:relative; }
.foto-tabs .tab{
  position:absolute; z-index:2;
  padding: 14px 20px; border-radius: 14px 14px 14px 4px;
  font-family: var(--fonte-display); font-weight:700; font-size:14px;
  box-shadow: var(--sombra-forte);
  transition: transform .35s ease;
}
.foto-tabs:hover .tab{ transform: translateY(-4px); }
.foto-tabs .tab--1{
  background: var(--azul); color:#fff;
  bottom:14%; left:-8%; transform: rotate(-6deg);
}
.foto-tabs .tab--2{
  background: linear-gradient(135deg, var(--cobre), var(--cobre-2)); color:#fff;
  bottom:2%; left:8%; transform: rotate(4deg);
}
.foto-tabs .tab--3{
  background: rgba(255,255,255,0.75); backdrop-filter: blur(10px);
  border:1px solid rgba(255,255,255,0.6); color: var(--azul);
  top:8%; right:-6%; transform: rotate(-3deg);
  display:flex; align-items:center; gap:10px;
}
.foto-tabs .tab--3 svg{ width:18px; height:18px; color: var(--cobre); }
@media (max-width: 980px){
  .foto-tabs .tab--1, .foto-tabs .tab--2{ left:4%; }
  .foto-tabs .tab--3{ right:4%; }
}
.mvv-grid{ display:grid; grid-template-columns: repeat(2,1fr); gap:24px; margin-top: 40px; }
.mvv-card{
  background: var(--branco); border-radius: var(--radius); padding: 28px;
  border-left: 4px solid var(--cobre); transition: var(--transicao);
}
.mvv-card:hover{ transform: translateY(-4px); box-shadow: var(--sombra); }
.mvv-card h3{ font-size:19px; margin-bottom:8px; font-family: var(--fonte-display); }
.mvv-card p{ margin:0; font-size:15px; }

.valores-lista{ display:grid; grid-template-columns: repeat(3,1fr); gap:16px; margin-top:24px; }
.valores-lista li{
  background:#fff; border:1px solid var(--borda); border-radius:8px; padding:14px 18px;
  font-weight:600; font-size:14px; color: var(--azul); transition: var(--transicao);
}
.valores-lista li:hover{ border-color: var(--cobre); color: var(--cobre); transform: translateY(-2px); }

/* ---------- Diferenciais ---------- */
.check-lista{ display:grid; grid-template-columns: repeat(2,1fr); gap:18px; }
.check-item{
  display:flex; gap:14px; align-items:flex-start;
  padding:16px; border-radius: var(--radius);
  background: rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08);
  transition: var(--transicao);
}
.check-item:hover{
  background: rgba(255,255,255,0.08); border-color: rgba(200,106,58,0.4);
  transform: translateY(-3px);
}
.check-item .marca{
  flex:none; width:32px; height:32px; border-radius:50%;
  background: linear-gradient(135deg, var(--cobre), var(--cobre-2));
  color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700;
  box-shadow: 0 6px 14px rgba(200,106,58,0.35);
}
.check-item p{ margin:0; color: rgba(242,241,237,0.9); font-weight:500; }

/* ---------- Metodologia ---------- */
.metodologia{
  display:grid; grid-template-columns: repeat(5,1fr); gap:0;
  counter-reset: passo; margin-top:44px; position:relative;
}
.metodologia::before{
  content:""; position:absolute; top:24px; left:calc(10% + 24px); right:calc(10% + 24px);
  height:2px; background: linear-gradient(90deg, var(--cobre), var(--borda) 90%);
  z-index:0;
}
.passo{ position:relative; padding: 0 18px 0 0; text-align:left; z-index:1; }
.passo .num{
  width:48px; height:48px; border-radius:50%;
  background: linear-gradient(135deg, var(--cobre), var(--cobre-2)); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-weight:600; font-family: var(--fonte-display); font-size:19px;
  margin-bottom:16px; box-shadow: 0 0 0 6px var(--branco-puro), 0 8px 18px rgba(200,106,58,0.3);
  transition: transform .3s ease;
}
.passo:hover .num{ transform: scale(1.1) rotate(-6deg); }
.passo-label{
  display:block; font-size:11px; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color: var(--cobre); margin-bottom:6px;
}
.passo h3{ font-size:16px; margin-bottom:6px; }
.passo p{ font-size:14px; margin:0; }

/* ---------- Segmentos ---------- */
.tags-segmentos{ display:flex; flex-wrap:wrap; gap:12px; }
.tag-segmento{
  padding: 12px 22px; border-radius:100px; background:#fff; border:1px solid var(--borda);
  font-weight:600; font-size:14px; color: var(--azul); transition: var(--transicao);
}
.tag-segmento:hover{ border-color: var(--cobre); color: var(--cobre); transform: translateY(-3px); }

.marquee-segmentos{
  overflow:hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.marquee-segmentos .tags-segmentos{
  flex-wrap:nowrap; width:max-content;
  animation: rolarSegmentos 26s linear infinite;
}
.marquee-segmentos:hover .tags-segmentos{ animation-play-state: paused; }
.tag-segmento{ white-space:nowrap; }
@keyframes rolarSegmentos{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
  .marquee-segmentos .tags-segmentos{ animation:none; }
}

/* ---------- FAQ ---------- */
.faq-lista{ width: 100%; }
.faq-item{ border-bottom: 1px solid var(--borda); transition: var(--transicao); }
.faq-item:hover{ border-color: var(--cobre); }
.faq-pergunta{
  width:100%; text-align:left; background:none; border:none; cursor:pointer;
  padding: 24px 4px; font-family: var(--fonte); font-size:18px; font-weight:600; color: var(--azul);
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  transition: var(--transicao);
}
.faq-item:hover .faq-pergunta{ color: var(--cobre); }
.faq-pergunta .sinal{
  flex:none; width:32px; height:32px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:20px; color: var(--cobre); background: rgba(200,106,58,0.1);
  transition: var(--transicao);
}
.faq-item.aberto .faq-pergunta{ color: var(--cobre); }
.faq-item.aberto .sinal{ transform: rotate(135deg); background: var(--cobre); color:#fff; }
.faq-resposta{
  max-height:0; overflow:hidden; transition: max-height .3s ease;
}
.faq-resposta p{ padding: 0 4px 24px; margin:0; font-size:16px; }

/* ---------- CTA final ---------- */
.cta-final{
  position:relative; overflow:hidden;
  background: linear-gradient(120deg, var(--cobre) 0%, var(--cobre-2) 100%);
  color:#fff; text-align:center; padding: 80px 24px; border-radius: 24px;
  margin: 0 24px;
}
.cta-final::before{
  content:""; position:absolute; width:340px; height:340px; border-radius:50%;
  border:1px dashed rgba(255,255,255,0.3); top:-140px; left:-100px; pointer-events:none;
}
.cta-final::after{
  content:""; position:absolute; width:220px; height:220px; border-radius:50%;
  background: rgba(15,47,74,0.18); bottom:-120px; right:-60px; pointer-events:none;
}
.cta-final > *{ position:relative; z-index:1; }
.cta-final h2{ color:#fff; margin-bottom:14px; }
.cta-final p{ color: rgba(255,255,255,0.9); max-width:520px; margin: 0 auto 30px; }
.cta-final .btn--outline{ border-color:#fff; }

/* ---------- Blog teaser / cards de post ---------- */
.post-card{ background:#fff; border:1px solid var(--borda); border-radius: var(--radius); overflow:hidden; transition: var(--transicao); }
.post-card:hover{ box-shadow: var(--sombra); transform: translateY(-4px); }
.post-card .conteudo{ padding:24px; }
.post-card .categoria{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color: var(--cobre); margin-bottom:10px; display:block; }
.post-card h3{ font-size:18px; margin-bottom:10px; }
.post-card p{ font-size:14px; }

/* ---------- Formulário ---------- */
.form-contato{ display:grid; gap:18px; }
.form-linha{ display:grid; grid-template-columns: 1fr 1fr; gap:18px; }
.campo{ display:flex; flex-direction:column; gap:8px; }
.campo label{ font-size:13px; font-weight:600; color: var(--azul); }
.campo input, .campo textarea, .campo select{
  font-family: var(--fonte); font-size:15px; padding: 13px 16px; border:1px solid var(--borda);
  border-radius:8px; background:#fff; color: var(--texto);
}
.campo input:focus, .campo textarea:focus, .campo select:focus{ outline:2px solid var(--cobre); outline-offset:1px; }
.form-msg{ font-size:14px; font-weight:600; padding:12px 16px; border-radius:8px; display:none; }
.form-msg.sucesso{ display:block; background: rgba(15,47,74,0.08); color: var(--azul); }

.contato-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 56px; }
.contato-info-item{ display:flex; gap:16px; align-items:flex-start; margin-bottom:24px; }
.contato-info-item .icone{
  flex:none; width:44px; height:44px; border-radius:10px; background: var(--branco);
  display:flex; align-items:center; justify-content:center; color: var(--cobre); font-size:18px;
}
.contato-info-item h3{ font-size:15px; margin-bottom:4px; color: var(--azul); }
.contato-info-item p{ margin:0; font-size:15px; }

/* ---------- Footer ---------- */
.footer{
  position:relative; overflow:hidden;
  background: linear-gradient(175deg, var(--azul) 0%, var(--azul-2) 100%);
  color: rgba(242,241,237,0.85); padding: 64px 0 28px;
}
.footer::before{
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background: linear-gradient(90deg, var(--cobre), var(--azul-2) 60%, var(--cobre));
}
.footer::after{
  content:""; position:absolute; width:300px; height:300px; border-radius:50%;
  background: radial-gradient(circle, rgba(200,106,58,0.14), transparent 70%);
  bottom:-140px; right:8%; pointer-events:none;
}
.footer .container{ position:relative; z-index:1; }
.footer-grid{ display:grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 48px; }
.footer h4{ color:#fff; font-size:15px; margin-bottom:18px; font-family: var(--fonte-display); }
.footer .logo{ color:#fff; margin-bottom:14px; display:inline-block; }
.footer p{ color: rgba(242,241,237,0.65); font-size:14px; }
.footer ul li{ margin-bottom:10px; }
.footer ul li a{ font-size:14px; color: rgba(242,241,237,0.75); transition: var(--transicao); }
.footer ul li a:hover{ color: var(--cobre); padding-left:4px; }
.footer-social{ display:flex; gap:12px; margin-top:16px; }
.footer-social a{
  width:38px; height:38px; border-radius:50%; border:1px solid rgba(242,241,237,0.25);
  display:flex; align-items:center; justify-content:center; font-size:14px;
  transition: var(--transicao);
}
.footer-social a:hover{ background: var(--cobre); border-color: var(--cobre); transform: translateY(-3px); }
.footer-baixo{
  border-top: 1px solid rgba(242,241,237,0.15); padding-top:24px;
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:13px;
  color: rgba(242,241,237,0.55);
}

/* ---------- Página interna (hero simples) ---------- */
.hero-interno{
  position:relative; overflow:hidden;
  background: linear-gradient(155deg, var(--azul) 0%, var(--azul-2) 100%);
  color:#fff; padding: 100px 0 68px; text-align:center;
}
.hero-interno::before{
  content:""; position:absolute; width:380px; height:380px; border-radius:50%;
  background: radial-gradient(circle, rgba(200,106,58,0.3), transparent 70%);
  top:-160px; right:-100px; pointer-events:none;
}
.hero-interno .container{ position:relative; z-index:1; }
.hero-interno h1{ color:#fff; margin-bottom: 12px; font-size: clamp(32px, 4vw, 44px); }
.hero-interno p{ color: rgba(242,241,237,0.8); max-width:640px; margin: 0 auto; }
.breadcrumb{ font-size:13px; color: rgba(242,241,237,0.6); margin-bottom:16px; }
.breadcrumb a{ color: rgba(242,241,237,0.85); }
.breadcrumb a:hover{ color: var(--cobre); }

.lista-topicos{ display:grid; gap:14px; margin: 20px 0 0; }
.lista-topicos li{
  display:flex; gap:12px; align-items:flex-start; font-size:16px; color: var(--texto);
  background: var(--branco); padding: 16px 18px; border-radius:8px;
}
.lista-topicos li::before{ content:"✓"; color: var(--cobre); font-weight:700; }

.servicos-relacionados{ margin-top:24px; }

/* ---------- Animações de entrada ---------- */
@keyframes surgir{
  from{ opacity:0; transform: translateY(28px); }
  to{ opacity:1; transform: translateY(0); }
}
@keyframes surgirEsq{
  from{ opacity:0; transform: translateX(-32px); }
  to{ opacity:1; transform: translateX(0); }
}
@keyframes surgirDir{
  from{ opacity:0; transform: translateX(32px); }
  to{ opacity:1; transform: translateX(0); }
}
.reveal{
  opacity:0; transform: translateY(28px);
  transition: opacity .7s cubic-bezier(.22,.68,0,1), transform .7s cubic-bezier(.22,.68,0,1);
  transition-delay: var(--atraso, 0s);
}
.reveal.reveal--esq{ transform: translateX(-32px); }
.reveal.reveal--dir{ transform: translateX(32px); }
.reveal.visivel{ opacity:1; transform: translate(0,0); }

.hero-conteudo > *{ animation: surgir .8s cubic-bezier(.22,.68,0,1) both; }
.hero-conteudo > *:nth-child(1){ animation-delay: .05s; }
.hero-conteudo > *:nth-child(2){ animation-delay: .15s; }
.hero-conteudo > *:nth-child(3){ animation-delay: .25s; }
.hero-conteudo > *:nth-child(4){ animation-delay: .35s; }

@media (prefers-reduced-motion: reduce){
  .reveal{ opacity:1; transform:none; transition:none; }
  .hero-conteudo > *{ animation:none; }
}

/* ---------- Micro-interações ---------- */
.card, .post-card, .mvv-card, .tag-segmento, .check-item, .passo{
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.card:hover .icone{ transform: scale(1.1) rotate(-4deg); transition: transform .3s ease; }
.tag-segmento:hover{ transform: translateY(-3px); box-shadow: var(--sombra); }
.post-card .foto{ transition: transform .5s ease; }
.post-card:hover .foto{ transform: scale(1.06); }
.btn{ transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.btn--cobre:hover{ box-shadow: 0 10px 24px rgba(200,106,58,0.35); }
.nav-desktop a::after{
  content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px;
  background: var(--cobre); transition: width .3s ease;
}
.nav-desktop a:hover::after{ width:100%; }
.logo img{ transition: transform .3s ease; }
.logo:hover img{ transform: scale(1.04); }

/* ---------- Utilidades ---------- */
.text-center{ text-align:center; }
.mt-0{ margin-top:0; }
.mb-0{ margin-bottom:0; }
.centralizado{ margin-left:auto; margin-right:auto; }

/* =========================================================
   RESPONSIVO
   ========================================================= */
@media (max-width: 980px){
  .nav-desktop, .header-cta .btn{ display:none; }
  .btn-menu-mobile{ display:flex; }
  .sobre-grid, .contato-grid{ grid-template-columns: 1fr; }
  .grid-3, .grid-4{ grid-template-columns: repeat(2,1fr); }
  .mvv-grid, .check-lista{ grid-template-columns: 1fr; }
  .valores-lista{ grid-template-columns: repeat(2,1fr); }
  .metodologia{ grid-template-columns: repeat(1,1fr); gap:28px; }
  .metodologia::before{ top:0; bottom:0; left:24px; right:auto; width:2px; height:auto; background: linear-gradient(180deg, var(--cobre), var(--borda) 90%); }
  .footer-grid{ grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px){
  .secao{ padding: 60px 0; }
  .grid-3, .grid-4, .grid-2{ grid-template-columns: 1fr; }
  .form-linha{ grid-template-columns: 1fr; }
  .footer-grid{ grid-template-columns: 1fr; }
  .footer-baixo{ flex-direction:column; }
  .cta-final{ margin:0 12px; padding: 56px 20px; }
  .valores-lista{ grid-template-columns: 1fr; }
  .hero{ padding: 110px 0 70px; }
}