/* =========================================================
   ESTEVAM ENGENHARIA — INDUSTRIAL PREMIUM 2026
   Paleta extraída da marca: laranja #D47F00 / grafite #424242
   Camada visual pública. Não altera painel, dados ou segurança.
   ========================================================= */

:root {
  --brand-orange: #D47F00;
  --brand-orange-bright: #EC9100;
  --brand-orange-dark: #854A00;
  --brand-graphite: #424242;
  --brand-charcoal: #292929;
  --brand-charcoal-2: #353535;
  --brand-gray: #757575;
  --brand-line: #DEDAD2;
  --brand-ivory: #F7F4EE;
  --brand-paper: #FCFBF8;
  --brand-white: #FFFFFF;

  /* harmoniza também o CSS antigo já embutido nas páginas */
  --cor-primaria: var(--brand-orange) !important;
  --cor-primaria-hover: var(--brand-orange-dark) !important;
  --cor-secundaria: var(--brand-graphite) !important;
  --cor-fundo-escuro: var(--brand-charcoal) !important;
  --cor-titulos: var(--brand-charcoal) !important;
  --cor-texto: #5E5B57 !important;
  --cor-verde: var(--brand-orange) !important;

  --premium-shadow: 0 20px 55px rgba(37, 32, 26, .10);
  --premium-shadow-strong: 0 30px 85px rgba(24, 21, 18, .22);
  --premium-radius: 18px;
}

html { scroll-padding-top: 92px; }
body {
  font-family: 'Manrope', 'Segoe UI', Arial, sans-serif !important;
  background: var(--brand-paper) !important;
  color: #5E5B57 !important;
}
h1,h2,h3,h4,.secao-titulo,.numero {
  font-family: 'Space Grotesk','Manrope','Segoe UI',sans-serif !important;
}
::selection { background: rgba(212,127,0,.24); color: var(--brand-charcoal); }

/* =========================================================
   HEADER — claro e preciso, valorizando a logo
   ========================================================= */
.page-home .header,
.page-detail .header {
  background: rgba(255,255,255,.96) !important;
  border-bottom: 1px solid rgba(66,66,66,.10) !important;
  box-shadow: 0 10px 38px rgba(34,31,27,.06) !important;
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
}
.page-home .header.scrolled {
  background: rgba(255,255,255,.985) !important;
  box-shadow: 0 12px 42px rgba(34,31,27,.10) !important;
}
.page-home .logo img,
.page-detail .logo img {
  filter: drop-shadow(0 5px 12px rgba(0,0,0,.06));
}
.page-home .header .nav-desktop a,
.page-detail .header a {
  color: #4A4845 !important;
  font-weight: 700 !important;
}
.page-home .header .nav-desktop a:hover,
.page-detail .header a:hover {
  color: var(--brand-orange-dark) !important;
  background: rgba(212,127,0,.08) !important;
}
.page-home .menu-mobile-btn { color: var(--brand-graphite) !important; }
.page-home .nav-mobile {
  background: rgba(255,255,255,.99) !important;
  border-top: 1px solid #EEEAE3 !important;
}
.page-home .nav-mobile a { color: var(--brand-graphite) !important; }
.page-home .nav-mobile a:hover { color: var(--brand-orange-dark) !important; }

/* WhatsApp segue a identidade visual para não introduzir outra cor */
.btn-whatsapp-header,
.btn-whatsapp,
.btn-whatsapp-cta,
.page-home .btn-whatsapp-header {
  background: linear-gradient(135deg, var(--brand-orange-bright), var(--brand-orange)) !important;
  color: #fff !important;
  border: 1px solid rgba(133,74,0,.18) !important;
  box-shadow: 0 10px 28px rgba(212,127,0,.22) !important;
}
.btn-whatsapp-header:hover,
.btn-whatsapp:hover,
.btn-whatsapp-cta:hover {
  background: linear-gradient(135deg, var(--brand-orange), var(--brand-orange-dark)) !important;
  box-shadow: 0 14px 34px rgba(133,74,0,.28) !important;
  transform: translateY(-2px);
}

/* =========================================================
   HERO — grafite premium + luz âmbar, sem azul
   ========================================================= */
.page-home .hero {
  min-height: 700px !important;
  padding: 145px 0 88px !important;
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 13% 20%, rgba(236,145,0,.21), transparent 30%),
    radial-gradient(circle at 80% 42%, rgba(212,127,0,.10), transparent 34%),
    linear-gradient(128deg, #2A2927 0%, #353432 48%, #42413E 100%) !important;
  border-bottom: 1px solid rgba(212,127,0,.24) !important;
}
.page-home .hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  left: 0 !important;
  top: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.040) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.040) 1px, transparent 1px) !important;
  background-size: 46px 46px !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.75) 60%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.75) 60%, transparent 100%);
}
.page-home .hero::after {
  content: '' !important;
  position: absolute !important;
  width: 520px !important;
  height: 520px !important;
  right: -190px !important;
  top: 135px !important;
  border: 1px solid rgba(236,145,0,.20) !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow:
    0 0 0 56px rgba(212,127,0,.030),
    0 0 0 112px rgba(212,127,0,.016) !important;
}
.page-home .hero-content {
  max-width: 1200px !important;
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0,1.04fr) minmax(380px,.96fr) !important;
  gap: 72px !important;
  align-items: center !important;
  text-align: left !important;
}
.hero-copy { max-width: 680px; }
.hero-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 17px !important;
  color: #E8E3DA !important;
  font-size: .77rem !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}
.hero-kicker::before {
  content: '';
  width: 31px;
  height: 2px;
  background: linear-gradient(90deg,var(--brand-orange-bright),transparent);
}
.page-home .badge {
  margin-bottom: 22px !important;
  padding: 9px 15px !important;
  border-radius: 999px !important;
  background: rgba(212,127,0,.14) !important;
  border: 1px solid rgba(236,145,0,.38) !important;
  color: #FFC56A !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
  font-size: .78rem !important;
  letter-spacing: .02em !important;
}
.page-home .hero h1,
.page-home .hero h1 * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
.page-home .hero h1 {
  max-width: 720px !important;
  margin-bottom: 22px !important;
  font-size: clamp(3rem,5.6vw,5rem) !important;
  line-height: .98 !important;
  letter-spacing: -.052em !important;
  text-shadow: 0 12px 38px rgba(0,0,0,.23) !important;
}
.page-home .hero h1 .accent {
  color: var(--brand-orange-bright) !important;
  -webkit-text-fill-color: var(--brand-orange-bright) !important;
}
.page-home .hero p.hero-description {
  max-width: 610px !important;
  margin: 0 0 30px !important;
  color: #D8D4CD !important;
  font-size: 1.08rem !important;
  line-height: 1.72 !important;
}
.page-home .hero-botoes {
  justify-content: flex-start !important;
  gap: 12px !important;
  margin: 0 0 38px !important;
}
.page-home .hero .btn-primary {
  min-height: 52px !important;
  padding: 14px 23px !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg,var(--brand-orange-bright),var(--brand-orange)) !important;
  border: 1px solid rgba(255,196,94,.14) !important;
  color: #fff !important;
  box-shadow: 0 15px 34px rgba(212,127,0,.24) !important;
}
.page-home .hero .btn-primary:hover {
  background: linear-gradient(135deg,var(--brand-orange),var(--brand-orange-dark)) !important;
  transform: translateY(-3px) !important;
}
.btn-tech-secondary {
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 14px 23px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  background: rgba(255,255,255,.075) !important;
  color: #F2EEE7 !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  transition: .25s ease !important;
}
.btn-tech-secondary:hover {
  border-color: rgba(236,145,0,.65) !important;
  background: rgba(212,127,0,.11) !important;
  color: #fff !important;
  transform: translateY(-3px) !important;
}

/* números com acabamento de painel, sem parecer card genérico */
.page-home .hero-numeros {
  justify-content: flex-start !important;
  gap: 9px !important;
  margin: 0 !important;
}
.page-home .numero-item {
  min-width: 126px !important;
  padding: 13px 17px !important;
  text-align: left !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.045)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.page-home .numero {
  margin: 0 0 2px !important;
  color: #fff !important;
  font-size: 1.85rem !important;
  line-height: 1 !important;
}
.page-home .rotulo {
  color: #BFBAB2 !important;
  font-size: .69rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

/* painel técnico */
.hero-tech-visual {
  position: relative !important;
  min-height: 500px !important;
  display: grid !important;
  place-items: center !important;
}
.tech-orbit {
  position: absolute !important;
  border: 1px solid rgba(236,145,0,.17) !important;
  border-radius: 50% !important;
}
.tech-orbit.o1 { width: 430px !important; height: 430px !important; animation: techSpin 25s linear infinite !important; }
.tech-orbit.o2 { width: 320px !important; height: 320px !important; border-style: dashed !important; border-color: rgba(255,255,255,.12) !important; animation: techSpinReverse 20s linear infinite !important; }
.tech-orbit-dot {
  width: 10px !important; height: 10px !important; border-radius: 50% !important;
  background: var(--brand-orange-bright) !important;
  box-shadow: 0 0 22px rgba(236,145,0,.72) !important;
  position: absolute !important; top: 47px !important; left: 44px !important;
}
.tech-panel {
  width: min(100%,440px) !important;
  position: relative !important;
  z-index: 2 !important;
  padding: 25px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015)),
    #2C2C2B !important;
  box-shadow: 0 30px 78px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter: blur(14px) !important;
}
.tech-panel-top { display:flex !important; align-items:center !important; justify-content:space-between !important; margin-bottom:24px !important; }
.tech-status {
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  color:#E7E2DA !important; font-size:.69rem !important; font-weight:800 !important;
  letter-spacing:.09em !important; text-transform:uppercase !important;
}
.tech-status::before {
  content:'' !important; width:8px !important; height:8px !important; border-radius:50% !important;
  background:var(--brand-orange-bright) !important;
  box-shadow:0 0 15px rgba(236,145,0,.66) !important;
}
.tech-code { color:#AFAAA2 !important; font-family:ui-monospace,SFMono-Regular,Menlo,monospace !important; font-size:.68rem !important; }
.tech-core {
  height: 215px !important;
  display:grid !important; place-items:center !important; position:relative !important; overflow:hidden !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  background:
    radial-gradient(circle at center,rgba(212,127,0,.18),transparent 37%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    #20201F !important;
  background-size:auto,26px 26px,26px 26px,auto !important;
}
.tech-crosshair { position:absolute !important; inset:23px !important; border:1px dashed rgba(236,145,0,.17) !important; border-radius:50% !important; }
.tech-gear {
  width:112px !important; height:112px !important; border-radius:50% !important;
  display:grid !important; place-items:center !important;
  border:1px solid rgba(236,145,0,.58) !important;
  color:var(--brand-orange-bright) !important; font-size:2.65rem !important;
  box-shadow:0 0 0 17px rgba(212,127,0,.055),0 0 52px rgba(212,127,0,.15) !important;
  animation:techFloat 4s ease-in-out infinite !important;
}
.tech-metrics { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:8px !important; margin-top:13px !important; }
.tech-metric {
  padding:11px 10px !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.035) !important;
}
.tech-metric strong { display:block !important; color:#fff !important; font-size:.89rem !important; }
.tech-metric span { display:block !important; color:#AFAAA2 !important; font-size:.61rem !important; margin-top:2px !important; text-transform:uppercase !important; letter-spacing:.06em !important; }
.tech-float-card {
  position:absolute !important; z-index:3 !important;
  padding:10px 13px !important; border-radius:10px !important;
  background:#FFFDF9 !important; color:#383633 !important;
  border:1px solid rgba(212,127,0,.15) !important;
  box-shadow:0 15px 35px rgba(20,18,16,.20) !important;
  font-size:.72rem !important; font-weight:900 !important;
}
.tech-float-card i { color:var(--brand-orange) !important; margin-right:6px !important; }
.tech-float-card.c1 { top:58px !important; right:-2px !important; }
.tech-float-card.c2 { bottom:58px !important; left:-16px !important; }
@keyframes techSpin { to { transform:rotate(360deg); } }
@keyframes techSpinReverse { to { transform:rotate(-360deg); } }
@keyframes techFloat { 50% { transform:translateY(-7px); } }

/* =========================================================
   ESPECIALIDADES — navegação viva e claramente clicável
   ========================================================= */
.tech-trust-strip {
  position:relative !important;
  background:
    linear-gradient(90deg,rgba(212,127,0,.045),transparent 25%,transparent 75%,rgba(212,127,0,.045)),
    #F4F1EA !important;
  border-top:1px solid #E1DDD5 !important;
  border-bottom:1px solid #DDD8CF !important;
  color:var(--brand-graphite) !important;
}
.tech-trust-inner {
  min-height:106px !important;
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
}
.tech-trust-title {
  color:#6B665F !important;
  font-size:.68rem !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.13em !important;
  white-space:nowrap !important;
}
.tech-chips { display:flex !important; gap:9px !important; flex-wrap:wrap !important; }
a.tech-chip,.tech-chip {
  min-height:39px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  padding:9px 13px !important;
  border-radius:10px !important;
  border:1px solid #D8D2C8 !important;
  background:#FFFDF9 !important;
  color:#55514B !important;
  text-decoration:none !important;
  font-size:.76rem !important;
  font-weight:700 !important;
  box-shadow:0 5px 14px rgba(47,42,35,.04) !important;
  transition:.22s ease !important;
  cursor:pointer !important;
}
.tech-chip b { color:var(--brand-orange-dark) !important; font-weight:900 !important; }
.tech-chip::after {
  content:'→' !important;
  color:var(--brand-orange) !important;
  font-size:.84rem !important;
  margin-left:4px !important;
  transition:transform .22s ease !important;
}
.tech-chip:hover,.tech-chip:focus-visible {
  transform:translateY(-3px) !important;
  background:#fff !important;
  border-color:rgba(212,127,0,.65) !important;
  color:#302E2B !important;
  box-shadow:0 12px 28px rgba(133,74,0,.11) !important;
  outline:none !important;
}
.tech-chip:hover::after,.tech-chip:focus-visible::after { transform:translateX(3px) !important; }

/* =========================================================
   RITMO DAS SEÇÕES — contraste intencional, não aleatório
   ========================================================= */
.page-home .carrossel-section,
.page-home .servicos,
.page-home .sobre,
.page-home .contato { padding:100px 0 !important; }
.page-home .carrossel-section { background:#FCFBF8 !important; }
.page-home .servicos {
  background:
    linear-gradient(rgba(66,66,66,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(66,66,66,.026) 1px,transparent 1px),
    #F1EEE8 !important;
  background-size:42px 42px !important;
}
.page-home .sobre {
  background:
    radial-gradient(circle at 86% 12%,rgba(212,127,0,.11),transparent 27%),
    linear-gradient(132deg,#2B2A28,#3B3A37) !important;
  color:#D7D2CA !important;
}
.page-home .contato { background:#FCFBF8 !important; }
.section-kicker {
  margin-bottom:10px !important;
  text-align:center !important;
  color:var(--brand-orange) !important;
  font-size:.70rem !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.15em !important;
}
.page-home .secao-titulo {
  color:#2E2C29 !important;
  font-size:clamp(2rem,4vw,3.05rem) !important;
  letter-spacing:-.042em !important;
}
.page-home .secao-titulo::after {
  display:block !important;
  width:44px !important;
  height:3px !important;
  margin:15px auto 0 !important;
  background:linear-gradient(90deg,var(--brand-orange),var(--brand-orange-bright)) !important;
  border-radius:4px !important;
}
.page-home .secao-subtitulo {
  max-width:620px !important;
  margin:0 auto 48px !important;
  color:#77716A !important;
}
.page-home .sobre .section-kicker,
.page-home .sobre .secao-titulo { text-align:left !important; }
.page-home .sobre .secao-titulo { color:#fff !important; }
.page-home .sobre .secao-titulo::after { margin-left:0 !important; }

/* Projetos */
.page-home .meuSwiper { padding:6px 4px 54px !important; }
.page-home .swiper-slide {
  border-radius:16px !important;
  overflow:hidden !important;
  background:#252422 !important;
  border:1px solid #E1DDD5 !important;
  box-shadow:0 18px 46px rgba(38,33,27,.10) !important;
  transition:transform .35s ease,box-shadow .35s ease !important;
}
.page-home .swiper-slide:hover {
  transform:translateY(-7px) !important;
  box-shadow:0 28px 66px rgba(38,33,27,.17) !important;
}
.page-home .swiper-slide img { min-height:330px !important; object-fit:cover !important; transition:transform .55s ease,filter .55s ease !important; }
.page-home .swiper-slide:hover img { transform:scale(1.045) !important; filter:saturate(1.02) contrast(1.03) !important; }
.page-home .slide-info {
  padding:75px 25px 25px !important;
  background:linear-gradient(transparent,rgba(33,31,29,.96)) !important;
}
.page-home .slide-info h3 { color:#fff !important; font-size:1.24rem !important; }
.page-home .slide-info p { color:#CCC6BD !important; }
.page-home .swiper-button-next,
.page-home .swiper-button-prev {
  width:44px !important; height:44px !important; border-radius:50% !important;
  background:#FFFDF9 !important;
  color:var(--brand-orange) !important;
  border:1px solid #DED8CF !important;
  box-shadow:0 10px 24px rgba(45,40,34,.10) !important;
}
.page-home .swiper-button-next:hover,
.page-home .swiper-button-prev:hover { background:var(--brand-orange) !important; color:#fff !important; }
.page-home .swiper-button-next::after,
.page-home .swiper-button-prev::after { font-size:16px !important; font-weight:900 !important; }
.page-home .swiper-pagination-bullet { background:#BBAF9E !important; }
.page-home .swiper-pagination-bullet-active { background:var(--brand-orange) !important; }

/* Serviços */
.page-home .servicos-grid { gap:18px !important; }
.page-home .servico-card {
  min-height:250px !important;
  position:relative !important;
  overflow:hidden !important;
  padding:26px !important;
  border-radius:15px !important;
  border:1px solid #DED9D0 !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 10px 30px rgba(48,42,35,.055) !important;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease !important;
}
.page-home .servico-card::before {
  content:'' !important;
  position:absolute !important; left:0 !important; top:0 !important;
  width:4px !important; height:0 !important;
  background:linear-gradient(var(--brand-orange-bright),var(--brand-orange)) !important;
  transition:.32s ease !important;
}
.page-home .servico-card::after {
  content:'↗' !important;
  position:absolute !important; right:20px !important; top:19px !important;
  width:31px !important; height:31px !important;
  display:grid !important; place-items:center !important;
  border-radius:50% !important;
  background:#F1EDE5 !important; color:#817A71 !important;
  font-weight:900 !important; transition:.3s ease !important;
}
.page-home .servico-card:hover {
  transform:translateY(-7px) !important;
  border-color:rgba(212,127,0,.42) !important;
  box-shadow:0 24px 52px rgba(48,42,35,.115) !important;
}
.page-home .servico-card:hover::before { height:100% !important; }
.page-home .servico-card:hover::after { background:var(--brand-orange) !important; color:#fff !important; transform:rotate(45deg) !important; }
.page-home .servico-icone {
  width:62px !important; height:62px !important; border-radius:14px !important;
  margin:0 0 22px !important;
  background:linear-gradient(145deg,#F7EBD8,#EFE0C6) !important;
  color:var(--brand-orange-dark) !important;
  box-shadow:inset 0 0 0 1px rgba(212,127,0,.11) !important;
}
.page-home .servico-icone img { width:100% !important; height:100% !important; object-fit:cover !important; border-radius:14px !important; }
.page-home .servico-card h3 { color:#302E2B !important; font-size:1.08rem !important; padding-right:30px !important; }
.page-home .servico-card p { color:#78726A !important; font-size:.89rem !important; }
.page-home .btn-ver-mais {
  border-radius:10px !important;
  background:#343330 !important;
  border:1px solid #343330 !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(44,41,37,.12) !important;
}
.page-home .btn-ver-mais:hover {
  background:var(--brand-orange) !important;
  border-color:var(--brand-orange) !important;
  transform:translateY(-2px) !important;
}

/* Sobre */
.page-home .sobre-content { gap:72px !important; align-items:center !important; }
.page-home .sobre-texto p { color:#CFC9C0 !important; font-size:1.02rem !important; line-height:1.82 !important; }
.page-home .sobre-lista li {
  color:#F2EEE7 !important;
  padding:12px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.085) !important;
}
.page-home .sobre-lista i { color:var(--brand-orange-bright) !important; }
.page-home .sobre .btn-primary {
  background:linear-gradient(135deg,var(--brand-orange-bright),var(--brand-orange)) !important;
  color:#fff !important;
}
.page-home .sobre-imagem { position:relative !important; }
.page-home .sobre-imagem::before {
  content:'ESTEVAM / MEC' !important;
  position:absolute !important; z-index:3 !important; top:-14px !important; right:20px !important;
  padding:8px 11px !important; border-radius:7px !important;
  background:var(--brand-orange) !important; color:#fff !important;
  font-size:.65rem !important; font-weight:900 !important; letter-spacing:.10em !important;
}
.page-home .sobre-imagem img,
.page-home .imagem-placeholder {
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  box-shadow:0 30px 76px rgba(0,0,0,.30) !important;
}

/* Contato */
.page-home .contato-grid { gap:26px !important; align-items:stretch !important; }
.page-home .contato-info,
.page-home .contato-form {
  border-radius:16px !important;
  border:1px solid #E1DDD5 !important;
  background:#fff !important;
  box-shadow:0 17px 46px rgba(45,40,34,.07) !important;
}
.page-home .contato-info { padding:29px !important; }
.page-home .info-item {
  margin-bottom:11px !important;
  padding:17px !important;
  border-radius:12px !important;
  border:1px solid #EAE6DE !important;
  background:#F8F5EF !important;
}
.page-home .info-item > i {
  width:42px !important; height:42px !important; display:grid !important; place-items:center !important;
  border-radius:10px !important;
  color:var(--brand-orange-dark) !important;
  background:#EFE2CE !important;
}
.page-home .contato-form { padding:29px !important; }
.page-home .contato-form input,
.page-home .contato-form textarea {
  padding:14px 15px !important;
  border-radius:10px !important;
  border:1px solid #DDD7CD !important;
  background:#FAF8F4 !important;
  color:#3E3B37 !important;
}
.page-home .contato-form input:focus,
.page-home .contato-form textarea:focus {
  outline:none !important;
  border-color:rgba(212,127,0,.75) !important;
  box-shadow:0 0 0 4px rgba(212,127,0,.09) !important;
}

/* =========================================================
   FOOTER / CHAT
   ========================================================= */
.page-home .footer-completo,
.page-detail .footer {
  background:#282725 !important;
  border-top:1px solid rgba(236,145,0,.18) !important;
}
.page-home .footer-cta {
  border-radius:16px !important;
  border:1px solid rgba(212,127,0,.25) !important;
  background:linear-gradient(120deg,rgba(212,127,0,.13),rgba(255,255,255,.025)) !important;
}
.page-home .footer-completo a { transition:.2s ease !important; }
.page-home .footer-completo a:hover { color:#F0A02B !important; }
.admin-footer-link { color:#A8A199 !important; }
.admin-footer-link:hover { color:#F0A02B !important; }
.page-home .chat-window {
  border-radius:18px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:0 30px 80px rgba(25,22,19,.28) !important;
}
.page-home .chat-header { background:linear-gradient(135deg,#3E3C39,#292826) !important; }
.page-home .chat-float-btn {
  background:linear-gradient(145deg,var(--brand-orange-bright),var(--brand-orange)) !important;
  box-shadow:0 16px 42px rgba(212,127,0,.30) !important;
}
.page-home .voltar-topo { background:var(--brand-orange) !important; color:#fff !important; }
.page-home .social-link,
.page-home .redes-sociais a,
.page-home .footer-social a { color:var(--brand-orange-bright) !important; }

/* =========================================================
   PÁGINAS DE PROJETO / SERVIÇO
   ========================================================= */
.page-detail { background:#F7F4EE !important; color:#625D56 !important; }
.page-detail .logo span { color:var(--brand-graphite) !important; }
.page-detail .btn-social-top {
  color:var(--brand-graphite) !important;
  border-color:#D8D2C8 !important;
  background:#fff !important;
}
.page-detail .hero-detalhe {
  padding:92px 0 82px !important;
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 84% 16%,rgba(212,127,0,.16),transparent 26%),
    linear-gradient(132deg,#292826,#3B3936) !important;
}
.page-detail .hero-detalhe::before {
  content:'' !important;
  position:absolute !important; inset:0 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) !important;
  background-size:44px 44px !important;
}
.page-detail .hero-detalhe-content { position:relative !important; z-index:2 !important; gap:68px !important; }
.page-detail .hero-texto::before {
  content:'ESTEVAM / ENGENHARIA MECÂNICA' !important;
  display:block !important;
  margin-bottom:17px !important;
  color:#F2A52F !important;
  font-size:.68rem !important; font-weight:900 !important; letter-spacing:.14em !important;
}
.page-detail .hero-texto h1 { color:#fff !important; font-size:clamp(2.4rem,5vw,4rem) !important; letter-spacing:-.045em !important; }
.page-detail .hero-texto .desc-curta { color:#F1B65D !important; }
.page-detail .hero-texto .texto-detalhado { color:#CDC7BE !important; line-height:1.8 !important; }
.page-detail .hero-imagem {
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 35px 78px rgba(0,0,0,.32) !important;
}
.page-detail .hero-imagem::after { border-radius:18px !important; }
.page-detail .btn-voltar {
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.page-detail .beneficios { padding:90px 0 !important; background:#F7F4EE !important; }
.page-detail .beneficios h2 { color:#302E2B !important; font-size:clamp(2rem,4vw,2.8rem) !important; letter-spacing:-.035em !important; }
.page-detail .beneficios-grid { gap:16px !important; }
.page-detail .beneficio-card {
  padding:24px !important;
  text-align:left !important;
  border-radius:14px !important;
  border:1px solid #DFD9CF !important;
  background:#fff !important;
  box-shadow:0 12px 32px rgba(45,40,34,.06) !important;
}
.page-detail .beneficio-card > i {
  width:44px !important; height:44px !important; display:grid !important; place-items:center !important;
  margin-bottom:16px !important; border-radius:10px !important;
  color:var(--brand-orange-dark) !important; background:#F1E3CE !important;
}
.page-detail .beneficio-card h3 { color:#302E2B !important; }
.page-detail .footer { color:#AAA39A !important; padding:30px 0 !important; }
.page-detail .footer a { color:#C7C0B7 !important; }
.page-detail .footer a:hover { color:#F0A02B !important; }

/* animação de entrada */
.reveal-tech { opacity:0; transform:translateY(22px); transition:opacity .68s ease,transform .68s ease; }
.reveal-tech.is-visible { opacity:1; transform:none; }

/* =========================================================
   RESPONSIVO
   ========================================================= */
@media (max-width:980px) {
  .page-home .hero { min-height:auto !important; padding:124px 0 72px !important; }
  .page-home .hero-content { grid-template-columns:1fr !important; gap:42px !important; }
  .hero-copy { max-width:760px !important; }
  .hero-tech-visual { min-height:420px !important; }
  .tech-orbit.o1 { width:370px !important; height:370px !important; }
  .tech-orbit.o2 { width:280px !important; height:280px !important; }
  .tech-panel { max-width:420px !important; }
  .tech-trust-inner { align-items:flex-start !important; flex-direction:column !important; padding-top:18px !important; padding-bottom:18px !important; gap:10px !important; }
  .page-detail .hero-detalhe-content { grid-template-columns:1fr !important; }
}
@media (max-width:680px) {
  .page-home .header-content { min-height:70px !important; }
  .page-home .logo { max-width:220px !important; }
  .page-home .hero { padding:108px 0 58px !important; }
  .page-home .hero h1 { font-size:clamp(2.65rem,13vw,3.9rem) !important; }
  .page-home .hero p.hero-description { font-size:1rem !important; }
  .page-home .hero-botoes { display:grid !important; grid-template-columns:1fr !important; width:100% !important; }
  .page-home .hero-botoes > * { width:100% !important; justify-content:center !important; }
  .page-home .hero-numeros { display:grid !important; grid-template-columns:repeat(3,1fr) !important; width:100% !important; }
  .page-home .numero-item { min-width:0 !important; padding:12px 9px !important; }
  .page-home .numero { font-size:1.4rem !important; }
  .page-home .rotulo { font-size:.54rem !important; }
  .hero-tech-visual { min-height:338px !important; }
  .tech-orbit.o1 { width:298px !important; height:298px !important; }
  .tech-orbit.o2 { width:224px !important; height:224px !important; }
  .tech-panel { width:92% !important; padding:18px !important; }
  .tech-core { height:168px !important; }
  .tech-float-card { font-size:.63rem !important; }
  .tech-float-card.c1 { top:25px !important; right:0 !important; }
  .tech-float-card.c2 { bottom:25px !important; left:0 !important; }
  .tech-trust-inner { display:block !important; padding:18px 20px !important; }
  .tech-trust-title { display:block !important; margin-bottom:10px !important; }
  .tech-chips { flex-wrap:nowrap !important; overflow-x:auto !important; padding-bottom:5px !important; }
  .tech-chip { white-space:nowrap !important; }
  .page-home .carrossel-section,.page-home .servicos,.page-home .sobre,.page-home .contato { padding:72px 0 !important; }
  .page-home .swiper-slide img { min-height:280px !important; }
  .page-home .servico-card { min-height:auto !important; }
  .page-home .contato-form,.page-home .contato-info { padding:20px !important; }
  .page-detail .hero-detalhe { padding:70px 0 58px !important; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
  .reveal-tech { opacity:1 !important; transform:none !important; }
}


/* =========================================================
   UPGRADE 2026-08 — SERVIÇOS + CENTRAL TÉCNICA
   ========================================================= */

/* CENTRAL TÉCNICA — agora funcional */
.hero-tech-visual {
  min-height: 440px !important;
}
.tech-panel-util {
  width: min(100%, 470px) !important;
  padding: 24px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(236,145,0,.16), transparent 30%),
    linear-gradient(145deg, rgba(30,29,27,.98), rgba(46,44,41,.98)) !important;
  border: 1px solid rgba(236,145,0,.25) !important;
  box-shadow: 0 32px 76px rgba(0,0,0,.30) !important;
}
.tech-panel-util::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) !important;
  background-size: 28px 28px !important;
  mask-image: linear-gradient(to bottom,#000,transparent 88%) !important;
}
.tech-panel-util > * { position: relative !important; z-index: 1 !important; }
.tech-util-header {
  display: grid !important;
  grid-template-columns: 54px 1fr !important;
  gap: 15px !important;
  align-items: center !important;
  padding: 18px 0 20px !important;
  margin-bottom: 6px !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
}
.tech-util-icon {
  width: 54px !important;
  height: 54px !important;
  border-radius: 14px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  font-size: 1.18rem !important;
  background: linear-gradient(145deg,var(--brand-orange-bright),var(--brand-orange-dark)) !important;
  box-shadow: 0 12px 26px rgba(212,127,0,.23) !important;
}
.tech-util-copy strong {
  display: block !important;
  color: #fff !important;
  font-family: 'Space Grotesk','Manrope',sans-serif !important;
  font-size: 1.22rem !important;
  line-height: 1.15 !important;
  letter-spacing: -.02em !important;
}
.tech-util-copy span {
  display: block !important;
  margin-top: 5px !important;
  color: #BDB7AE !important;
  font-size: .76rem !important;
  line-height: 1.45 !important;
}
.tech-metrics-links {
  display: grid !important;
  grid-template-columns: repeat(3,1fr) !important;
  gap: 9px !important;
  margin-top: 16px !important;
}
a.tech-metric-link {
  min-width: 0 !important;
  padding: 13px 12px 12px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  transition: .22s ease !important;
}
a.tech-metric-link:hover,
a.tech-metric-link:focus-visible {
  transform: translateY(-3px) !important;
  background: rgba(212,127,0,.11) !important;
  border-color: rgba(236,145,0,.45) !important;
  outline: none !important;
}
a.tech-metric-link strong {
  display: block !important;
  color: #FFF8ED !important;
  font-size: .9rem !important;
}
a.tech-metric-link span {
  min-height: 28px !important;
  display: block !important;
  color: #AAA49B !important;
  font-size: .60rem !important;
  line-height: 1.25 !important;
}
a.tech-metric-link em {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  margin-top: 10px !important;
  padding-top: 9px !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  color: #E9A33B !important;
  font-style: normal !important;
  font-size: .60rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}
.tech-util-cta {
  min-height: 48px !important;
  margin-top: 13px !important;
  padding: 0 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  color: #2B2926 !important;
  background: linear-gradient(135deg,#F4AE42,var(--brand-orange)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 12px 30px rgba(212,127,0,.20) !important;
  transition: .22s ease !important;
}
.tech-util-cta:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 17px 36px rgba(212,127,0,.28) !important;
}
.tech-util-cta span { display:flex !important; align-items:center !important; gap:9px !important; }
.tech-util-cta b { color:#231F1B !important; font-size:.78rem !important; }
a.tech-float-card {
  text-decoration: none !important;
  cursor: pointer !important;
}
a.tech-float-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(212,127,0,.48) !important;
  box-shadow: 0 18px 40px rgba(20,18,16,.26) !important;
}

/* SERVIÇOS — composição editorial e profissional */
.page-home .servicos {
  position: relative !important;
  overflow: hidden !important;
  padding: 108px 0 116px !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(212,127,0,.08), transparent 29%),
    linear-gradient(rgba(66,66,66,.021) 1px, transparent 1px),
    linear-gradient(90deg,rgba(66,66,66,.021) 1px, transparent 1px),
    #F5F2EC !important;
  background-size: auto, 44px 44px, 44px 44px, auto !important;
}
.page-home .servicos::before {
  content: 'ESTEVAM' !important;
  position: absolute !important;
  right: -22px !important;
  top: 30px !important;
  color: rgba(66,66,66,.035) !important;
  font: 900 clamp(5rem,12vw,11rem)/1 'Space Grotesk',sans-serif !important;
  letter-spacing: -.06em !important;
  pointer-events: none !important;
}
.servicos-cabecalho {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 44px !important;
  align-items: end !important;
  margin-bottom: 48px !important;
  padding-bottom: 28px !important;
  border-bottom: 1px solid #DCD6CC !important;
}
.servicos-cabecalho-texto .section-kicker,
.servicos-cabecalho-texto .secao-titulo,
.servicos-cabecalho-texto .secao-subtitulo {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.servicos-cabecalho-texto .section-kicker { margin-bottom: 7px !important; }
.servicos-cabecalho-texto .secao-titulo {
  margin-bottom: 13px !important;
  font-size: clamp(2.4rem,4.3vw,3.35rem) !important;
}
.servicos-cabecalho-texto .secao-titulo::after { margin-left: 0 !important; }
.servicos-cabecalho-texto .secao-subtitulo {
  margin-bottom: 0 !important;
  max-width: 640px !important;
  color: #726B62 !important;
}
.servicos-cabecalho-marca {
  min-width: 235px !important;
  padding: 16px 18px !important;
  border-left: 3px solid var(--brand-orange) !important;
  text-align: right !important;
}
.servicos-cabecalho-marca span {
  display: block !important;
  color: var(--brand-orange) !important;
  font: 900 1.02rem/1 'Space Grotesk',sans-serif !important;
  letter-spacing: .16em !important;
}
.servicos-cabecalho-marca strong {
  display: block !important;
  margin-top: 5px !important;
  color: #6D675F !important;
  font-size: .59rem !important;
  letter-spacing: .17em !important;
}
.page-home .servicos-grid {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 20px !important;
}
.page-home .servico-card {
  min-height: 292px !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 24px 24px 20px !important;
  border: 1px solid #DCD6CC !important;
  border-radius: 13px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(251,249,245,.98)) !important;
  box-shadow: 0 13px 34px rgba(48,42,35,.07) !important;
  cursor: pointer !important;
}
.page-home .servico-card::before {
  width: 100% !important;
  height: 3px !important;
  left: 0 !important;
  top: 0 !important;
  background: linear-gradient(90deg,var(--brand-orange),rgba(212,127,0,.08) 70%,transparent) !important;
  opacity: .78 !important;
}
.page-home .servico-card::after { display: none !important; }
.page-home .servico-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(212,127,0,.52) !important;
  box-shadow: 0 25px 58px rgba(48,42,35,.13) !important;
}
.servico-card-topo {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-bottom: 23px !important;
}
.servico-numero {
  color: #B7AFA5 !important;
  font: 800 .71rem/1 'Space Grotesk',sans-serif !important;
  letter-spacing: .12em !important;
}
.page-home .servico-icone {
  width: 78px !important;
  height: 78px !important;
  flex: 0 0 78px !important;
  margin: 0 !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  background: #EFE8DC !important;
  border: 1px solid rgba(212,127,0,.13) !important;
  box-shadow: none !important;
}
.page-home .servico-icone img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  transition: transform .35s ease !important;
}
.page-home .servico-card:hover .servico-icone img { transform: scale(1.07) !important; }
.page-home .servico-icone i {
  color: var(--brand-orange-dark) !important;
  font-size: 1.38rem !important;
}
.servico-card-conteudo { flex: 1 1 auto !important; }
.page-home .servico-card h3 {
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #302D29 !important;
  font-size: 1.13rem !important;
  line-height: 1.25 !important;
  letter-spacing: -.018em !important;
}
.page-home .servico-card p {
  margin: 0 !important;
  color: #746E66 !important;
  font-size: .88rem !important;
  line-height: 1.58 !important;
}
.servico-card-acao {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-top: 19px !important;
  padding-top: 15px !important;
  border-top: 1px solid #ECE7DF !important;
  color: #5C5751 !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .055em !important;
}
.servico-card-acao i {
  width: 31px !important;
  height: 31px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: var(--brand-orange-dark) !important;
  background: #F2E6D3 !important;
  transition: .25s ease !important;
}
.page-home .servico-card:hover .servico-card-acao i {
  color: #fff !important;
  background: var(--brand-orange) !important;
  transform: translateX(3px) !important;
}
.page-home .ver-mais-container {
  margin-top: 34px !important;
  text-align: center !important;
}
.page-home .btn-ver-mais {
  min-width: 230px !important;
  min-height: 48px !important;
  border-radius: 8px !important;
  background: #383531 !important;
  border-color: #383531 !important;
  letter-spacing: .015em !important;
}

/* Responsivo desta atualização */
@media (max-width: 980px) {
  .servicos-cabecalho { grid-template-columns: 1fr !important; gap: 18px !important; }
  .servicos-cabecalho-marca { display: none !important; }
  .page-home .servicos-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .tech-metrics-links { grid-template-columns: repeat(3,1fr) !important; }
}
@media (max-width: 680px) {
  .page-home .servicos { padding: 78px 0 86px !important; }
  .servicos-cabecalho { margin-bottom: 30px !important; }
  .page-home .servicos-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  .page-home .servico-card { min-height: auto !important; padding: 20px !important; }
  .page-home .servico-icone { width: 68px !important; height: 68px !important; flex-basis: 68px !important; }
  .hero-tech-visual { min-height: 410px !important; }
  .tech-panel-util { width: 96% !important; padding: 17px !important; }
  .tech-util-header { grid-template-columns: 46px 1fr !important; gap: 11px !important; padding: 12px 0 16px !important; }
  .tech-util-icon { width: 46px !important; height: 46px !important; }
  .tech-metrics-links { grid-template-columns: 1fr !important; gap: 7px !important; }
  a.tech-metric-link { display:grid !important; grid-template-columns: 72px 1fr auto !important; align-items:center !important; gap:8px !important; }
  a.tech-metric-link span { min-height:0 !important; }
  a.tech-metric-link em { margin:0 !important; padding:0 !important; border:0 !important; }
  a.tech-metric-link em i { display:none !important; }
  .tech-float-card { display:none !important; }
}

/* =========================================================
   AJUSTE 2026-08 — POSICIONAMENTO + VER MAIS + CONTRASTE
   ========================================================= */

/* Navegação um pouco menos branca para integrar melhor logo e Hero */
.page-home .header,
.page-detail .header {
  background: rgba(243,240,234,.985) !important;
  border-bottom: 1px solid rgba(66,66,66,.10) !important;
}

/* Aproximadamente 5% mais profundo no Hero, preservando a paleta da marca */
.page-home .hero {
  background:
    radial-gradient(circle at 13% 20%, rgba(236,145,0,.20), transparent 30%),
    radial-gradient(circle at 80% 42%, rgba(212,127,0,.09), transparent 34%),
    linear-gradient(128deg, #252422 0%, #302F2D 48%, #3A3936 100%) !important;
}

/* O selo Engenharia aplicada não cobre mais a CTA da Central Técnica */
@media (min-width: 981px) {
  .page-home .hero-tech-visual .tech-float-card.c2 {
    left: auto !important;
    right: 18px !important;
    bottom: 4px !important;
  }
}
@media (min-width: 681px) and (max-width: 980px) {
  .page-home .hero-tech-visual .tech-float-card.c2 {
    left: auto !important;
    right: 8px !important;
    bottom: 2px !important;
  }
}

/* Botão Ver mais / Ver menos com estado claro e área de clique garantida */
.page-home .ver-mais-container {
  position: relative !important;
  z-index: 6 !important;
}
.page-home .btn-ver-mais {
  position: relative !important;
  z-index: 7 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  user-select: none !important;
}
.page-home .btn-ver-mais[aria-expanded="true"] {
  background: var(--brand-orange) !important;
  border-color: var(--brand-orange) !important;
  color: #fff !important;
}
.page-home .btn-ver-mais[aria-expanded="true"]:hover {
  background: var(--brand-orange-dark) !important;
  border-color: var(--brand-orange-dark) !important;
}

/* Mantém o recolhimento dos serviços inequívoco, inclusive com CSS externo */
.page-home .servico-card.extra-escondido {
  display: none !important;
}


/* =========================================================
   AJUSTE — ENQUADRAMENTO REAL DA IMAGEM DA SEÇÃO SOBRE
   ========================================================= */
.page-home .sobre-imagem {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
}

.page-home .sobre-imagem > img,
.page-home .sobre-imagem > .imagem-placeholder {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 500px !important;
  height: 380px !important;
  margin: 0 auto !important;
  background: #F4F0E8 !important;
  border-radius: 18px !important;
}

.page-home .sobre-imagem > img {
  padding: 28px !important;
  object-fit: contain !important;
  object-position: center center !important;
  box-sizing: border-box !important;
}

.page-home .sobre-imagem > .imagem-placeholder {
  padding: 0 !important;
}

@media (max-width: 768px) {
  .page-home .sobre-content {
    grid-template-columns: 1fr !important;
  }

  .page-home .sobre-imagem {
    width: 100% !important;
    margin: 0 auto !important;
  }

  .page-home .sobre-imagem > img,
  .page-home .sobre-imagem > .imagem-placeholder {
    width: min(100%, 500px) !important;
    height: 320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .page-home .sobre-imagem > img {
    padding: 22px !important;
  }
}