/* Correções aprovadas — rodada 2026F */

/* Ordem: mantém todas as seções existentes e inclui Instagram após o CTA final. */
.instagram-contact{order:14}

/* Menu mobile: somente as três barras, sem placa ou fundo. */
@media(max-width:980px){
  .site-header .menu-toggle{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 10px!important}
  .site-header .menu-toggle span{background:#fff!important;border-radius:999px}
}

/* Hero: card externo com pequena sobreposição e canais maiores junto do botão. */
.phone-stage .sales-dashboard{left:-82px;bottom:76px;width:174px;transform:rotateY(8deg) rotateZ(-2deg);text-align:left}
.hero-platforms{bottom:76px;gap:10px}
.hero-platforms span{width:54px;height:54px;flex-basis:54px}
.hero-services-button{bottom:10px}

/* Entenda Melhor: retorna ao fundo branco em degradê. */
.video-section{color:var(--ink);background:radial-gradient(circle at 12% 12%,rgba(22,184,255,.14),transparent 32%),radial-gradient(circle at 90% 88%,rgba(41,224,121,.11),transparent 30%),linear-gradient(180deg,#fff,#f4f9ff)}
.video-section .section-head.dark h2{color:#07182f}
.video-section .section-label{color:#0873a9;border-color:rgba(22,184,255,.28);background:rgba(22,184,255,.08)}

/* Serviços: aproxima imagem e título, com movimento discreto. */
.services .service-grid .service-image{height:232px;margin:0 -8px -18px}
.services .service-grid .service-image img{transition:transform .38s ease,filter .38s ease}
.services .service-grid article:hover .service-image img{transform:scale(1.035)}
.services .service-grid h3{margin-top:0}
.services .sales-team-card .service-image img{width:91%;height:91%;margin:auto}

/* Nossa Comunidade: ícones verdes e maiores. */
.community-list img{width:46px!important;height:46px!important;object-fit:contain;filter:sepia(1) saturate(7) hue-rotate(78deg) brightness(1.05)}
.community-list li{gap:14px}

/* Instagram na área de contato. */
.instagram-contact{text-align:center}
.instagram-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:900px;margin:0 auto 30px}
.instagram-gallery a{display:block;aspect-ratio:1/1;border-radius:24px;overflow:hidden;background:#eaf2fb;box-shadow:0 18px 42px rgba(7,34,73,.16)}
.instagram-gallery img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s ease}
.instagram-gallery a:hover img{transform:scale(1.035)}
.instagram-button{margin-inline:auto}

/* Movimento leve do WhatsApp. */
.whatsapp-float{animation:whatsappGentle 3.8s ease-in-out infinite;transition:transform .25s ease,filter .25s ease}
.whatsapp-float:hover{transform:scale(1.05);filter:brightness(1.06)}
@keyframes whatsappGentle{0%,100%{translate:0 0}50%{translate:0 -5px}}

@media(max-width:680px){
  .phone-stage .sales-dashboard{left:-58px;bottom:60px;width:136px;padding:9px 10px}
  .hero-platforms{bottom:70px;gap:7px}
  .hero-platforms span{width:47px;height:47px;flex-basis:47px}
  .hero-services-button{bottom:4px}
  .services .service-grid .service-image{height:220px;margin-bottom:-16px}
  .community-list img{width:42px!important;height:42px!important}
  .instagram-gallery{gap:9px}
  .instagram-gallery a{border-radius:16px}
}

@media(max-width:380px){
  .phone-stage .sales-dashboard{left:-48px;width:128px}
  .hero-platforms{gap:5px}
  .hero-platforms span{width:42px;height:42px;flex-basis:42px}
}

@media(prefers-reduced-motion:reduce){
  .whatsapp-float{animation:none!important}
  .services .service-grid .service-image img,.instagram-gallery img{transition:none!important}
}