:root{--ww-primary:#2b3d97;--ww-secondary:#00a64f;--ww-accent:#e87722;--ww-ink:#0a1228}

/* Tipografia: Inter em tudo */
body,#Wrapper,.wpb_text_column,.wpb_wrapper,p,li,a,td,th,input,textarea,select,button{
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  letter-spacing:-0.005em;
}
h1,h2,h3,h4,h5,h6,.title,.subtitle{
  font-family:"Inter",system-ui,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-0.02em!important;
}
h1{font-weight:800!important;letter-spacing:-0.03em!important}
.button,.btn,a.button{
  font-family:"Inter",system-ui,sans-serif!important;
  font-weight:600!important;
}



/* Footer credits — limpos */
#Footer .credits,#Footer .copyright{font-size:.875rem;letter-spacing:.01em}

/* Crédito Sacra Automation no rodapé */
.ww-credit{display:inline-block;margin-left:.5em;font-size:.825rem;color:rgba(255,255,255,.55);letter-spacing:.01em}
.ww-credit a{color:rgba(255,255,255,.78);text-decoration:none;font-weight:600;border-bottom:1px dotted rgba(255,255,255,.4);transition:color .2s,border-color .2s}
.ww-credit a:hover{color:#fff;border-bottom-color:#fff}
@media(max-width:768px){.ww-credit{display:block;margin:.5em 0 0;text-align:center}}

/* === HERO PRÓPRIO (substitui Slider Revolution) === */
/* Esconder slider antigo */
.mfn-main-slider, .mfn-rev-slider, #rev_slider_1_1_wrapper, rs-module-wrap { display:none !important; height:0 !important; visibility:hidden !important; }

/* Hero novo */
.ww-hero {
  position: relative;
  min-height: 78vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  isolation: isolate;
  background-color: #0a1228;
}
.ww-hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image: url('/wp-content/uploads/2025/10/a7d566b2-30c1-486c-9c00-c55dc761d963.jpg');
  background-size: cover;
  background-position: center;
  filter: grayscale(0.25) brightness(0.55);
  animation: ww-hero-zoom 20s ease-in-out infinite alternate;
  z-index: -2;
}
.ww-hero::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(115deg, rgba(10,18,40,0.85) 0%, rgba(43,61,151,0.65) 45%, rgba(10,18,40,0.5) 100%);
  z-index: -1;
}
@keyframes ww-hero-zoom {
  from { transform: scale(1) translateZ(0); }
  to   { transform: scale(1.06) translateZ(0); }
}
.ww-hero-inner {
  max-width: 76rem;
  margin: 0 auto;
  padding: 6rem 1.5rem;
  width: 100%;
  color: white;
}
.ww-hero-eyebrow {
  display: inline-block;
  font-size: .85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .15em;
  color: #ffb074;
  margin-bottom: 1.25rem;
  padding-left: 3.25rem;
  position: relative;
}
.ww-hero-eyebrow::before {
  content: '';
  position: absolute;
  left: 0; top: 50%; transform: translateY(-50%);
  width: 2.5rem; height: 2px;
  background: #ffb074;
}
.ww-hero .ww-hero-title {
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(2.25rem, 5.5vw, 4.5rem) !important;
  font-weight: 800 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.035em !important;
  color: white !important;
  margin: 0 0 1.5rem !important;
  max-width: 32ch;
}
.ww-hero-sub {
  font-size: clamp(1.05rem, 1.6vw, 1.375rem);
  line-height: 1.55;
  color: rgba(255,255,255,0.85);
  max-width: 38rem;
  margin: 0 0 2.5rem;
}
.ww-hero-ctas {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  align-items: center;
}
.ww-hero-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none !important;
  transition: transform .2s, background .2s, box-shadow .2s;
  font-family: 'Inter', sans-serif;
  letter-spacing: 0.01em;
}
.ww-hero-cta.primary {
  background: #e87722;
  color: white !important;
  box-shadow: 0 4px 14px rgba(232,119,34,0.35);
}
.ww-hero-cta.primary:hover {
  background: #c8590b;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(232,119,34,0.45);
}
.ww-hero-cta.ghost {
  color: white !important;
  border: 1px solid rgba(255,255,255,0.4);
}
.ww-hero-cta.ghost:hover {
  background: rgba(255,255,255,0.12);
  border-color: white;
  transform: translateY(-2px);
}
.ww-hero-scroll {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255,255,255,0.55);
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  animation: ww-bounce 2s ease-in-out infinite;
}
@keyframes ww-bounce {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50%      { transform: translateX(-50%) translateY(8px); }
}
@media(max-width: 768px) {
  .ww-hero { min-height: 64vh; }
  .ww-hero-inner { padding: 4rem 1.5rem; }
  .ww-hero-eyebrow { padding-left: 0; }
  .ww-hero-eyebrow::before { display: none; }
  .ww-hero-scroll { display: none; }
}

/* Hero só aparece na home (body.home) */
.ww-hero { display: none; }
body.home .ww-hero { display: flex; }
/* Selo ISO no canto superior direito - PNG transparente, discreto */
.ww-iso-badge{
  position:fixed;
  top:14px;
  right:14px;
  width:56px;
  height:auto;
  z-index:99999;
  padding:0;
  background:transparent;
  border-radius:0;
  box-shadow:none;
  opacity:0.55;
  transition:opacity .25s ease, transform .25s ease;
  display:block;
}
.ww-iso-badge:hover{
  opacity:1;
  transform:scale(1.08);
}
.ww-iso-badge img{
  display:block;
  width:100%;
  height:auto;
}
@media(max-width:768px){
  .ww-iso-badge{width:42px;top:10px;right:10px}
}
@media print{.ww-iso-badge{display:none}}

/* === Missão/Visão/Valores — secção limpa própria === */
.ww-mvv-section {
  background:
    linear-gradient(rgba(28,31,32,0.92), rgba(28,31,32,0.92)),
    url('https://westwind.pt/wp-content/uploads/2020/10/factory3-bg.png') center/cover repeat;
  padding: 100px 24px 80px;
  color: white;
}
.ww-mvv-container {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ww-mvv-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 32px 40px;
  transition: background .25s ease, border-color .25s ease, transform .25s ease;
}
.ww-mvv-card:hover {
  background: rgba(255,255,255,0.06);
  border-color: rgba(0,166,79,0.4);
  transform: translateY(-2px);
}
.ww-mvv-head {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 14px;
}
.ww-mvv-icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #2b3d97, #4759b3);
  color: white;
  border-radius: 12px;
  flex-shrink: 0;
}
.ww-mvv-card h3 {
  margin: 0;
  color: white;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -.01em;
}
.ww-mvv-card p {
  margin: 0;
  color: rgba(255,255,255,0.78);
  font-size: 1rem;
  line-height: 1.65;
}
@media (max-width: 600px) {
  .ww-mvv-section { padding: 60px 16px; }
  .ww-mvv-card { padding: 24px 20px; }
  .ww-mvv-icon { width: 48px; height: 48px; }
  .ww-mvv-icon svg { width: 28px; height: 28px; }
  .ww-mvv-card h3 { font-size: 1.25rem; }
}

/* === Fundo personalizado West Wind (substitui branco-hospital por cinza-azulado subtil) === */
:root {
  --ww-bg-soft: #dde4ed;        /* cinza-azulado clarinho */
  --ww-bg-tint: #eef1f7;        /* tom alternativo */
  --ww-bg-warm: #f7f5f0;        /* leve toque quente alternativo */
}

/* Body global: cor de fundo subtil em vez de branco puro */
body {
  background-color: var(--ww-bg-soft) !important;
}

/* Secções que tinham background-color:#FFFFFF — manter brancas se tiverem cards/cards
   mas dar tom subtil ao restante */
.mcb-section[class*="mcb-section-"] {
  /* Override por id específico abaixo, este é fallback */
}

/* Faixa de fundo alternada para criar ritmo visual */
.mcb-section[class*="mcb-section-"]:nth-of-type(odd) {
  background-color: var(--ww-bg-soft);
}
.mcb-section[class*="mcb-section-"]:nth-of-type(even):not([style*="background-image"]):not([class*="dark"]) {
  background-color: #ffffff;
}

/* Textura de fundo subtil (noise pattern via SVG inline data URI) */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: 0.04;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' /%3E%3C/svg%3E");
}

/* Cards/conteúdo destacado — manter brancos para "respirarem" contra o fundo */
.mcb-wrap-inner[style*="background-color:#FFFFFF"],
.mcb-wrap-inner[style*="background-color: #FFFFFF"] {
  background-color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(43, 61, 151, 0.08) !important;
}

/* Header também mais translúcido sobre o fundo */
#Header_wrapper {
  background-color: rgba(255,255,255,0.92) !important;
  backdrop-filter: saturate(180%) blur(8px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(8px) !important;
}

/* Bordas decorativas indigo nas secções importantes (linha lateral subtil) */
.mcb-section-d37518a30,
.mcb-section-22b790995 {
  position: relative;
}

/* === Override fundo branco das secções (selectors específicos do post-9.css) === */
.mcb-section-bb4ddc516,
.mcb-section-4c66b4ff3,
.mcb-section-2f82e6663,
.mcb-section-c0f3cce5f,
.mcb-section-6d7f9e19d,
.mcb-section-d37518a30,
.mcb-section-22b790995 {
  background-color: var(--ww-bg-soft) !important;
}

/* Alternar: pares ficam ainda mais subtis (cinza-azulado), ímpares brancos para criar ritmo */
.mcb-section-4c66b4ff3,
.mcb-section-c0f3cce5f,
.mcb-section-d37518a30 {
  background-color: #ffffff !important;
}

/* === Cookie banner GDPR próprio === */
#ww-cookie-banner {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 99998;
  background: rgba(10, 18, 40, 0.95);
  backdrop-filter: saturate(180%) blur(12px);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  color: white;
  padding: 1rem 1.5rem;
  border-top: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 -8px 24px rgba(0,0,0,0.2);
  font-family: 'Inter', system-ui, sans-serif;
  transition: opacity .3s ease;
}
.ww-cb-inner {
  max-width: 76rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.ww-cb-text { flex: 1; min-width: 280px; }
.ww-cb-text strong { display: block; font-size: 1rem; margin-bottom: .25em; color: white; }
.ww-cb-text p { margin: 0; font-size: .9rem; line-height: 1.5; color: rgba(255,255,255,0.78); }
.ww-cb-text a { color: #ffb074; text-decoration: underline; }
.ww-cb-actions { display: flex; gap: .75rem; flex-shrink: 0; }
.ww-cb-btn {
  padding: .65rem 1.5rem;
  border-radius: .5rem;
  font-weight: 600;
  font-size: .9rem;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background .2s, transform .15s;
  font-family: inherit;
}
.ww-cb-btn:hover { transform: translateY(-1px); }
.ww-cb-accept { background: #e87722; color: white; }
.ww-cb-accept:hover { background: #c8590b; }
.ww-cb-reject { background: transparent; color: white; border-color: rgba(255,255,255,0.3); }
.ww-cb-reject:hover { background: rgba(255,255,255,0.08); }

/* Esconder plugin Cookie Yes / cookie-law-info (substituído pelo nosso) */
#cookie-law-info-bar,
.cky-consent-bar, .cky-consent-container, .cky-overlay,
.cli-style-v2, .cli-modal,
.cky-btn-revisit-wrapper,
[class*="cky-consent"], [class*="cli-consent"] {
  display: none !important;
}

@media (max-width: 640px) {
  .ww-cb-inner { flex-direction: column; align-items: stretch; gap: 1rem; }
  .ww-cb-actions { width: 100%; }
  .ww-cb-actions .ww-cb-btn { flex: 1; }
}

/* === FUNDO sutil em vez de branco puro (mantém cards/footer intactos) === */
.mcb-section-bb4ddc516,
.mcb-section-4c66b4ff3,
.mcb-section-2f82e6663,
.mcb-section-c0f3cce5f,
.mcb-section-6d7f9e19d,
.mcb-section-d37518a30,
.mcb-section-22b790995 {
  background-color: #dde4ed !important;
}
/* Body também — para footer baixo / áreas vazias */
body {
  background-color: #dde4ed !important;
}

/* === Catch-all: qualquer mcb-section com fundo branco inline ou via classe === */
[class*="mcb-section-"][style*="background-color:#FFFFFF"],
[class*="mcb-section-"][style*="background-color: #FFFFFF"] {
  background-color: #dde4ed !important;
}
/* Body fallback */
html, body {
  background-color: #dde4ed !important;
}
/* Garantir que o body do Betheme não impõe branco */
#Wrapper, .wp-singular {
  background-color: transparent !important;
}

/* === HERO SLIDER (substitui background estático) === */
.ww-hero {
  position: relative;
  min-height: 78vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  isolation: isolate;
  background: #0a1228;
}
.ww-hero::before { display: none; } /* desativa o background estático antigo */

.ww-hero-slides {
  position: absolute; inset: 0; z-index: -2;
}
.ww-hero-slide {
  position: absolute; inset: 0;
  background-size: cover;
  background-position: center;
  filter: grayscale(0.2) brightness(0.6);
  opacity: 0;
  transition: opacity 1.2s ease-in-out;
}
.ww-hero-slide.active {
  opacity: 1;
  animation: ww-hero-zoom 12s ease-in-out forwards;
}
@keyframes ww-hero-zoom {
  from { transform: scale(1); }
  to   { transform: scale(1.08); }
}

.ww-hero-overlay {
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(135deg, rgba(10,18,40,0.85) 0%, rgba(43,61,151,0.7) 50%, rgba(10,18,40,0.6) 100%);
}

/* Setas */
.ww-hero-arrow {
  position: absolute;
  top: 50%; transform: translateY(-50%);
  z-index: 5;
  width: 56px; height: 56px;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.25);
  color: white;
  font-size: 2rem; line-height: 1;
  border-radius: 50%;
  cursor: pointer;
  display: grid; place-items: center;
  transition: background .2s, transform .2s, border-color .2s;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.ww-hero-arrow:hover {
  background: rgba(255,255,255,0.22);
  border-color: rgba(255,255,255,0.5);
  transform: translateY(-50%) scale(1.08);
}
.ww-hero-arrow.prev { left: 24px; }
.ww-hero-arrow.next { right: 24px; }

/* Dots */
.ww-hero-dots {
  position: absolute;
  bottom: 24px; left: 50%; transform: translateX(-50%);
  z-index: 5;
  display: flex; gap: 10px;
}
.ww-hero-dot {
  width: 10px; height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,0.35);
  border: none;
  cursor: pointer;
  transition: background .2s, transform .2s;
}
.ww-hero-dot.active { background: #e87722; transform: scale(1.3); }
.ww-hero-dot:hover { background: rgba(255,255,255,0.6); }

@media (max-width: 768px) {
  .ww-hero-arrow { width: 40px; height: 40px; font-size: 1.5rem; }
  .ww-hero-arrow.prev { left: 8px; }
  .ww-hero-arrow.next { right: 8px; }
}

/* Transição smooth do texto do hero ao mudar slide */
.ww-hero-eyebrow, .ww-hero-title, .ww-hero-sub {
  transition: opacity 0.4s ease;
}

/* === HERO: only on home (override later .ww-hero rules) === */
body:not(.home) .ww-hero { display: none !important; }
body.home .ww-hero { display: flex !important; }

/* === Cookie Yes plugin: hide globally (we have our own banner) === */
#cookie-law-info-bar,
#cookie-notice,
.cli-modal-backdrop,
.cli-modal,
.cky-consent-container,
.cky-consent-bar,
.cky-modal,
.cky-overlay,
.cky-revisit-bottom-left,
.cky-revisit-bottom-right,
.cky-btn-revisit-wrapper,
[id^=cookie-law-info],
[class^=cookie-law-info],
[class*=cookieyes],
[class*=cookie-yes] { display: none !important; visibility: hidden !important; opacity: 0 !important; }

/* === HERO: overlay mais transparente + dots/arrows verdes West Wind === */
.ww-hero::after,
.ww-hero-overlay {
  background: linear-gradient(135deg, rgba(10,18,40,0.45) 0%, rgba(43,61,151,0.30) 50%, rgba(10,18,40,0.25) 100%) !important;
}

/* Setas: menores, verde West Wind, transparentes */
.ww-hero-arrow {
  width: 40px !important;
  height: 40px !important;
  background: rgba(0,166,79,0.18) !important;
  border: 1px solid rgba(0,166,79,0.45) !important;
  color: #ffffff !important;
  font-size: 1.6rem !important;
}
.ww-hero-arrow:hover {
  background: rgba(0,166,79,0.40) !important;
  border-color: rgba(0,166,79,0.85) !important;
}

/* Dots: menores e verdes */
.ww-hero-dot {
  width: 7px !important;
  height: 7px !important;
  background: rgba(0,166,79,0.40) !important;
}
.ww-hero-dot.active {
  background: #00a64f !important;
  transform: scale(1.4) !important;
}
.ww-hero-dot:hover {
  background: rgba(0,166,79,0.75) !important;
}

@media (max-width: 768px) {
  .ww-hero-arrow { width: 34px !important; height: 34px !important; font-size: 1.3rem !important; }
  .ww-hero-dot { width: 6px !important; height: 6px !important; }
}

/* === HERO dots/arrows: reforçar formato circular (override Betheme button) === */
.ww-hero .ww-hero-dot,
.ww-hero-dots .ww-hero-dot {
  width: 9px !important;
  height: 9px !important;
  min-width: 9px !important;
  min-height: 9px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  border: none !important;
  box-shadow: none !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  line-height: 0 !important;
  background: rgba(0,166,79,0.40) !important;
}
.ww-hero .ww-hero-dot.active {
  background: #00a64f !important;
  transform: scale(1.4) !important;
}
.ww-hero .ww-hero-dot:hover {
  background: rgba(0,166,79,0.75) !important;
}

.ww-hero .ww-hero-arrow {
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: rgba(0,166,79,0.18) !important;
  border: 1px solid rgba(0,166,79,0.45) !important;
  box-shadow: none !important;
  display: grid !important;
  place-items: center !important;
}

/* Esconder o 'SCROLL' totalmente — está poluindo o hero */
.ww-hero-scroll { display: none !important; }

/* === HERO: eyebrow (linha pequena com travessão) e CTA primário em verde === */
.ww-hero-eyebrow {
  color: #6fe09a !important;
}
.ww-hero-eyebrow::before {
  background: #6fe09a !important;
}

.ww-hero-cta.primary {
  background: #00a64f !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0,166,79,0.35) !important;
}
.ww-hero-cta.primary:hover {
  background: #008a3f !important;
  box-shadow: 0 6px 20px rgba(0,166,79,0.45) !important;
}

/* === COOKIE BANNER: botões e link no verde West Wind === */
.ww-cb-text a {
  color: #6fe09a !important;
  text-decoration: underline !important;
}

.ww-cb-btn.ww-cb-accept,
.ww-cb-accept {
  background: #00a64f !important;
  color: #ffffff !important;
  border: 1px solid #00a64f !important;
  box-shadow: 0 4px 14px rgba(0,166,79,0.35) !important;
}
.ww-cb-btn.ww-cb-accept:hover,
.ww-cb-accept:hover {
  background: #008a3f !important;
  border-color: #008a3f !important;
  box-shadow: 0 6px 20px rgba(0,166,79,0.45) !important;
}

.ww-cb-btn.ww-cb-reject,
.ww-cb-reject {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid rgba(0,166,79,0.55) !important;
  box-shadow: none !important;
}
.ww-cb-btn.ww-cb-reject:hover,
.ww-cb-reject:hover {
  background: rgba(0,166,79,0.15) !important;
  border-color: #00a64f !important;
}

/* =============================================
   SECTION 'A Empresa' (logo abaixo do hero)
   ============================================= */

/* Reduzir padding-bottom monstruoso (era 420px herdado do Slider Revolution) */
section.mcb-section-2a022a70d {
  padding-top: 90px !important;
  padding-bottom: 110px !important;
  background-color: #f3f7fc !important;
}

/* Container interno respira melhor */
.mcb-section-inner-2a022a70d { max-width: 1200px; margin: 0 auto !important; }

/* === Eyebrow verde antes do título de intro === */
.mcb-column-inner-e8b268f7c .column_attr::before {
  content: 'SOBRE A WEST WIND';
  display: inline-block;
  color: #00a64f;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin-bottom: 1.1rem;
  padding-left: 3.25rem;
  position: relative;
}
.mcb-column-inner-e8b268f7c .column_attr::before::before {
  /* fallback se ::before do ::before não der */
}
.mcb-column-inner-e8b268f7c .column_attr {
  position: relative;
  padding-top: 0.25rem;
}
.mcb-column-inner-e8b268f7c .column_attr::after {
  content: '';
  position: absolute;
  left: 0; top: 0.85rem;
  width: 2.5rem; height: 2px;
  background: #00a64f;
  pointer-events: none;
}

/* Título grande de intro: mais elegante */
.mcb-column-inner-e8b268f7c h3 {
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(1.6rem, 3.2vw, 2.4rem) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #2b3d97 !important;
  margin: 0 0 2.5rem 0 !important;
  letter-spacing: -0.01em !important;
  max-width: 880px;
}

/* === 'A nossa empresa' (header da coluna esquerda) === */
.mcb-column-inner-1060a7900 h3 {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: #2b3d97 !important;
  margin: 0 0 1rem 0 !important;
  position: relative !important;
  padding-bottom: 0.85rem !important;
  letter-spacing: -0.01em !important;
}
.mcb-column-inner-1060a7900 h3::after {
  content: '';
  position: absolute;
  left: 0; bottom: 0;
  width: 56px; height: 3px;
  background: #00a64f;
  border-radius: 2px;
}

/* Parágrafos: melhor leitura */
.mcb-column-inner-a4d395778 p {
  font-size: 1.02rem !important;
  line-height: 1.65 !important;
  color: #2a3144 !important;
  margin-bottom: 1rem !important;
}
.mcb-column-inner-a4d395778 strong {
  color: #2b3d97 !important;
  font-weight: 700 !important;
}

/* 'Saber mais' como botão verde discreto */
.mcb-column-inner-a4d395778 p.big a {
  display: inline-flex !important;
  align-items: center;
  gap: 0.5rem;
  background: #00a64f !important;
  color: #ffffff !important;
  padding: 0.7rem 1.4rem !important;
  border-radius: 8px !important;
  border-bottom: none !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 4px 14px rgba(0,166,79,0.28) !important;
  transition: all .2s ease !important;
}
.mcb-column-inner-a4d395778 p.big a:hover {
  background: #008a3f !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,166,79,0.4) !important;
}
.mcb-column-inner-a4d395778 p.big a::after {
  content: '→';
  display: inline-block;
  margin-left: 0.2rem;
  transition: transform .2s ease;
}
.mcb-column-inner-a4d395778 p.big a:hover::after {
  transform: translateX(3px);
}
/* Esconder a setinha duplicada do tema */
.mcb-column-inner-a4d395778 p.big + i.icon-right-open-mini,
.mcb-column-inner-a4d395778 p.big i.icon-right-open-mini {
  display: none !important;
}

/* Imagem hélice: cantos arredondados + sombra */
.mcb-column-inner-k0lroxmh img {
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(10,18,40,0.18);
}

/* === Fix sobreposição: a próxima seção tinha margin-top:-330px inline
       para flutuar sobre o padding-bottom:420px que eu reduzi.
       Neutralizar. === */
.mcb-wrap-ca2f016eb { margin-top: 0 !important; }
.mcb-wrap-ca2f016eb.move-up { margin-top: 0 !important; }

/* === Compactar verticalmente a seção 'A Empresa' === */
section.mcb-section-2a022a70d {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

/* Reduzir gap entre título grande e o bloco 'A nossa empresa' */
.mcb-column-inner-e8b268f7c h3 {
  margin: 0 0 1rem 0 !important;
  font-size: clamp(1.45rem, 2.8vw, 2rem) !important;
}

/* Coluna direita (foto) — alinhar ao topo, sem padding extra */
.mcb-wrap-c7be9233a,
.mcb-wrap-4v9pj17s {
  padding-top: 0 !important;
}

/* Wrap superior (título intro) — remover padding herdado */
.mcb-wrap-d1f51b9db { padding-bottom: 0 !important; }

/* Wraps das colunas internas — diminuir margens internas */
.mcb-column-inner-a4d395778 .column_attr p:last-child {
  margin-bottom: 0 !important;
}

/* Botão Saber mais — sem margin-top exagerada */
.mcb-column-inner-a4d395778 p.big {
  margin-top: 0.6rem !important;
  margin-bottom: 0 !important;
}

/* =============================================
   HEADER em verde West Wind escuro
   ============================================= */

/* Background do header / top bar */
#Header,
#Header_wrapper,
#Top_bar,
.header-classic #Top_bar,
.header-classic #Top_bar .top_bar_left,
#Top_bar .top_bar_left {
  background: linear-gradient(135deg, #0a4d23 0%, #0e6630 50%, #0a4d23 100%) !important;
  background-color: #0a4d23 !important;
}

/* Quando sticky (já reduzido), manter verde */
#Header.is-sticky #Top_bar,
#Header_creative.is-sticky,
#Header.is-sticky {
  background: #0a4d23 !important;
}

/* Cor dos itens do menu (links) em branco */
#Top_bar #menu-menu-principal > li > a,
#Top_bar .menu > li > a,
#Top_bar .menu > li > a > span {
  color: #ffffff !important;
}
#Top_bar .menu > li.current-menu-item > a,
#Top_bar .menu > li.current_page_item > a,
#Top_bar .menu > li.current-menu-item > a > span,
#Top_bar .menu > li.current_page_item > a > span {
  color: #6fe09a !important;
}
#Top_bar .menu > li > a:hover,
#Top_bar .menu > li:hover > a,
#Top_bar .menu > li > a:hover > span {
  color: #6fe09a !important;
}

/* Border-bottom (sublinha amarela do menu active) — em verde claro */
#Top_bar .menu > li.current-menu-item > a::after,
#Top_bar .menu > li > a:hover::after {
  background: #6fe09a !important;
}

/* Logo mais à esquerda — reduzir padding do container e do top_bar */
#Top_bar { padding-left: 0 !important; }
#Top_bar .top_bar_left { padding-left: 1rem !important; }
#Top_bar .logo {
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
}
#Top_bar .logo a#logo {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Container do header — manter boxed mas mover conteúdo pra esquerda */
.header-boxed #Top_bar .container,
.header-boxed #Top_bar > .container {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

/* ISO badge top-right: garantir que continua visível sobre o verde */
.ww-iso-badge {
  background: rgba(255,255,255,0.92) !important;
  border-radius: 6px;
  padding: 4px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* =============================================
   HEADER: gradiente horizontal único + logo à esquerda
   ============================================= */

/* Apenas o #Header tem o gradient. Tudo interno é transparente
   para evitar 'bandas verticais' (efeito 3 colunas). */
#Header_wrapper {
  background: linear-gradient(to left, #0c5a2b 0%, #0e6630 30%, #19833f 70%, #43a16a 100%) !important;
}
#Header,
#Top_bar,
#Top_bar .top_bar_left,
#Top_bar .container,
#Top_bar_wrapper,
.header-classic #Header,
.header-classic #Top_bar,
.header-classic #Top_bar .top_bar_left,
.header-boxed #Top_bar .container {
  background: transparent !important;
  background-color: transparent !important;
}

/* Sticky / scrolled */
#Header.is-sticky,
#Header_wrapper.is-sticky {
  background: linear-gradient(to left, #0a4d23 0%, #0e6630 50%, #2c9559 100%) !important;
}

/* Logo: posicionar absolute à esquerda do header */
#Top_bar .top_bar_left {
  position: relative !important;
  padding-left: 0 !important;
}
#Top_bar .logo {
  position: absolute !important;
  left: 24px !important;
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  text-align: left !important;
}
#Top_bar .logo a#logo {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Menu permanece centralizado/right como já está; só garantir que não sobreponha o logo */
#Top_bar .menu_wrapper { padding-left: 200px; }

@media (max-width: 768px) {
  #Top_bar .logo { left: 12px !important; }
  #Top_bar .menu_wrapper { padding-left: 0; }
}

/* === Header: usar flexbox para forçar logo à esquerda, menu à direita ===
   (override do Betheme que define text-align:center no .logo) */

#Top_bar .container > .column.one,
#Top_bar > .container,
#Top_bar .top_bar_left {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  position: relative !important;
}

#Top_bar .logo {
  position: static !important;
  float: none !important;
  text-align: left !important;
  margin: 12px 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  width: auto !important;
  order: 1 !important;
}

#Top_bar .logo a#logo {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

#Top_bar .menu_wrapper {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  padding-left: 0 !important;
  order: 2 !important;
}

/* O .top_bar_right (se houver) — fica depois do menu */
#Top_bar .top_bar_right {
  order: 3 !important;
  position: static !important;
}

/* Garantir respiro nas bordas */
.header-boxed #Top_bar > .container,
#Top_bar > .container {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  max-width: 100% !important;
}

/* === Header gradient: cinza claro na esquerda (onde fica o logo)
       → verde West Wind forte na direita === */
#Header_wrapper {
  background: linear-gradient(to right, #e6ebec 0%, #b7c3c3 18%, #6e8a7c 42%, #1d7437 70%, #0a4d23 100%) !important;
}

/* Menu em branco continua, mas itens da esquerda (Home) precisam ler bem
   sobre cinza claro — usar uma cor escura para itens à esquerda do menu.
   Como todos os itens estão no centro/direita do header, manter branco. */
#Top_bar .menu > li > a,
#Top_bar .menu > li > a > span {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.35);
}
#Top_bar .menu > li.current-menu-item > a,
#Top_bar .menu > li.current_page_item > a,
#Top_bar .menu > li.current-menu-item > a > span,
#Top_bar .menu > li.current_page_item > a > span {
  color: #ffffff !important;
}

/* Sticky header — manter coerente */
#Header.is-sticky #Header_wrapper,
#Header_wrapper.is-sticky {
  background: linear-gradient(to right, #d8e0e1 0%, #aab5b5 22%, #5d7768 50%, #0e6630 78%, #0a4d23 100%) !important;
}

/* === Logo: hover com leve zoom suave === */
#Top_bar .logo a#logo {
  transition: transform 0.35s ease, filter 0.35s ease !important;
  display: inline-block !important;
}
#Top_bar .logo a#logo:hover {
  transform: scale(1.06);
  filter: drop-shadow(0 4px 10px rgba(0,0,0,0.18));
}
#Top_bar .logo a#logo img {
  transition: transform 0.35s ease !important;
}

/* =============================================
   SECTION 'A máxima satisfação...' (mcb-section-1a11357e5)
   Faixa escura com texto + imagem industrial
   ============================================= */

/* Full-width: remover padding lateral 7% inline */
section.mcb-section-1a11357e5 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: linear-gradient(135deg, #1a1d24 0%, #21252e 50%, #0f1218 100%) !important;
}

/* Coluna escura esquerda: padding interno + leve gradient pra dar profundidade */
.mcb-column-inner-c28609436 .column_attr {
  background-color: transparent !important;
  background-image: none !important;
  padding: 80px 8% !important;
  position: relative !important;
}

/* Eyebrow verde antes do título */
.mcb-column-inner-c28609436 .column_attr::before {
  content: '— A NOSSA MISSÃO';
  display: block;
  color: #6fe09a !important;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  font-family: 'Inter', sans-serif;
}

/* Título h2: tipografia Inter, peso 800, branco */
.mcb-column-inner-c28609436 h2 {
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(1.8rem, 3.2vw, 2.6rem) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  margin: 0 0 1.5rem 0 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
}

/* Parágrafo introdutório */
.mcb-column-inner-c28609436 p {
  font-family: 'Inter', sans-serif !important;
  color: rgba(255,255,255,0.82) !important;
  font-size: 1.02rem !important;
  line-height: 1.65 !important;
  text-align: left !important;
  margin-bottom: 1.2rem !important;
}

/* Lista com bullets verdes customizados */
.mcb-column-inner-c28609436 ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 1.5rem 0 2rem 0 !important;
}
.mcb-column-inner-c28609436 ul li {
  font-family: 'Inter', sans-serif !important;
  color: rgba(255,255,255,0.85) !important;
  font-size: 0.98rem !important;
  line-height: 1.6 !important;
  padding-left: 1.8rem !important;
  margin-bottom: 0.85rem !important;
  position: relative !important;
  text-align: left !important;
}
.mcb-column-inner-c28609436 ul li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 0;
  color: #00a64f;
  font-weight: 800;
  font-size: 1.05rem;
  width: 1.3rem;
  height: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #00a64f;
  border-radius: 50%;
  background: rgba(0,166,79,0.12);
  font-size: 0.75rem;
}

/* Botão 'Fale connosco' (action_button) em verde West Wind */
.mcb-column-inner-c28609436 a.action_button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  background: #00a64f !important;
  background-color: #00a64f !important;
  color: #ffffff !important;
  padding: 0.85rem 1.7rem !important;
  border-radius: 10px !important;
  border: none !important;
  text-decoration: none !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.98rem !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 4px 16px rgba(0,166,79,0.32) !important;
  transition: all .2s ease !important;
  margin-top: 1rem !important;
}
.mcb-column-inner-c28609436 a.action_button:hover {
  background: #008a3f !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0,166,79,0.45) !important;
}
.mcb-column-inner-c28609436 a.action_button::after {
  content: '→';
  display: inline-block;
  transition: transform .2s ease;
}
.mcb-column-inner-c28609436 a.action_button:hover::after {
  transform: translateX(4px);
}

/* Coluna direita (imagem industrial): full bleed do lado, cantos
   arredondados no canto interno apenas */
.mcb-column-inner-189d5abd1 {
  position: relative;
}
.mcb-column-inner-189d5abd1 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  min-height: 480px !important;
  display: block !important;
}

/* Equalizar altura entre as duas colunas */
section.mcb-section-1a11357e5 .mcb-section-inner,
section.mcb-section-1a11357e5 .wrap,
section.mcb-section-1a11357e5 .mcb-wrap-inner {
  align-items: stretch !important;
}

/* Garantir que a coluna escura também tenha altura full */
.mcb-column-inner-c28609436 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 480px !important;
}

/* =============================================
   Efeito de movimento ('vento') na foto da seção escura
   ============================================= */

/* Container da foto: virar 'janela' com overflow:hidden */
.mcb-column-inner-189d5abd1 .column_attr {
  position: relative !important;
  overflow: hidden !important;
  background-image: none !important;
  background-color: #0a0d12 !important;
  min-height: 520px !important;
}

/* Pseudo-elemento: a foto com animação Ken Burns + leve motion blur */
.mcb-column-inner-189d5abd1 .column_attr::before {
  content: '' !important;
  position: absolute !important;
  inset: -8% !important;
  background-image: url('/wp-content/uploads/2025/10/59a77327-ef7b-45be-bd67-146db0f980b7.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  filter: contrast(1.06) saturate(1.08) brightness(0.92) !important;
  animation: ww-wind-zoom 22s ease-in-out infinite alternate !important;
  z-index: 0 !important;
  will-change: transform !important;
}

/* Animação 'vento': zoom in + pan lateral lento (efeito cinema) */
@keyframes ww-wind-zoom {
  0%   { transform: scale(1.04) translateX(0)    translateY(0); }
  50%  { transform: scale(1.10) translateX(-2%)  translateY(-1%); }
  100% { transform: scale(1.14) translateX(-3%)  translateY(1%); }
}

/* Overlay escuro/azul sutil sobre a foto para integrar com a seção escura
   e adicionar 'mood'. Cria sensação de profundidade. */
.mcb-column-inner-189d5abd1 .column_attr::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(115deg,
    rgba(10,13,18,0.50) 0%,
    rgba(0,166,79,0.10) 35%,
    rgba(10,13,18,0.25) 70%,
    rgba(10,13,18,0.55) 100%
  ) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Garantir que qualquer texto/conteúdo dentro fique acima (se existir) */
.mcb-column-inner-189d5abd1 .column_attr > * {
  position: relative !important;
  z-index: 2 !important;
}

/* === FIX: foto sumiu. Reverter remoção do background-image e
       aplicar animação diretamente no container (mais robusto) === */
.mcb-column-inner-189d5abd1 .column_attr {
  background-image: url('/wp-content/uploads/2025/10/59a77327-ef7b-45be-bd67-146db0f980b7.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #0a0d12 !important;
  min-height: 520px !important;
  position: relative !important;
  overflow: hidden !important;
  /* Ken Burns lento aplicado direto no container */
  animation: ww-wind-zoom 24s ease-in-out infinite alternate !important;
  filter: contrast(1.06) saturate(1.08) brightness(0.92) !important;
  will-change: background-position, transform !important;
}

/* Remover regras antigas problemáticas dos pseudo-elementos */
.mcb-column-inner-189d5abd1 .column_attr::before {
  content: none !important;
  display: none !important;
}

/* Manter overlay sutil escuro/verde sobre a foto */
.mcb-column-inner-189d5abd1 .column_attr::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(115deg,
    rgba(10,13,18,0.45) 0%,
    rgba(0,166,79,0.08) 35%,
    rgba(10,13,18,0.20) 70%,
    rgba(10,13,18,0.50) 100%
  ) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Re-definir animação 'vento': scale + pan do background-position
   (mais suave que transform scale do container inteiro) */
@keyframes ww-wind-zoom {
  0%   { background-position: 50% 50%; background-size: 110%; }
  50%  { background-position: 47% 48%; background-size: 118%; }
  100% { background-position: 46% 52%; background-size: 124%; }
}

/* =============================================
   HEADER transparente SOBRE o hero (só na home)
   APENAS position:absolute no header. NADA de mexer em
   Wrapper / Content / padding / min-height — assim não
   quebra a seção 'A nossa empresa' como antes.
   ============================================= */

/* CORRIGIDO: position absolute no #Header (não no wrapper) porque o
   .ww-hero é injetado DENTRO de #Header_wrapper. Manter wrapper no flow
   preserva a altura do hero e não move #Content/sections pra cima. */
body.home #Header_wrapper {
  position: relative !important;
  background: transparent !important;
  z-index: auto !important;
}
body.home #Header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 100 !important;
  background: linear-gradient(to right,
    rgba(230,235,236,0.32) 0%,
    rgba(183,195,195,0.30) 18%,
    rgba(110,138,124,0.38) 42%,
    rgba(29,116,55,0.55) 70%,
    rgba(10,77,35,0.68) 100%
  ) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  box-shadow: 0 4px 18px rgba(0,0,0,0.10) !important;
}
body.home #Top_bar,
body.home .header-classic #Top_bar {
  background: transparent !important;
  background-color: transparent !important;
}
body.home #Top_bar .logo a#logo img {
  filter: drop-shadow(0 2px 6px rgba(255,255,255,0.4));
}
body:not(.home) #Header_wrapper {
  position: relative !important;
}
body:not(.home) #Header {
  position: relative !important;
}

/* === Motion blur horizontal na foto da seção 'A máxima satisfação' === */
.mcb-column-inner-189d5abd1 .column_attr {
  /* Manter Ken Burns + adicionar motion blur horizontal SUTIL via SVG filter */
  filter: url(#ww-motion-blur) contrast(1.06) saturate(1.08) brightness(0.92) !important;
}

/* Animação que oscila a intensidade do blur dá efeito de 'rajada' */
@keyframes ww-wind-pulse {
  0%, 100% { filter: url(#ww-motion-blur) contrast(1.06) saturate(1.08) brightness(0.92) blur(0.5px); }
  50%      { filter: url(#ww-motion-blur) contrast(1.06) saturate(1.08) brightness(0.92) blur(1.2px); }
}

/* Como já temos ww-wind-zoom no container, vamos aplicar o pulse no ::after
   para criar 'streaks' adicionais */
.mcb-column-inner-189d5abd1 .column_attr::after {
  /* Overlay já existe — adicionar leve flicker de brilho */
  animation: ww-wind-flash 6s ease-in-out infinite !important;
}
@keyframes ww-wind-flash {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.85; }
}

/* =============================================
   Seção 'A máxima satisfação' — ajustes:
   - altura menor
   - foto centralizada e menor (não full-bleed)
   - fade horizontal entre texto e foto
   ============================================= */

/* Altura geral menor */
section.mcb-section-1a11357e5 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

/* Coluna escura (texto) — altura menor */
.mcb-column-inner-c28609436 {
  min-height: 380px !important;
}
.mcb-column-inner-c28609436 .column_attr {
  padding: 50px 7% !important;
}

/* Fade horizontal no texto (gradient mask) para suavizar a transição
   da coluna escura para a foto à direita */
.mcb-column-inner-c28609436 .column_attr {
  position: relative !important;
}
.mcb-column-inner-c28609436 .column_attr::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 120px;
  background: linear-gradient(to right,
    rgba(15, 18, 24, 0) 0%,
    rgba(15, 18, 24, 0.5) 50%,
    rgba(15, 18, 24, 0.95) 100%
  );
  pointer-events: none;
  z-index: 1;
}

/* Coluna da foto: menor, centralizada (não full-bleed) */
.mcb-column-inner-189d5abd1 .column_attr {
  min-height: 380px !important;
  max-height: 480px !important;
  margin: 30px 6% !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,0.45) !important;
}

/* Reduzir keyframes para encaixar nas novas dimensões */
@keyframes ww-wind-zoom {
  0%   { background-position: 50% 50%; background-size: 105%; }
  50%  { background-position: 48% 49%; background-size: 112%; }
  100% { background-position: 47% 51%; background-size: 118%; }
}

/* === REFINAR: seção mais compacta + foto quase full-width na coluna === */

/* Altura geral menor */
section.mcb-section-1a11357e5 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Colunas: igualar alturas (texto e foto idênticas) */
.mcb-column-inner-c28609436,
.mcb-column-inner-189d5abd1 {
  min-height: 360px !important;
  max-height: 420px !important;
  height: 400px !important;
}

/* Coluna texto: padding interno mais comportado */
.mcb-column-inner-c28609436 .column_attr {
  padding: 36px 6% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* Coluna foto: quase full-width da coluna (margin lateral mínimo) */
.mcb-column-inner-189d5abd1 .column_attr {
  margin: 12px 12px 12px 0 !important;
  min-height: 376px !important;
  max-height: 396px !important;
  height: calc(100% - 24px) !important;
}

/* Diminuir o título e o espaçamento para tudo caber */
.mcb-column-inner-c28609436 h2 {
  font-size: clamp(1.5rem, 2.6vw, 2rem) !important;
  margin-bottom: 1rem !important;
}
.mcb-column-inner-c28609436 ul {
  margin: 1rem 0 1.2rem 0 !important;
}
.mcb-column-inner-c28609436 ul li {
  margin-bottom: 0.5rem !important;
  font-size: 0.92rem !important;
}
.mcb-column-inner-c28609436 a.action_button {
  margin-top: 0.4rem !important;
  padding: 0.65rem 1.4rem !important;
}

/* === RESET das regras anteriores que causaram overflow e perda do fundo escuro === */

/* Section: altura natural (sem padding 0 que colapsava) */
section.mcb-section-1a11357e5 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* Colunas: SEM height fixo (deixa o conteúdo definir, mas equalizando via flex) */
.mcb-column-inner-c28609436,
.mcb-column-inner-189d5abd1 {
  min-height: 360px !important;
  max-height: none !important;
  height: auto !important;
}

/* Coluna texto: padding generoso + display block normal */
.mcb-column-inner-c28609436 .column_attr {
  padding: 36px 7% !important;
  display: block !important;
  height: auto !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Coluna foto: margin mínima e altura igual à da coluna texto */
.mcb-column-inner-189d5abd1 .column_attr {
  margin: 0 8px 0 0 !important;
  min-height: 360px !important;
  max-height: none !important;
  height: 100% !important;
  border-radius: 10px !important;
}

/* Equalizar via flex na wrap interna (Betheme tem flex no equal-height) */
section.mcb-section-1a11357e5 .mcb-wrap-inner-ca2f016eb {
  display: flex !important;
  align-items: stretch !important;
}
section.mcb-section-1a11357e5 .mcb-wrap-inner-ca2f016eb > .column {
  display: flex !important;
  flex-direction: column !important;
}
section.mcb-section-1a11357e5 .mcb-wrap-inner-ca2f016eb > .column > .mcb-column-inner {
  flex: 1 1 auto !important;
}

/* === MVV: cards mais largos + altura geral menor === */
.ww-mvv-section {
  padding: 50px 24px 50px !important;
}
.ww-mvv-container {
  max-width: 1400px !important;
  gap: 16px !important;
}
.ww-mvv-card {
  padding: 22px 32px !important;
}
.ww-mvv-head {
  margin-bottom: 8px !important;
}
.ww-mvv-icon {
  width: 52px !important;
  height: 52px !important;
}
.ww-mvv-card h3 {
  font-size: 1.35rem !important;
}
.ww-mvv-card p {
  font-size: 0.98rem !important;
  line-height: 1.55 !important;
}

/* === Remover gap branco entre MVV e Projetos === */

/* MVV: sem margin-bottom */
.ww-mvv-section {
  margin-bottom: 0 !important;
}

/* Section Projetos: padding-top menor (era 130px inline) + sem margin-top + garantir bg dark */
section.mcb-section-e78874575 {
  padding-top: 60px !important;
  margin-top: 0 !important;
  background-color: #212224 !important;
}

/* Caso o body apareça via sections_group, forçar continuidade */
body main.sections_group,
body .mfn-builder-content {
  background-color: transparent !important;
}

/* =============================================
   SECTION 'Projetos' (mcb-section-e78874575)
   ============================================= */

/* Padding lateral + vertical */
section.mcb-section-e78874575 {
  padding: 60px 5% 60px 5% !important;
  background-color: #1a1d22 !important;
  background-image: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.0) 50%, rgba(0,0,0,0.5) 100%), url('/wp-content/uploads/2020/10/factory3-bg.png') !important;
  background-repeat: no-repeat, repeat !important;
  background-size: cover, auto !important;
  background-position: center !important;
}

/* Header da seção: alinhar tudo ao centro com eyebrow + título + subtítulo */
.mcb-column-inner-e8a1f1750 .column_attr {
  text-align: center !important;
  position: relative !important;
  padding-bottom: 28px !important;
}
.mcb-column-inner-e8a1f1750 .column_attr::before {
  content: 'PORTFÓLIO · OPERAÇÕES REAIS' !important;
  display: block !important;
  color: #6fe09a !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  margin-bottom: 1rem !important;
}
.mcb-column-inner-e8a1f1750 h2 {
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
  margin: 0 0 0.5rem 0 !important;
  position: relative !important;
}
.mcb-column-inner-e8a1f1750 h2 a {
  color: #ffffff !important;
  text-decoration: none !important;
  pointer-events: none !important;
}
.mcb-column-inner-e8a1f1750 .column_attr::after {
  content: 'Estaleiros parceiros em Portugal, Espanha e Canárias — manutenção naval, blades repair, overhaul de propulsores e equipas de engenharia em campo.';
  display: block !important;
  color: rgba(255,255,255,0.72) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 1.02rem !important;
  font-weight: 400 !important;
  max-width: 760px !important;
  margin: 1rem auto 0 auto !important;
  line-height: 1.55 !important;
}

/* Linha verde decorativa abaixo do título */
.mcb-column-inner-e8a1f1750 h2::after {
  content: '' !important;
  display: block !important;
  width: 70px !important;
  height: 3px !important;
  background: #00a64f !important;
  border-radius: 2px !important;
  margin: 1rem auto 0 auto !important;
}

/* Galeria: gap entre fotos + cantos arredondados + hover */
.mcb-column-inner-d581da3e0 {
  margin-top: 30px !important;
}
.mcb-column-inner-d581da3e0 .image_frame,
.mcb-column-inner-d581da3e0 .image_wrapper {
  border-radius: 10px !important;
  overflow: hidden !important;
  border: none !important;
  position: relative !important;
  background: transparent !important;
}
.mcb-column-inner-d581da3e0 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.5s ease, filter 0.4s ease !important;
  display: block !important;
  border-radius: 10px !important;
}
.mcb-column-inner-d581da3e0 .image_wrapper:hover img {
  transform: scale(1.06) !important;
  filter: brightness(1.08) saturate(1.1) !important;
}

/* Overlay verde sutil no hover sobre as fotos */
.mcb-column-inner-d581da3e0 .image_wrapper::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0,166,79,0) 50%, rgba(0,166,79,0.25) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.4s ease !important;
  pointer-events: none !important;
  border-radius: 10px !important;
}
.mcb-column-inner-d581da3e0 .image_wrapper:hover::after {
  opacity: 1 !important;
}

/* Gap maior entre as fotos do grid */
.mcb-column-inner-d581da3e0 .mfn-gallery-grid,
.mcb-column-inner-d581da3e0 .gallery,
.mcb-column-inner-d581da3e0 .image_gallery_wrapper,
.mcb-item-d581da3e0-inner .gallery {
  gap: 14px !important;
}
.mcb-column-inner-d581da3e0 .gallery .gallery-item,
.mcb-column-inner-d581da3e0 .gallery-item {
  padding: 7px !important;
}

/* CTA 'Ver todos os projetos' adicionado via ::after da seção */
section.mcb-section-e78874575::after {
  content: 'Ver todos os projetos →';
  display: block;
  margin: 40px auto 0 auto;
  text-align: center;
  background: #00a64f;
  color: #ffffff;
  padding: 0.85rem 1.8rem;
  border-radius: 10px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 0.98rem;
  letter-spacing: 0.02em;
  max-width: 240px;
  box-shadow: 0 4px 18px rgba(0,166,79,0.35);
  cursor: pointer;
  transition: all 0.2s ease;
}
section.mcb-section-e78874575:hover::after {
  background: #008a3f;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,166,79,0.45);
}

/* Remover o ::after pseudo (era só visual, agora temos botão real via JS) */
section.mcb-section-e78874575::after {
  content: none !important;
  display: none !important;
}

/* Estilo do botão real 'Ver todos os projetos' injetado via JS */
.ww-projetos-cta {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  margin: 40px auto 0 auto !important;
  background: #00a64f !important;
  color: #ffffff !important;
  padding: 0.9rem 2rem !important;
  border-radius: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  letter-spacing: 0.02em !important;
  width: fit-content !important;
  max-width: 280px !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: 0 4px 18px rgba(0,166,79,0.35) !important;
  transition: all 0.25s ease !important;
}
.ww-projetos-cta:hover {
  background: #008a3f !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0,166,79,0.5) !important;
  color: #ffffff !important;
}
.ww-projetos-cta span {
  display: inline-block;
  transition: transform 0.25s ease;
}
.ww-projetos-cta:hover span {
  transform: translateX(4px);
}

/* === 'Projetos' como botão clicável (em vez de h2 estático) === */

/* Esconder pseudo-subtítulo e linha verde abaixo do título — fica
   apenas o eyebrow + botão Projetos */
.mcb-column-inner-e8a1f1750 h2::after {
  display: none !important;
  content: none !important;
}
.mcb-column-inner-e8a1f1750 .column_attr::after {
  display: none !important;
  content: none !important;
}

/* O h2 vira só um container — sem visual próprio */
.mcb-column-inner-e8a1f1750 h2 {
  font-size: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  text-align: center !important;
}

/* O <a> DENTRO do h2 vira o botão real */
.mcb-column-inner-e8a1f1750 h2 a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  pointer-events: auto !important;
  text-decoration: none !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #009445, #00a64f 50%, #2dbf69) !important;
  padding: 0.95rem 2.4rem !important;
  border: 2px solid rgba(255,255,255,0.18) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 22px rgba(0,166,79,0.45) !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}
.mcb-column-inner-e8a1f1750 h2 a:hover {
  background: linear-gradient(135deg, #008a3f, #00a64f 50%, #43c97a) !important;
  border-color: rgba(255,255,255,0.4) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 30px rgba(0,166,79,0.6) !important;
  color: #ffffff !important;
}
.mcb-column-inner-e8a1f1750 h2 a::after {
  content: '→' !important;
  display: inline-block !important;
  transition: transform 0.25s ease !important;
}
.mcb-column-inner-e8a1f1750 h2 a:hover::after {
  transform: translateX(4px) !important;
}

/* Remover o botão duplicado (Ver todos os projetos via JS) já que o
   título 'Projetos' agora é o botão — manter apenas um CTA */
.ww-projetos-cta {
  display: none !important;
}

/* =============================================
   SEÇÃO 'Entre em contacto' (Contactos)
   ============================================= */

/* Background mais sutil com leve gradient */
section.mcb-section-d37518a30,
section.mcb-section-22b790995 {
  background: linear-gradient(180deg, #eef2f8 0%, #e3eaf2 100%) !important;
  background-color: #eef2f8 !important;
}

/* Section título: padding generoso */
section.mcb-section-d37518a30 {
  padding-top: 60px !important;
  padding-bottom: 20px !important;
}

/* Eyebrow verde acima do título 'Entre em contacto' */
.mcb-column-inner-0837f15d0 .column_attr {
  text-align: center !important;
  position: relative !important;
}
.mcb-column-inner-0837f15d0 .column_attr::before {
  content: 'FALE COM A WEST WIND' !important;
  display: block !important;
  color: #00a64f !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  margin-bottom: 1rem !important;
}

/* Título com tipografia consistente */
.mcb-column-inner-0837f15d0 h2 {
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  margin: 0 0 0.5rem 0 !important;
}
.mcb-column-inner-0837f15d0 h2 .themecolor {
  color: #00a64f !important;
}

/* Subtítulo */
.mcb-column-inner-0837f15d0 p {
  font-family: 'Inter', sans-serif !important;
  color: rgba(43,61,151,0.65) !important;
  font-size: 1.02rem !important;
  line-height: 1.55 !important;
  margin-top: 0.7rem !important;
}

/* Section dos cards */
section.mcb-section-22b790995 {
  padding-top: 30px !important;
  padding-bottom: 80px !important;
}

/* Cards de contacto */
.mcb-column-inner-dkw79qw0t,
section.mcb-section-22b790995 .mfn-icon-box,
section.mcb-section-22b790995 .column_icon_box_2 .mcb-item-icon_box_2-inner {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 36px 24px !important;
  border: 1px solid rgba(0,166,79,0.08) !important;
  box-shadow: 0 8px 28px rgba(43,61,151,0.08) !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;
  height: 100% !important;
}

section.mcb-section-22b790995 .mfn-icon-box:hover,
section.mcb-section-22b790995 .column_icon_box_2 .mcb-item-icon_box_2-inner:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 40px rgba(43,61,151,0.15) !important;
  border-color: rgba(0,166,79,0.35) !important;
}

/* Faixa verde no topo do card no hover (estilo elegante) */
section.mcb-section-22b790995 .column_icon_box_2 .mcb-item-icon_box_2-inner::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #00a64f, #2dbf69) !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 0.4s ease !important;
}
section.mcb-section-22b790995 .column_icon_box_2:hover .mcb-item-icon_box_2-inner::before {
  transform: scaleX(1) !important;
}

/* Ícone: dentro de círculo verde claro com sombra */
section.mcb-section-22b790995 .mfn-icon-box .icon-wrapper {
  width: 72px !important;
  height: 72px !important;
  margin: 0 auto 1.2rem auto !important;
  background: linear-gradient(135deg, rgba(0,166,79,0.12), rgba(0,166,79,0.18)) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.4s ease !important;
}
section.mcb-section-22b790995 .column_icon_box_2:hover .mfn-icon-box .icon-wrapper {
  transform: scale(1.08) rotate(-3deg) !important;
}
section.mcb-section-22b790995 .mfn-icon-box .icon-wrapper i {
  font-size: 32px !important;
  color: #00a64f !important;
}

/* Título do card */
section.mcb-section-22b790995 .mfn-icon-box h5.title {
  font-family: 'Inter', sans-serif !important;
  color: #2b3d97 !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  margin: 0 0 0.8rem 0 !important;
  letter-spacing: -0.01em !important;
}

/* Descrição do card */
section.mcb-section-22b790995 .mfn-icon-box .desc p {
  font-family: 'Inter', sans-serif !important;
  color: rgba(0,0,0,0.62) !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  margin: 0.3rem 0 !important;
}

/* Destaque (telefone/email): forte */
section.mcb-section-22b790995 .mfn-icon-box .desc strong,
section.mcb-section-22b790995 .mfn-icon-box .desc a {
  color: #2b3d97 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  font-size: 1.1rem !important;
  display: inline-block !important;
  margin: 0.4rem 0 !important;
}
section.mcb-section-22b790995 .mfn-icon-box .desc a:hover {
  color: #2b3d97 !important;
}

/* 'Ver no Mapa' como botão verde discreto */
section.mcb-section-22b790995 .mfn-icon-box .desc a[href*='maps'],
section.mcb-section-22b790995 .mfn-icon-box .desc .ww-map-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  background: #00a64f !important;
  color: #ffffff !important;
  padding: 0.55rem 1.2rem !important;
  border-radius: 8px !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  margin-top: 0.6rem !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 3px 10px rgba(0,166,79,0.25) !important;
}
section.mcb-section-22b790995 .mfn-icon-box .desc a[href*='maps']:hover,
section.mcb-section-22b790995 .mfn-icon-box .desc .ww-map-link:hover {
  background: #008a3f !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0,166,79,0.4) !important;
  color: #ffffff !important;
}

/* =============================================
   PALETA INDUSTRIAL/NAVAL — unificada
   Apenas 2 acentos: verde West Wind (#00a64f) + azul West Wind (#2b3d97)
   Backgrounds claros = #f1f5fa, escuros = #1a1d22
   Sem gradientes coloridos, sem variantes de verde claro
   ============================================= */

/* Eliminar verde claro como acento — usar verde sólido em todo lado */
.ww-hero-eyebrow,
.ww-hero-eyebrow::before,
.mcb-column-inner-e8b268f7c .column_attr::before,
.mcb-column-inner-e8a1f1750 .column_attr::before,
.mcb-column-inner-0837f15d0 .column_attr::before,
.mcb-column-inner-c28609436 .column_attr::before,
.ww-cb-text a {
  color: #00a64f !important;
}
.ww-hero-eyebrow::before,
.mcb-column-inner-e8b268f7c .column_attr::after {
  background: #00a64f !important;
}

/* Backgrounds claros: única cor neutra */
section.mcb-section-2a022a70d,
section.mcb-section-d37518a30,
section.mcb-section-22b790995 {
  background: #f1f5fa !important;
  background-color: #f1f5fa !important;
  background-image: none !important;
}

/* Backgrounds escuros: única cor neutra */
section.mcb-section-1a11357e5,
section.mcb-section-e78874575 {
  background: #1a1d22 !important;
  background-color: #1a1d22 !important;
  background-image: none !important;
}

/* MVV: igual aos outros escuros */
.ww-mvv-section {
  background: #1a1d22 !important;
  background-image: none !important;
}

/* Hero CTA primary — verde sólido sem gradient */
.ww-hero-cta.primary,
.mcb-column-inner-c28609436 a.action_button,
.mcb-column-inner-e8a1f1750 h2 a,
.mcb-column-inner-a4d395778 p.big a,
.ww-cb-accept,
.ww-projetos-cta,
.ww-map-link {
  background: #00a64f !important;
  background-image: none !important;
  border: none !important;
}
.ww-hero-cta.primary:hover,
.mcb-column-inner-c28609436 a.action_button:hover,
.mcb-column-inner-e8a1f1750 h2 a:hover,
.mcb-column-inner-a4d395778 p.big a:hover,
.ww-cb-accept:hover,
.ww-projetos-cta:hover,
.ww-map-link:hover {
  background: #008a3f !important;
  background-image: none !important;
}

/* Body background: cinza claro neutro (não branco-hospital, não cinza-azulado) */
body {
  background-color: #f1f5fa !important;
}

/* ============================================
   CARDS DE CONTACTO — alturas e larguras iguais
   ============================================ */

/* O wrap externo dos 3 cards usa CSS grid pra igualar alturas */
section.mcb-section-22b790995 .mcb-section-inner-22b790995 {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 24px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

/* Cada wrap (card) com flex 1 1 280px (mesma largura) */
section.mcb-section-22b790995 .mcb-section-inner-22b790995 > .mcb-wrap {
  flex: 1 1 280px !important;
  max-width: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}
section.mcb-section-22b790995 .mcb-wrap-inner {
  width: 100% !important;
  display: flex !important;
}
section.mcb-section-22b790995 .mcb-wrap-inner > .mcb-wrap {
  width: 100% !important;
}
section.mcb-section-22b790995 .column_icon_box_2 {
  width: 100% !important;
  display: flex !important;
}
section.mcb-section-22b790995 .column_icon_box_2 .mcb-column-inner {
  width: 100% !important;
}

/* Card interno: altura uniforme, padding uniforme */
section.mcb-section-22b790995 .column_icon_box_2 .mcb-item-icon_box_2-inner,
section.mcb-section-22b790995 .mfn-icon-box {
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 36px 28px !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important;
  width: 100% !important;
  min-height: 320px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
}

/* Hover suave */
section.mcb-section-22b790995 .column_icon_box_2 .mcb-item-icon_box_2-inner:hover,
section.mcb-section-22b790995 .mfn-icon-box:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(43,61,151,0.12) !important;
  border-color: rgba(0,166,79,0.3) !important;
}

/* Faixa verde no top — só verde West Wind, sem gradient */
section.mcb-section-22b790995 .column_icon_box_2 .mcb-item-icon_box_2-inner::before {
  background: #00a64f !important;
}

/* Ícone do card: círculo claro padronizado */
section.mcb-section-22b790995 .mfn-icon-box .icon-wrapper {
  background: rgba(0,166,79,0.10) !important;
  width: 68px !important;
  height: 68px !important;
}
section.mcb-section-22b790995 .mfn-icon-box .icon-wrapper i {
  color: #00a64f !important;
  font-size: 28px !important;
}

/* Descrição do card: flex grow para empurrar conteúdo (botões/destaques) */
section.mcb-section-22b790995 .mfn-icon-box .desc-wrapper {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}
section.mcb-section-22b790995 .mfn-icon-box .desc {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
section.mcb-section-22b790995 .mfn-icon-box .desc p {
  margin: 0.25rem 0 !important;
}

/* Padronizar tamanho do número/email/botão no card */
section.mcb-section-22b790995 .mfn-icon-box .desc a:not(.ww-map-link),
section.mcb-section-22b790995 .mfn-icon-box .desc strong {
  font-size: 1.1rem !important;
  color: #2b3d97 !important;
  font-weight: 700 !important;
  margin: 0.6rem 0 !important;
}

/* Botão Ver no Mapa: padronizar com os outros */
.ww-map-link {
  padding: 0.55rem 1.3rem !important;
  border-radius: 8px !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  margin-top: 0.6rem !important;
  box-shadow: 0 3px 10px rgba(0,166,79,0.25) !important;
}

/* === FINALIZAÇÃO Contactos: mesmo cinza das seções acima + cards iguais === */

/* Mesmo cinza-azulado das seções 'A nossa empresa' / MVV */
section.mcb-section-d37518a30,
section.mcb-section-22b790995 {
  background: #dde4ed !important;
  background-color: #dde4ed !important;
  background-image: none !important;
}
section.mcb-section-2a022a70d {
  background-color: #dde4ed !important;
}

/* Cards: ALTURA E LARGURA IGUAIS via grid (mais robusto que flex aqui) */
section.mcb-section-22b790995 .section_wrapper,
section.mcb-section-22b790995 .mcb-section-inner-22b790995 {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

/* Force grid layout sobre os 3 cards */
section.mcb-section-22b790995 .mcb-wrap-1122b19b6,
section.mcb-section-22b790995 .mcb-wrap-inner-f8d4a0e57,
section.mcb-section-22b790995 .mcb-wrap-inner {
  display: contents !important;
}

section.mcb-section-22b790995 .mcb-section-inner-22b790995 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

@media (max-width: 900px) {
  section.mcb-section-22b790995 .mcb-section-inner-22b790995 {
    grid-template-columns: 1fr !important;
  }
}

/* Cada wrap de card: ocupa célula da grid */
section.mcb-section-22b790995 .mcb-wrap.one-third {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Card interno: altura igual, padding uniforme, conteúdo centralizado */
section.mcb-section-22b790995 .column_icon_box_2,
section.mcb-section-22b790995 .column_icon_box_2 .mcb-column-inner,
section.mcb-section-22b790995 .mcb-item-icon_box_2-inner {
  height: 100% !important;
  width: 100% !important;
}
section.mcb-section-22b790995 .mfn-icon-box {
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 36px 28px !important;
  border: 1px solid rgba(0,0,0,0.05) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05) !important;
  height: 100% !important;
  min-height: 340px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  margin: 0 !important;
}
section.mcb-section-22b790995 .mfn-icon-box .desc-wrapper {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  width: 100% !important;
  margin-top: 1rem !important;
}
section.mcb-section-22b790995 .mfn-icon-box .desc {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* === UNIFICAR: mesma cor exata em A Empresa, MVV (se claro), Contactos === */
section.mcb-section-2a022a70d,
section.mcb-section-d37518a30,
section.mcb-section-22b790995 {
  background: #f3f7fc !important;
  background-color: #f3f7fc !important;
  background-image: none !important;
}

/* === Contactos: fundo ESCURO igual às seções 'A máxima satisfação' / Projetos === */
section.mcb-section-d37518a30,
section.mcb-section-22b790995 {
  background: #1a1d22 !important;
  background-color: #1a1d22 !important;
  background-image: none !important;
}

/* Título do Contactos: parte azul vira branca para legibilidade no fundo escuro */
.mcb-column-inner-0837f15d0 h2 {
  color: #ffffff !important;
}
.mcb-column-inner-0837f15d0 h2 .themecolor {
  color: #00a64f !important;
}

/* Subtítulo cinza claro */
.mcb-column-inner-0837f15d0 p {
  color: rgba(255,255,255,0.72) !important;
}

/* Eyebrow já era verde, mantém */

/* === 'A nossa empresa': fundo ESCURO igual às outras seções === */
section.mcb-section-2a022a70d {
  background: #1a1d22 !important;
  background-color: #1a1d22 !important;
  background-image: none !important;
}

/* Título 'Presentes em vários países...' → branco */
.mcb-column-inner-e8b268f7c h3 {
  color: #ffffff !important;
}

/* 'A nossa empresa' → branco */
.mcb-column-inner-1060a7900 h3 {
  color: #ffffff !important;
}

/* Texto descritivo → cinza claro */
.mcb-column-inner-a4d395778 p {
  color: rgba(255,255,255,0.78) !important;
}

/* Strong (palavras destacadas) → verde claro pra contraste */
.mcb-column-inner-a4d395778 strong {
  color: #00a64f !important;
}

/* 'West Wind' em strong → branco bold para destaque */
.mcb-column-inner-a4d395778 p:first-of-type strong {
  color: #ffffff !important;
}

/* === Dividers entre seções: linha que anima horizontalmente no scroll === */
section.mcb-section-2a022a70d,
section.mcb-section-1a11357e5,
.ww-mvv-section,
section.mcb-section-e78874575,
section.mcb-section-d37518a30 {
  position: relative !important;
}

.ww-divider {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  pointer-events: none !important;
  overflow: hidden !important;
  z-index: 2 !important;
}

.ww-divider-line {
  display: block !important;
  width: 60% !important;
  height: 1px !important;
  margin: 0 auto !important;
  background: linear-gradient(90deg,
    rgba(0,166,79,0)    0%,
    rgba(0,166,79,0.6)  20%,
    rgba(0,166,79,1)    50%,
    rgba(0,166,79,0.6)  80%,
    rgba(0,166,79,0)    100%
  ) !important;
  box-shadow: 0 0 12px rgba(0,166,79,0.6) !important;
  transition: transform 0.15s linear !important;
  will-change: transform !important;
}

/* =============================================
   FOOTER + FAIXA CERTIFICADO — paleta unificada dark
   ============================================= */

/* Footer principal: fundo dark coerente com restante */
#Footer,
footer#Footer,
#Footer .widgets_wrapper {
  background: #14171c !important;
  background-color: #14171c !important;
  background-image: none !important;
  border-top: 1px solid rgba(0,166,79,0.18) !important;
}

/* Títulos h4 do footer: branco + sublinha verde West Wind */
#Footer .widget h4 {
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  margin: 0 0 1.2rem 0 !important;
  position: relative !important;
  padding-bottom: 0.75rem !important;
}
#Footer .widget h4::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 36px !important;
  height: 2px !important;
  background: #00a64f !important;
  border-radius: 2px !important;
}

/* Texto/links do footer: cinza claro legível */
#Footer .widget,
#Footer .widget p,
#Footer .widget li,
#Footer .widget a,
#Footer .widget .textwidget,
#Footer .widget .textwidget div {
  color: rgba(255,255,255,0.72) !important;
}
#Footer .widget a:hover {
  color: #00a64f !important;
}

/* Ícones do footer (location-arrow, call etc): verde */
#Footer .widget i.fa,
#Footer .widget i.icon-call,
#Footer .widget i.icon-mail,
#Footer .widget [class*='icon-'] {
  color: #00a64f !important;
}

/* Botão 'Contactos' no widget Visite-nos: verde sólido (era branco) */
#Footer .widget a.action_button,
#Footer .widget a.button {
  background: #00a64f !important;
  background-color: #00a64f !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 0.6rem 1.3rem !important;
  box-shadow: 0 4px 14px rgba(0,166,79,0.28) !important;
  transition: all 0.25s ease !important;
}
#Footer .widget a.action_button:hover,
#Footer .widget a.button:hover {
  background: #008a3f !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0,166,79,0.4) !important;
}
#Footer .widget a.action_button .button_icon i,
#Footer .widget a.button .button_icon i {
  color: #ffffff !important;
}

/* Lista 'Ligações Úteis': sem bullets, espaçamento melhor */
#Footer .widget ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}
#Footer .widget ul li {
  margin-bottom: 0.6rem !important;
  padding-left: 1.2rem !important;
  position: relative !important;
}
#Footer .widget ul li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: #00a64f;
  font-weight: 700;
}

/* Redes Sociais: header + texto + ícone em coluna alinhada */
#Footer .zoom-social-icons-widget {
  /* mantém layout */
}
#Footer .zoom-social-icons-widget::after {
  content: 'Siga a West Wind no LinkedIn para novidades e projetos.';
  display: block;
  color: rgba(255,255,255,0.55);
  font-size: 0.85rem;
  margin-top: 0.8rem;
  line-height: 1.5;
  max-width: 240px;
}
#Footer .zoom-social-icons-widget ul.zoom-social_icons-list a {
  transition: transform 0.25s ease, filter 0.25s ease !important;
}
#Footer .zoom-social-icons-widget ul.zoom-social_icons-list a:hover {
  transform: translateY(-3px) scale(1.08) !important;
  filter: brightness(1.15) !important;
}

/* =============================================
   FAIXA CERTIFICADO (section-page-footer)
   Estava branca — aplicar dark + acento verde
   ============================================= */
section.section-page-footer {
  background: #0f1218 !important;
  background-color: #0f1218 !important;
  border-top: 1px solid rgba(0,166,79,0.12) !important;
  padding: 30px 0 !important;
}
section.section-page-footer * {
  color: rgba(255,255,255,0.72) !important;
}
section.section-page-footer strong {
  color: #ffffff !important;
}
section.section-page-footer a {
  color: #00a64f !important;
  text-decoration: underline !important;
}
section.section-page-footer a:hover {
  color: #43c97a !important;
}

/* Copyright / Sacra Automation strip */
#Footer .footer_copy,
#Footer .copyright {
  background: #0f1218 !important;
  background-color: #0f1218 !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  color: rgba(255,255,255,0.55) !important;
}
#Footer .footer_copy a,
#Footer .copyright a {
  color: #00a64f !important;
}

/* =============================================
   CTA grande 'Solicitar orçamento' entre Contactos e Footer
   ============================================= */
.ww-cta-banner {
  background: linear-gradient(135deg, #008a3f 0%, #00a64f 50%, #2dbf69 100%) !important;
  padding: 50px 24px !important;
  text-align: center !important;
  margin: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}
.ww-cta-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('/wp-content/uploads/2020/10/factory3-bg.png');
  background-size: 320px auto;
  background-repeat: repeat;
  opacity: 0.06;
  mix-blend-mode: overlay;
  pointer-events: none;
}
.ww-cta-banner-content {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
  position: relative;
  z-index: 1;
}
.ww-cta-banner h3 {
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(1.4rem, 2.6vw, 2rem) !important;
  font-weight: 800 !important;
  margin: 0 !important;
  letter-spacing: -0.01em !important;
  text-align: left;
  line-height: 1.2;
}
.ww-cta-banner h3 small {
  display: block;
  font-size: 0.85rem;
  font-weight: 500;
  color: rgba(255,255,255,0.85);
  margin-top: 0.4rem;
  letter-spacing: 0.04em;
}
.ww-cta-banner a {
  background: #ffffff !important;
  color: #008a3f !important;
  padding: 0.95rem 2rem !important;
  border-radius: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.25) !important;
  transition: all 0.25s ease !important;
  white-space: nowrap;
}
.ww-cta-banner a:hover {
  background: #f3f7fc !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.35) !important;
  color: #008a3f !important;
}

@media (max-width: 720px) {
  .ww-cta-banner-content { flex-direction: column; text-align: center; }
  .ww-cta-banner h3 { text-align: center; }
}

/* === Estatísticas no widget Visite-nos (agora 'West Wind em números') === */
#Footer .widget .ww-stats {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 18px 12px !important;
}
#Footer .widget .ww-stats li {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
#Footer .widget .ww-stats li::before { display: none !important; }
#Footer .widget .ww-stats li strong {
  color: #00a64f !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 1.55rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  line-height: 1 !important;
}
#Footer .widget .ww-stats li span {
  color: rgba(255,255,255,0.65) !important;
  font-size: 0.78rem !important;
  line-height: 1.35 !important;
}

/* =============================================
   FIX 1: Faixa certificado ISO — elemento real .ww-iso-footer
   tem style inline, precisamos forçar com seletor + !important
   ============================================= */
.ww-iso-footer,
div.ww-iso-footer[style] {
  background: #0f1218 !important;
  background-color: #0f1218 !important;
  border-top: 1px solid rgba(0,166,79,0.18) !important;
  color: rgba(255,255,255,0.72) !important;
}
.ww-iso-footer *,
.ww-iso-footer div[style],
.ww-iso-footer p,
.ww-iso-footer span {
  color: rgba(255,255,255,0.72) !important;
}
.ww-iso-footer strong,
.ww-iso-footer strong[style] {
  color: #ffffff !important;
}
.ww-iso-footer a,
.ww-iso-footer a[style] {
  color: #00a64f !important;
  text-decoration: underline !important;
}
.ww-iso-footer a:hover {
  color: #43c97a !important;
}
/* Selo ISO continua branco ao redor pro contraste no PDF, mas elevar um pouco */
.ww-iso-footer img {
  filter: drop-shadow(0 4px 12px rgba(0,166,79,0.25));
}

/* =============================================
   FIX 2: setas → não devem aparecer no widget de Redes Sociais
   ============================================= */
#Footer .zoom-social-icons-widget ul li::before,
#Footer .zoom-social-icons-widget ul.zoom-social_icons-list li::before {
  display: none !important;
  content: none !important;
}
#Footer .zoom-social-icons-widget ul li {
  padding-left: 0 !important;
}

/* =============================================
   FIX 3: Texto 'Siga a West Wind' precisa renderizar
   ::after pode estar sendo cortado pelo overflow do widget;
   garantir display block e position
   ============================================= */
#Footer .zoom-social-icons-widget {
  display: block !important;
  overflow: visible !important;
}
#Footer .zoom-social-icons-widget::after {
  content: 'Siga a West Wind no LinkedIn para novidades e projetos.' !important;
  display: block !important;
  color: rgba(255,255,255,0.55) !important;
  font-size: 0.85rem !important;
  line-height: 1.5 !important;
  margin-top: 1rem !important;
  max-width: 240px !important;
  visibility: visible !important;
}

/* === Esconder widget 'West Wind em números' === */
#Footer #custom_html-3,
#Footer .widget.widget_text:has(.ww-stats),
#Footer .widget .ww-stats {
  display: none !important;
}

/* === Centralizar conteúdo do footer === */
#Footer .widgets_wrapper {
  max-width: 1100px !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: center !important;
  gap: 80px !important;
  flex-wrap: wrap !important;
  padding: 50px 24px !important;
}
#Footer .widgets_wrapper .column,
#Footer .widgets_wrapper > div {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 200px !important;
  max-width: 280px !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 720px) {
  #Footer .widgets_wrapper {
    gap: 40px !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  #Footer .widget h4::after {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

/* === Footer: colunas lado a lado horizontalmente, centralizadas === */
#Footer .widgets_wrapper {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 80px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 50px 24px !important;
}
#Footer .widgets_wrapper .column,
#Footer .widgets_wrapper > .column.one-third,
#Footer .widgets_wrapper > aside,
#Footer .widgets_wrapper > div {
  flex: 0 1 280px !important;
  width: 280px !important;
  min-width: 200px !important;
  max-width: 280px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

@media (max-width: 900px) {
  #Footer .widgets_wrapper {
    flex-wrap: wrap !important;
    gap: 40px !important;
  }
}
@media (max-width: 600px) {
  #Footer .widgets_wrapper {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  #Footer .widget h4::after {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

/* === Footer: aplicar flex no .container (filho do widgets_wrapper) === */
#Footer .widgets_wrapper {
  padding: 50px 0 !important;
  display: block !important;
}
#Footer .widgets_wrapper > .container {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 60px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
#Footer .widgets_wrapper > .container > .column {
  flex: 0 1 280px !important;
  width: 280px !important;
  max-width: 280px !important;
  min-width: 200px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

@media (max-width: 900px) {
  #Footer .widgets_wrapper > .container {
    flex-wrap: wrap !important;
    gap: 40px !important;
  }
}
@media (max-width: 600px) {
  #Footer .widgets_wrapper > .container {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
}

/* === Footer: ajustar larguras das colunas para evitar quebras feias === */
#Footer .widgets_wrapper > .container {
  max-width: 1200px !important;
  gap: 50px !important;
}
#Footer .widgets_wrapper > .container > .column {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 240px !important;
}

/* Email com ícone inline (não quebrar linha entre eles) */
#Footer .widget i.fa-envelope,
#Footer .widget i.fa.fa-envelope-o {
  margin-right: 0.4rem !important;
}
#Footer .widget .textwidget > div[style*='line-height'] {
  white-space: normal !important;
}

/* Lista Ligações Úteis: não quebrar texto entre 'Reclamações' e 'online' */
#Footer .widget ul li {
  white-space: nowrap !important;
}
@media (max-width: 1100px) {
  #Footer .widget ul li {
    white-space: normal !important;
  }
}

/* === Footer: centralizar realmente as 3 colunas lateralmente === */
#Footer .widgets_wrapper > .container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 100px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 5% !important;
}
#Footer .widgets_wrapper > .container > .column {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 280px !important;
  min-width: 180px !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 900px) {
  #Footer .widgets_wrapper > .container {
    flex-wrap: wrap !important;
    gap: 40px !important;
  }
}

/* === Sacra Automation: em linha separada abaixo do copyright === */
.ww-credit {
  display: block !important;
  margin-top: 0.4rem !important;
  font-size: 0.92em !important;
  opacity: 0.85 !important;
}

/* === Footer 3 colunas: centralização final igual ao copyright === */
#Footer .widgets_wrapper {
  display: block !important;
  width: 100% !important;
  padding: 50px 0 !important;
}
#Footer .widgets_wrapper > .container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 110px !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px) {
  #Footer .widgets_wrapper > .container {
    flex-wrap: wrap !important;
    gap: 40px !important;
    padding: 0 24px !important;
  }
}

/* === Reduzir altura do CTA banner e do footer === */
.ww-cta-banner {
  padding: 28px 24px !important;
}
.ww-cta-banner h3 {
  font-size: clamp(1.2rem, 2.2vw, 1.7rem) !important;
}
.ww-cta-banner a {
  padding: 0.7rem 1.6rem !important;
  font-size: 0.95rem !important;
}

#Footer .widgets_wrapper {
  padding: 30px 0 !important;
}
.ww-iso-footer,
div.ww-iso-footer[style] {
  padding: 16px 20px !important;
}
.ww-iso-footer img {
  height: 64px !important;
}

/* Garantir relative positioning para acomodar o .ww-divider em CTA e footer */
.ww-cta-banner,
#Footer .widgets_wrapper {
  position: relative !important;
}

/* === Centralização ROBUSTA igual ao .footer_copy .container === */
/* Footer widgets — mesma fórmula */
#Footer .widgets_wrapper > .container,
#Footer .footer_copy > .container {
  max-width: 1060px !important;
  width: 92% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#Footer .widgets_wrapper > .container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 40px !important;
}

#Footer .widgets_wrapper > .container > .column {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: 320px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* CTA banner: ALinhar com mesma fórmula */
.ww-cta-banner-content {
  max-width: 1060px !important;
  width: 92% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

@media (max-width: 720px) {
  #Footer .widgets_wrapper > .container {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 40px !important;
  }
  .ww-cta-banner-content {
    flex-direction: column !important;
    text-align: center !important;
  }
}

/* === RESOLUÇÃO DEFINITIVA: Betheme usa float:left em .column +
       width:25% em .one-fourth. Como 1 coluna está hidden, sobram 3
       à esquerda ocupando 75%. Override float E usar flex no pai. === */

#Footer .widgets_wrapper > .container {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 60px !important;
  max-width: 1060px !important;
  width: 92% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Forçar OVERRIDE no float:left do Betheme + remover width:25% */
#Footer .widgets_wrapper > .container > .column,
#Footer .widgets_wrapper > .container > .column.one-fourth,
#Footer .widgets_wrapper > .container > div.column {
  float: none !important;
  width: auto !important;
  max-width: 300px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Limpeza do clearfix que o float deixa */
#Footer .widgets_wrapper > .container::before,
#Footer .widgets_wrapper > .container::after {
  display: none !important;
  content: none !important;
}

@media (max-width: 720px) {
  #Footer .widgets_wrapper > .container {
    flex-wrap: wrap !important;
    gap: 30px !important;
  }
}

/* === ROLLBACK + abordagem mais simples: 3 colunas com width:33.333% === */

#Footer .widgets_wrapper > .container {
  display: block !important;
  max-width: 1060px !important;
  width: 92% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: left !important;
  overflow: hidden !important; /* clearfix dos floats */
}

#Footer .widgets_wrapper > .container > .column,
#Footer .widgets_wrapper > .container > .column.one-fourth {
  float: left !important;
  width: 33.333% !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
  display: block !important;
  visibility: visible !important;
  height: auto !important;
}

#Footer .widgets_wrapper > .container > #custom_html-3,
#Footer .widgets_wrapper > .container > .column:has(#custom_html-3) {
  display: none !important;
}

@media (max-width: 720px) {
  #Footer .widgets_wrapper > .container > .column,
  #Footer .widgets_wrapper > .container > .column.one-fourth {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
  }
  #Footer .widgets_wrapper > .container > .column h4::after {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* === Linha animada entre seções: trocar verde por azul West Wind === */
.ww-divider-line {
  background: linear-gradient(90deg,
    rgba(43,61,151,0)    0%,
    rgba(43,61,151,0.6)  20%,
    rgba(43,61,151,1)    50%,
    rgba(43,61,151,0.6)  80%,
    rgba(43,61,151,0)    100%
  ) !important;
  box-shadow: 0 0 14px rgba(43,61,151,0.7) !important;
}

/* === Copyright: centralizar no meio da página === */
#Footer .footer_copy,
#Footer .footer_copy > .container,
#Footer .footer_copy .copyright,
#Footer .footer_copy .ww-credit {
  text-align: center !important;
}
#Footer .footer_copy {
  padding: 24px 20px !important;
  position: relative !important;
}
#Footer .footer_copy > .container {
  max-width: 1060px !important;
  margin: 0 auto !important;
  display: block !important;
}
#Footer .footer_copy .copyright {
  display: block !important;
  margin: 0 auto !important;
}
#Footer .footer_copy .ww-credit {
  display: block !important;
  margin: 0.4rem auto 0 auto !important;
}

/* Linha azul West Wind mais SATURADA e visível em todas as seções */
.ww-divider {
  height: 2px !important;
  bottom: 0 !important;
}
.ww-divider-line {
  width: 70% !important;
  height: 2px !important;
  background: linear-gradient(90deg,
    rgba(43,61,151,0)     0%,
    rgba(43,61,151,0.5)   15%,
    rgba(43,61,151,1)     50%,
    rgba(43,61,151,0.5)   85%,
    rgba(43,61,151,0)     100%
  ) !important;
  box-shadow: 0 0 16px rgba(43,61,151,0.85), 0 0 6px rgba(43,61,151,1) !important;
}

/* Garantir position relative nas novas seções com divider */
section.mcb-section-22b790995,
#Footer .footer_copy {
  position: relative !important;
}

/* === Copyright: by Sacra na MESMA linha + tudo centralizado === */
.ww-credit {
  display: inline !important;
  margin: 0 !important;
  font-size: 1em !important;
  opacity: 1 !important;
}
#Footer .footer_copy,
#Footer .footer_copy > .container,
#Footer .footer_copy .copyright {
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#Footer .footer_copy {
  padding: 24px 20px !important;
}
#Footer .footer_copy .copyright {
  display: block !important;
  margin: 0 auto !important;
  text-align: center !important;
  width: 100% !important;
}

/* === Linha azul West Wind FIXA no centro da página (sem animação) === */
.ww-divider {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 2px !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  pointer-events: none !important;
  z-index: 2 !important;
  overflow: visible !important;
}
.ww-divider-line {
  display: block !important;
  width: 60% !important;
  max-width: 700px !important;
  height: 2px !important;
  margin: 0 auto !important;
  transform: none !important;
  transition: none !important;
  background: linear-gradient(90deg,
    rgba(43,61,151,0)    0%,
    rgba(43,61,151,0.5)  15%,
    rgba(43,61,151,1)    50%,
    rgba(43,61,151,0.5)  85%,
    rgba(43,61,151,0)    100%
  ) !important;
  box-shadow: 0 0 16px rgba(43,61,151,0.85), 0 0 6px rgba(43,61,151,1) !important;
}

/* === Reativar animação das linhas (exceto penúltima que fica fixa) === */
.ww-divider {
  display: block !important;
  overflow: hidden !important;
  height: 1px !important;
}
.ww-divider-line {
  width: 60% !important;
  max-width: none !important;
  margin: 0 auto !important;
  transform: translateX(0) !important;
  transition: transform 0.15s linear !important;
}
/* Penúltima linha (footer widgets) sempre fixa no centro */
#Footer .widgets_wrapper .ww-divider-line {
  transform: translateX(0) !important;
  transition: none !important;
}

/* === Separador footer widgets: 5 segmentos lado a lado === */
#Footer .widgets_wrapper .ww-divider {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  overflow: visible !important;
}
/* Reset linha genérica para os segmentos do footer */
#Footer .widgets_wrapper .ww-divider .ww-divider-line {
  display: block !important;
  height: 2px !important;
  margin: 0 !important;
  border-radius: 2px !important;
  transform: none !important;
  transition: none !important;
  flex-shrink: 0 !important;
  background: rgba(43,61,151,0.5) !important;
  box-shadow: none !important;
  width: 50px !important;
}
/* Extremos: pequenos, discretos */
#Footer .widgets_wrapper .ww-divider .ww-divider-line:nth-child(1),
#Footer .widgets_wrapper .ww-divider .ww-divider-line:nth-child(5) {
  width: 36px !important;
  background: rgba(43,61,151,0.28) !important;
}
/* Segundos: médios */
#Footer .widgets_wrapper .ww-divider .ww-divider-line:nth-child(2),
#Footer .widgets_wrapper .ww-divider .ww-divider-line:nth-child(4) {
  width: 60px !important;
  background: rgba(43,61,151,0.6) !important;
  box-shadow: 0 0 8px rgba(43,61,151,0.45) !important;
}
/* Central: mais largo e brilhante */
#Footer .widgets_wrapper .ww-divider .ww-divider-line:nth-child(3) {
  width: 90px !important;
  background: rgba(43,61,151,1) !important;
  box-shadow: 0 0 14px rgba(43,61,151,0.8), 0 0 5px rgba(43,61,151,1) !important;
}

/* === FIX FINAL: separador entre widgets e copyright ===
   Agora é IRMÃO de widgets_wrapper (não filho), então ocupa
   100% da página sem depender de position:absolute */
#Footer > .ww-divider.ww-divider-footer-mid {
  position: static !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  padding: 18px 0 !important;
  margin: 0 !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  overflow: visible !important;
  background: transparent !important;
}
#Footer > .ww-divider.ww-divider-footer-mid .ww-divider-line {
  position: static !important;
  display: block !important;
  height: 2px !important;
  margin: 0 !important;
  border-radius: 2px !important;
  transform: none !important;
  transition: none !important;
  flex-shrink: 0 !important;
}
/* Extremos */
#Footer > .ww-divider.ww-divider-footer-mid .ww-divider-line:nth-child(1),
#Footer > .ww-divider.ww-divider-footer-mid .ww-divider-line:nth-child(5) {
  width: 36px !important;
  background: rgba(43,61,151,0.28) !important;
  box-shadow: none !important;
}
/* Intermédios */
#Footer > .ww-divider.ww-divider-footer-mid .ww-divider-line:nth-child(2),
#Footer > .ww-divider.ww-divider-footer-mid .ww-divider-line:nth-child(4) {
  width: 60px !important;
  background: rgba(43,61,151,0.6) !important;
  box-shadow: 0 0 8px rgba(43,61,151,0.45) !important;
}
/* Central */
#Footer > .ww-divider.ww-divider-footer-mid .ww-divider-line:nth-child(3) {
  width: 90px !important;
  background: rgba(43,61,151,1) !important;
  box-shadow: 0 0 14px rgba(43,61,151,0.85), 0 0 5px rgba(43,61,151,1) !important;
}

/* Remover apenas a linha entre widgets e copyright (manter todas as outras) */
#Footer > .ww-divider.ww-divider-footer-mid {
  display: none !important;
}

/* =============================================
   TEMA UNIFICADO — PÁGINAS INTERNAS
   (Empresa, Projetos, Contactos, Política, etc.)
   Aplica paleta + tipografia do Home às outras páginas
   ============================================= */

/* ---- Body das páginas internas: mesmo bg neutro do home ---- */
body.page:not(.home) {
  background-color: #f1f5fa !important;
}

/* ---- Subheader: banner com h1 + breadcrumbs ---- */
body.page:not(.home) #Subheader {
  background: linear-gradient(135deg, #14171c 0%, #1a1d22 55%, #1f2730 100%) !important;
  background-image: linear-gradient(135deg, #14171c 0%, #1a1d22 55%, #1f2730 100%) !important;
  padding: 100px 0 64px 0 !important;
  position: relative !important;
  border-bottom: 1px solid rgba(0,166,79,0.18) !important;
  overflow: hidden !important;
}
body.page:not(.home) #Subheader::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: url('/wp-content/uploads/2020/10/factory3-bg.png') !important;
  background-size: 420px auto !important;
  background-repeat: repeat !important;
  opacity: 0.05 !important;
  pointer-events: none !important;
}
body.page:not(.home) #Subheader::after {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 0 !important;
  width: 90px !important;
  height: 3px !important;
  background: #00a64f !important;
  border-radius: 2px !important;
}
body.page:not(.home) #Subheader .container {
  position: relative !important;
  z-index: 1 !important;
  text-align: center !important;
}
body.page:not(.home) #Subheader h1.title {
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(2rem, 4.5vw, 3.4rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1 !important;
  margin: 0 0 0.8rem 0 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.4) !important;
}
body.page:not(.home) #Subheader .breadcrumbs {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.4rem !important;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
  color: rgba(255,255,255,0.55) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
body.page:not(.home) #Subheader .breadcrumbs li {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}
body.page:not(.home) #Subheader .breadcrumbs a {
  color: rgba(255,255,255,0.72) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
body.page:not(.home) #Subheader .breadcrumbs a:hover {
  color: #00a64f !important;
}
body.page:not(.home) #Subheader .breadcrumbs li:last-child a {
  color: #00a64f !important;
  pointer-events: none !important;
}
body.page:not(.home) #Subheader .breadcrumbs i {
  font-size: 0.75rem !important;
  margin: 0 0.3rem !important;
  color: rgba(255,255,255,0.35) !important;
}

/* ---- Header sticky transparente vira sólido em página interna ---- */
body.page:not(.home) #Header_wrapper {
  background: #14171c !important;
}

/* ---- Neutralizar background-colors inline (mostarda, bege etc) ---- */
body.page:not(.home) section.section[style*='background-color:#fec751'],
body.page:not(.home) section.section[style*='background-color:#E5D0A5'],
body.page:not(.home) section.section[style*='background-color:#fff'],
body.page:not(.home) section.section[style*='background-color:#ffffff'],
body.page:not(.home) section.section[style*='background-color:#F2F2F2'],
body.page:not(.home) section.section[style*='background-color:#f5f5f5'],
body.page:not(.home) section.section[style*='background-color:#f7f7f7'],
body.page:not(.home) section.section[style*='background-color:#eee'],
body.page:not(.home) section.section[style*='background-color:#e5e5e5'] {
  background: #f1f5fa !important;
  background-color: #f1f5fa !important;
  background-image: none !important;
}

/* Seções escuras */
body.page:not(.home) section.section[style*='background-color:#121d23'],
body.page:not(.home) section.section[style*='background-color:#161922'],
body.page:not(.home) section.section[style*='background-color:#191919'],
body.page:not(.home) section.section[style*='background-color:#292b33'],
body.page:not(.home) section.section[style*='background-color:#32373c'],
body.page:not(.home) section.section[style*='background-color:#313131'] {
  background: #1a1d22 !important;
  background-color: #1a1d22 !important;
  background-image: none !important;
}

/* Esconder bg externo larfamiliar.pt (residuo do template antigo) */
body.page:not(.home) section.section[style*='larfamiliar.pt'] {
  background-image: none !important;
}
body.page:not(.home) section.section[style*='larfamiliar.pt'] .mfn-parallax {
  display: none !important;
}

/* Alternância clara/escura para seções sem cor definida (zebrado suave) */
body.page:not(.home) #Content > .section_wrapper > section.section.mcb-section:not([style*='background-color']) {
  background: #f1f5fa !important;
}
body.page:not(.home) #Content > .section_wrapper > section.section.mcb-section:not([style*='background-color']):nth-of-type(even) {
  background: #e9eef5 !important;
}

/* ---- Tipografia consistente nas páginas internas ---- */
body.page:not(.home) #Content h2,
body.page:not(.home) #Content h2.title {
  font-family: 'Inter', sans-serif !important;
  color: #2b3d97 !important;
  font-size: clamp(1.5rem, 2.8vw, 2.2rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.18 !important;
  margin: 0 0 1rem 0 !important;
  position: relative !important;
  padding-bottom: 14px !important;
}
body.page:not(.home) #Content h2::after,
body.page:not(.home) #Content h2.title::after {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 0 !important;
  width: 60px !important;
  height: 3px !important;
  background: #00a64f !important;
  border-radius: 2px !important;
}
body.page:not(.home) #Content .column_attr.align_center h2,
body.page:not(.home) #Content .column_heading h2 {
  text-align: center !important;
}

body.page:not(.home) #Content h5.title {
  font-family: 'Inter', sans-serif !important;
  color: #2b3d97 !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  margin: 0 0 0.6rem 0 !important;
  letter-spacing: -0.01em !important;
}

body.page:not(.home) #Content p,
body.page:not(.home) #Content .desc,
body.page:not(.home) #Content .column_attr {
  font-family: 'Inter', sans-serif !important;
  color: rgba(20,23,28,0.75) !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
}
body.page:not(.home) #Content strong {
  color: #14171c !important;
  font-weight: 700 !important;
}
body.page:not(.home) #Content a:not(.action_button):not(.button):not(.ww-map-link) {
  color: #00a64f !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
body.page:not(.home) #Content a:not(.action_button):not(.button):not(.ww-map-link):hover {
  color: #008a3f !important;
  text-decoration: underline !important;
}

/* ---- Icon boxes (Missão, Visão, Valores etc): card branco ---- */
body.page:not(.home) #Content .column_icon_box_2 .mcb-item-icon_box_2-inner,
body.page:not(.home) #Content .mfn-icon-box {
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 32px 24px !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 8px 24px rgba(43,61,151,0.07) !important;
  height: 100% !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
  margin: 8px 0 !important;
}
body.page:not(.home) #Content .column_icon_box_2 .mcb-item-icon_box_2-inner:hover,
body.page:not(.home) #Content .mfn-icon-box:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(43,61,151,0.13) !important;
  border-color: rgba(0,166,79,0.28) !important;
}
body.page:not(.home) #Content .mfn-icon-box .icon-wrapper {
  width: 64px !important;
  height: 64px !important;
  margin: 0 auto 1rem auto !important;
  background: rgba(0,166,79,0.10) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.page:not(.home) #Content .mfn-icon-box .icon-wrapper i {
  color: #00a64f !important;
  font-size: 28px !important;
}
body.page:not(.home) #Content .mfn-icon-box .desc {
  color: rgba(20,23,28,0.7) !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
}

/* ---- Counters: número verde grande ---- */
body.page:not(.home) #Content .counter {
  text-align: center !important;
  padding: 24px 16px !important;
}
body.page:not(.home) #Content .counter .number-wrapper {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0.25rem !important;
}
body.page:not(.home) #Content .counter .number,
body.page:not(.home) #Content .counter .label {
  font-family: 'Inter', sans-serif !important;
  color: #00a64f !important;
  font-size: clamp(2.4rem, 5.5vw, 4rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1 !important;
}
body.page:not(.home) #Content .counter p.title {
  font-family: 'Inter', sans-serif !important;
  color: rgba(255,255,255,0.82) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  margin-top: 0.6rem !important;
  letter-spacing: 0.01em !important;
}
/* Em fundo claro, label do counter cinza-azulado */
body.page:not(.home) #Content section.section:not([data-parallax]):not([style*='background-color:#1']):not([style*='background-color:#2']):not([style*='background-color:#3']) .counter p.title {
  color: rgba(20,23,28,0.7) !important;
}

/* ---- Imagens com border-radius suave ---- */
body.page:not(.home) #Content .image_frame img {
  border-radius: 12px !important;
  box-shadow: 0 12px 30px rgba(43,61,151,0.12) !important;
}

/* ---- Espaçamento entre seções consistente ---- */
body.page:not(.home) #Content section.section {
  padding-top: clamp(50px, 6vw, 80px) !important;
  padding-bottom: clamp(50px, 6vw, 80px) !important;
}

/* ---- Texto branco quando seção for escura ---- */
body.page:not(.home) section.section[style*='background-color:#121d23'] *,
body.page:not(.home) section.section[style*='background-color:#161922'] *,
body.page:not(.home) section.section[style*='background-color:#191919'] *,
body.page:not(.home) section.section[style*='background-color:#292b33'] *,
body.page:not(.home) section.section[style*='background-color:#32373c'] *,
body.page:not(.home) section.section[data-parallax] *:not(.icon-wrapper):not(i) {
  color: inherit !important;
}
body.page:not(.home) section.section[data-parallax] h2,
body.page:not(.home) section.section[data-parallax] h2.title,
body.page:not(.home) section.section[data-parallax] h5.title,
body.page:not(.home) section.section[data-parallax] .counter .number,
body.page:not(.home) section.section[data-parallax] .counter .label {
  color: #ffffff !important;
}
body.page:not(.home) section.section[data-parallax] h2::after,
body.page:not(.home) section.section[data-parallax] h2.title::after {
  background: #00a64f !important;
}
body.page:not(.home) section.section[data-parallax] p,
body.page:not(.home) section.section[data-parallax] .desc {
  color: rgba(255,255,255,0.78) !important;
}
body.page:not(.home) section.section[data-parallax] strong {
  color: #ffffff !important;
}
body.page:not(.home) section.section[data-parallax] {
  background-color: #1a1d22 !important;
}
body.page:not(.home) section.section[data-parallax] .mfn-parallax {
  opacity: 0.15 !important;
  filter: grayscale(0.4) contrast(1.1) !important;
}

/* =============================================
   SUBHEADER UPGRADE — feel like mini-hero
   Imagem industrial de fundo, eyebrow, tipografia maior
   ============================================= */
body.page:not(.home) #Subheader {
  background: linear-gradient(rgba(20,23,28,0.78), rgba(20,23,28,0.88)),
              url('/wp-content/uploads/2025/02/industria.jpg') center/cover no-repeat !important;
  background-attachment: scroll !important;
  padding: 120px 0 80px 0 !important;
  min-height: 360px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.page:not(.home) #Subheader .container {
  padding: 0 24px !important;
}
/* Eyebrow acima do título por página */
body.page:not(.home) #Subheader h1.title::before {
  display: block !important;
  color: #00a64f !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  margin-bottom: 1rem !important;
  content: 'WEST WIND' !important;
}
body.page.page-id-13 #Subheader h1.title::before {
  content: 'A NOSSA EMPRESA' !important;
}
body.page.page-id-121 #Subheader h1.title::before {
  content: 'O QUE FAZEMOS' !important;
}
body.page.page-id-114 #Subheader h1.title::before {
  content: 'FALE CONNOSCO' !important;
}
body.page.page-id-3 #Subheader h1.title::before {
  content: 'INFORMAÇÃO LEGAL' !important;
}
/* Imagem de fundo por página */
body.page.page-id-13 #Subheader {
  background-image: linear-gradient(rgba(20,23,28,0.78), rgba(20,23,28,0.88)),
                    url('/wp-content/uploads/2025/02/industria.jpg') !important;
}
body.page.page-id-121 #Subheader {
  background-image: linear-gradient(rgba(20,23,28,0.78), rgba(20,23,28,0.88)),
                    url('/wp-content/uploads/2024/05/1683910751772.jpeg') !important;
}
body.page.page-id-114 #Subheader {
  background-image: linear-gradient(rgba(20,23,28,0.78), rgba(20,23,28,0.88)),
                    url('/wp-content/uploads/2025/02/industria-2.jpg') !important;
}
body.page.page-id-3 #Subheader {
  background-image: linear-gradient(rgba(20,23,28,0.82), rgba(20,23,28,0.92)),
                    url('/wp-content/uploads/2025/02/numeros.jpg') !important;
}

/* Breadcrumb mais sutil */
body.page:not(.home) #Subheader .breadcrumbs {
  margin-top: 1.4rem !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 999px !important;
  padding: 0.5rem 1.2rem !important;
  backdrop-filter: blur(8px) !important;
}

/* Padronizar o footer-pager (next/prev page) */
body.page:not(.home) section.section-page-footer {
  background: #0f1218 !important;
  border-top: 1px solid rgba(0,166,79,0.12) !important;
  padding: 30px 0 !important;
}
body.page:not(.home) section.section-page-footer .page-pager a {
  color: #00a64f !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
body.page:not(.home) section.section-page-footer .page-pager a:hover {
  color: #43c97a !important;
}
body.page:not(.home) section.section-page-footer * {
  color: rgba(255,255,255,0.78) !important;
}

/* =============================================
   EMPRESA — Primeira seção 'Bem-vindo à West Wind'
   Espelha as primeiras seções do Home (image + text)
   ============================================= */
body.page-id-13 section.mcb-section-6d7f9e19d {
  background: #f1f5fa !important;
  background-image: none !important;
  padding: clamp(70px, 9vw, 120px) 0 !important;
  position: relative !important;
  overflow: hidden !important;
}
/* Faixa decorativa de fundo (vento estilizado) */
body.page-id-13 section.mcb-section-6d7f9e19d::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  right: -150px !important;
  width: 600px !important;
  height: 600px !important;
  background: radial-gradient(circle, rgba(0,166,79,0.06) 0%, transparent 70%) !important;
  border-radius: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}
body.page-id-13 section.mcb-section-6d7f9e19d .section_wrapper {
  max-width: 1200px !important;
  margin: 0 auto !important;
  position: relative !important;
  z-index: 1 !important;
  padding: 0 24px !important;
}

/* Coluna da imagem: emolduramento brand */
body.page-id-13 section.mcb-section-6d7f9e19d .mcb-column-inner-7b1624c5a {
  position: relative !important;
}
body.page-id-13 section.mcb-section-6d7f9e19d .mcb-column-inner-7b1624c5a::after {
  content: '' !important;
  position: absolute !important;
  inset: 18px -18px -18px 18px !important;
  border: 3px solid #00a64f !important;
  border-radius: 14px !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
body.page-id-13 section.mcb-section-6d7f9e19d .image_frame {
  position: relative !important;
  z-index: 1 !important;
}
body.page-id-13 section.mcb-section-6d7f9e19d .image_frame img {
  border-radius: 14px !important;
  box-shadow: 0 22px 50px rgba(20,23,28,0.25) !important;
  border: 1px solid rgba(255,255,255,0.6) !important;
}

/* Coluna de texto: eyebrow + título à esquerda */
body.page-id-13 section.mcb-section-6d7f9e19d .mcb-column-inner-e55447d62 {
  padding-left: 1rem !important;
}
body.page-id-13 section.mcb-section-6d7f9e19d .mcb-column-inner-e55447d62 .column_attr {
  text-align: left !important;
}
body.page-id-13 section.mcb-section-6d7f9e19d .mcb-column-inner-e55447d62 h2 {
  text-align: left !important;
  color: #14171c !important;
  font-size: clamp(1.8rem, 3.4vw, 2.6rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  margin: 0 0 1.2rem 0 !important;
  padding-bottom: 16px !important;
}
body.page-id-13 section.mcb-section-6d7f9e19d .mcb-column-inner-e55447d62 h2::before {
  content: 'QUEM SOMOS' !important;
  display: block !important;
  color: #00a64f !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  margin-bottom: 1rem !important;
}
body.page-id-13 section.mcb-section-6d7f9e19d .mcb-column-inner-e55447d62 h2::after {
  left: 0 !important;
  transform: none !important;
  width: 60px !important;
  height: 3px !important;
  background: #00a64f !important;
  border-radius: 2px !important;
}

/* Parágrafos com mais peso visual */
body.page-id-13 section.mcb-section-6d7f9e19d p {
  font-family: 'Inter', sans-serif !important;
  color: rgba(20,23,28,0.78) !important;
  font-size: 1.02rem !important;
  line-height: 1.7 !important;
  margin: 0 0 0.9rem 0 !important;
  text-align: left !important;
}
body.page-id-13 section.mcb-section-6d7f9e19d p strong {
  color: #2b3d97 !important;
  font-weight: 700 !important;
}
/* Remover hr de espaço (deixa o margin natural) */
body.page-id-13 section.mcb-section-6d7f9e19d hr.no_line {
  display: none !important;
}

/* Linha azul decorativa no rodapé da seção (igual home) */
body.page-id-13 section.mcb-section-6d7f9e19d::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 60% !important;
  max-width: 600px !important;
  height: 2px !important;
  background: linear-gradient(90deg,
    rgba(43,61,151,0) 0%,
    rgba(43,61,151,0.6) 50%,
    rgba(43,61,151,0) 100%) !important;
}

/* =============================================
   HEADER TRANSPARENTE NAS INTERNAS — igual home
   Sobrescreve o #14171c que adicionei antes
   ============================================= */
body.page:not(.home) #Header_wrapper {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  position: relative !important;
}
body.page:not(.home) #Header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 100 !important;
  background: linear-gradient(to right,
    rgba(20,23,28,0.55) 0%,
    rgba(20,23,28,0.35) 50%,
    rgba(20,23,28,0.15) 100%) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

/* Subheader: aumentar padding-top para o título não ficar sob o header */
body.page:not(.home) #Subheader {
  padding-top: 200px !important;
  padding-bottom: 100px !important;
  min-height: 460px !important;
}

/* Eyebrow Empresa: QUEM SOMOS (h1 agora diz 'A nossa empresa') */
body.page.page-id-13 #Subheader h1.title::before {
  content: 'QUEM SOMOS' !important;
}

/* Empresa: remover eyebrow do Subheader (deixar só o título) */
body.page.page-id-13 #Subheader h1.title::before {
  display: none !important;
  content: none !important;
}

/* Empresa: título em verde + sem breadcrumb + altura compacta */
body.page.page-id-13 #Subheader h1.title {
  color: #00a64f !important;
  text-shadow: 0 2px 16px rgba(0,0,0,0.45) !important;
  margin: 0 !important;
}
body.page.page-id-13 #Subheader .breadcrumbs {
  display: none !important;
}
body.page.page-id-13 #Subheader {
  padding-top: 150px !important;
  padding-bottom: 50px !important;
  min-height: auto !important;
}

/* =============================================
   EMPRESA — Estrutura Organizacional
   Padrão home: bg cinza alternado + grid 3×2 de cards
   ============================================= */
body.page-id-13 section.mcb-section-2556e203b {
  background: #e9eef5 !important;
  background-image: none !important;
  padding: clamp(70px, 9vw, 110px) 0 !important;
  position: relative !important;
}

/* Section wrapper centrado */
body.page-id-13 section.mcb-section-2556e203b .section_wrapper {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* Wrap interno: layout grid */
body.page-id-13 section.mcb-section-2556e203b .mcb-wrap-inner-101d1e19a {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
}
@media (max-width: 900px) {
  body.page-id-13 section.mcb-section-2556e203b .mcb-wrap-inner-101d1e19a {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  body.page-id-13 section.mcb-section-2556e203b .mcb-wrap-inner-101d1e19a {
    grid-template-columns: 1fr !important;
  }
}

/* Coluna do título: ocupa toda a largura da grid */
body.page-id-13 section.mcb-section-2556e203b .column_column.mcb-item-fb26500ae {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 1rem 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

/* Coluna do título: estilo home (eyebrow + título grande) */
body.page-id-13 section.mcb-section-2556e203b .mcb-column-inner-fb26500ae .column_attr {
  text-align: center !important;
  padding: 0 !important;
  position: relative !important;
}
body.page-id-13 section.mcb-section-2556e203b .mcb-column-inner-fb26500ae .column_attr::before {
  content: 'A ESTRUTURA' !important;
  display: block !important;
  color: #00a64f !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  margin-bottom: 0.8rem !important;
}
body.page-id-13 section.mcb-section-2556e203b h2 {
  font-family: 'Inter', sans-serif !important;
  color: #14171c !important;
  font-size: clamp(1.8rem, 3.4vw, 2.6rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  text-align: center !important;
  margin: 0 0 2.4rem 0 !important;
  padding-bottom: 14px !important;
  position: relative !important;
}
body.page-id-13 section.mcb-section-2556e203b h2::after {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 0 !important;
  width: 60px !important;
  height: 3px !important;
  background: #00a64f !important;
  border-radius: 2px !important;
}

/* Cards: cada one-third ocupa célula da grid */
body.page-id-13 section.mcb-section-2556e203b .column_icon_box_2 {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}
body.page-id-13 section.mcb-section-2556e203b .column_icon_box_2 .mcb-column-inner {
  width: 100% !important;
  display: flex !important;
}

/* Card interno: altura igual, card branco brand */
body.page-id-13 section.mcb-section-2556e203b .mcb-item-icon_box_2-inner,
body.page-id-13 section.mcb-section-2556e203b .mfn-icon-box {
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 32px 24px !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 8px 24px rgba(43,61,151,0.06) !important;
  width: 100% !important;
  min-height: 240px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
}
body.page-id-13 section.mcb-section-2556e203b .mfn-icon-box:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(43,61,151,0.14) !important;
  border-color: rgba(0,166,79,0.30) !important;
}
/* Faixa verde no topo do card */
body.page-id-13 section.mcb-section-2556e203b .mfn-icon-box::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #00a64f, #2dbf69) !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform 0.4s ease !important;
}
body.page-id-13 section.mcb-section-2556e203b .column_icon_box_2:hover .mfn-icon-box::before {
  transform: scaleX(1) !important;
}

/* Ícone do card */
body.page-id-13 section.mcb-section-2556e203b .mfn-icon-box .icon-wrapper {
  width: 64px !important;
  height: 64px !important;
  margin: 0 auto 1.1rem auto !important;
  background: rgba(0,166,79,0.10) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.4s ease !important;
}
body.page-id-13 section.mcb-section-2556e203b .column_icon_box_2:hover .mfn-icon-box .icon-wrapper {
  transform: scale(1.08) rotate(-3deg) !important;
}
body.page-id-13 section.mcb-section-2556e203b .mfn-icon-box .icon-wrapper i {
  color: #00a64f !important;
  font-size: 26px !important;
}

/* Title do card */
body.page-id-13 section.mcb-section-2556e203b .mfn-icon-box h5.title {
  font-family: 'Inter', sans-serif !important;
  color: #2b3d97 !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  margin: 0 0 0.7rem 0 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  padding: 0 !important;
}
body.page-id-13 section.mcb-section-2556e203b .mfn-icon-box h5.title::after {
  display: none !important;
}

/* Description do card */
body.page-id-13 section.mcb-section-2556e203b .mfn-icon-box .desc {
  font-family: 'Inter', sans-serif !important;
  color: rgba(20,23,28,0.68) !important;
  font-size: 0.92rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* =============================================
   EMPRESA — Números que nos definem (parallax)
   ============================================= */
body.page-id-13 section.mcb-section-6d56278ab {
  background-color: #1a1d22 !important;
  padding: clamp(70px, 9vw, 110px) 0 !important;
  position: relative !important;
}
/* Remover qualquer caixa branca interna */
body.page-id-13 section.mcb-section-6d56278ab .section_wrapper,
body.page-id-13 section.mcb-section-6d56278ab .mcb-section-inner-6d56278ab,
body.page-id-13 section.mcb-section-6d56278ab .mcb-wrap-inner-e92fe739e,
body.page-id-13 section.mcb-section-6d56278ab .column_heading,
body.page-id-13 section.mcb-section-6d56278ab .mcb-column-inner-6d24202f7,
body.page-id-13 section.mcb-section-6d56278ab .mcb-item-heading-inner {
  background: transparent !important;
  background-color: transparent !important;
}
body.page-id-13 section.mcb-section-6d56278ab .mcb-background-overlay {
  background: rgba(20,23,28,0.72) !important;
}
body.page-id-13 section.mcb-section-6d56278ab h2.title {
  color: #ffffff !important;
  text-align: center !important;
  margin: 0 auto 2.5rem auto !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.5) !important;
}
body.page-id-13 section.mcb-section-6d56278ab h2.title::after {
  background: #00a64f !important;
}
body.page-id-13 section.mcb-section-6d56278ab .counter .number,
body.page-id-13 section.mcb-section-6d56278ab .counter .label {
  color: #00a64f !important;
  font-size: clamp(2.8rem, 6vw, 4.5rem) !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 16px rgba(0,0,0,0.35) !important;
}
body.page-id-13 section.mcb-section-6d56278ab .counter p.title {
  color: rgba(255,255,255,0.85) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 1.02rem !important;
  font-weight: 500 !important;
  margin-top: 0.5rem !important;
  padding-bottom: 0 !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}
body.page-id-13 section.mcb-section-6d56278ab .counter p.title::after {
  display: none !important;
}

/* =============================================
   EMPRESA — Política da Qualidade (compromissos como cards)
   ============================================= */
body.page-id-13 section.mcb-section-gfaojhn26 {
  background: #f1f5fa !important;
  padding: clamp(70px, 9vw, 110px) 0 !important;
}
body.page-id-13 section.mcb-section-gfaojhn26 .section_wrapper {
  max-width: 880px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
body.page-id-13 section.mcb-section-gfaojhn26 h2 {
  text-align: center !important;
  margin: 0 0 2.5rem 0 !important;
}
/* Intro paragraph (primeiro p) */
body.page-id-13 section.mcb-section-gfaojhn26 .column_attr p.p1:first-of-type {
  background: rgba(43,61,151,0.08) !important;
  border-radius: 10px !important;
  padding: 18px 22px !important;
  margin: 0 0 1.5rem 0 !important;
  text-align: center !important;
  font-size: 1.05rem !important;
  color: #2b3d97 !important;
}
/* Compromissos como cards com check verde */
body.page-id-13 section.mcb-section-gfaojhn26 .column_attr p.p1:not(:first-of-type) {
  background: #ffffff !important;
  border-radius: 10px !important;
  padding: 16px 20px 16px 56px !important;
  margin: 0 0 12px 0 !important;
  text-align: left !important;
  font-size: 1rem !important;
  color: rgba(20,23,28,0.82) !important;
  box-shadow: 0 4px 14px rgba(43,61,151,0.06) !important;
  border: 1px solid rgba(0,0,0,0.04) !important;
  position: relative !important;
  transition: all 0.25s ease !important;
}
body.page-id-13 section.mcb-section-gfaojhn26 .column_attr p.p1:not(:first-of-type)::before {
  content: '\2713' !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 26px !important;
  height: 26px !important;
  background: #00a64f !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(0,166,79,0.35) !important;
}
body.page-id-13 section.mcb-section-gfaojhn26 .column_attr p.p1:not(:first-of-type):hover {
  transform: translateX(4px) !important;
  box-shadow: 0 8px 22px rgba(43,61,151,0.1) !important;
  border-color: rgba(0,166,79,0.25) !important;
}
body.page-id-13 section.mcb-section-gfaojhn26 .column_attr p.p1 strong {
  color: inherit !important;
  font-weight: 600 !important;
}

/* =============================================
   Eliminar espaço vazio antes do footer
   ============================================= */
body.page:not(.home) section.section-page-footer {
  padding: 0 !important;
  background: transparent !important;
  border-top: none !important;
  display: none !important;
}
body.page:not(.home) section.the_content.no_content {
  display: none !important;
}

/* =============================================
   Eliminar gap entre última seção e CTA verde
   (mesma estrutura usada no home — fundo dark contínuo)
   ============================================= */
body.page:not(.home) #Wrapper {
  background: #1a1d22 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body.page:not(.home) #Content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  background: transparent !important;
}
body.page:not(.home) #Content > .content_wrapper,
body.page:not(.home) #Content > .section_wrapper,
body.page:not(.home) .mfn-builder-content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Esconder com TODOS os reforços */
body.page:not(.home) section.the_content.no_content,
body.page:not(.home) section.section.the_content,
body.page:not(.home) section.section-page-footer {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* =============================================
   EMPRESA — 'Bem-vindo à West Wind' refeita
   Padrão: dark + texto branco + keywords em verde + imagem à direita
   (igual seção 'A nossa empresa' do home)
   ============================================= */
body.page-id-13 section.mcb-section-6d7f9e19d {
  background: #1a1d22 !important;
  background-color: #1a1d22 !important;
  background-image: none !important;
}
/* Remove glow verde radial (era para fundo claro) */
body.page-id-13 section.mcb-section-6d7f9e19d::before {
  display: none !important;
  content: none !important;
}
/* Invert layout: imagem RIGHT, texto LEFT */
body.page-id-13 section.mcb-section-6d7f9e19d .mcb-section-inner-6d7f9e19d {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  gap: 50px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}
@media (max-width: 900px) {
  body.page-id-13 section.mcb-section-6d7f9e19d .mcb-section-inner-6d7f9e19d {
    flex-direction: column !important;
    gap: 30px !important;
  }
}
body.page-id-13 section.mcb-section-6d7f9e19d > .section_wrapper {
  max-width: 100% !important;
  padding: 0 24px !important;
}

/* Imagem: sem moldura verde, só cantos arredondados + sombra */
body.page-id-13 section.mcb-section-6d7f9e19d .mcb-column-inner-7b1624c5a::after {
  display: none !important;
  content: none !important;
}
body.page-id-13 section.mcb-section-6d7f9e19d .image_frame img {
  border-radius: 12px !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.5) !important;
  border: none !important;
}

/* Texto LEFT: padding zerado */
body.page-id-13 section.mcb-section-6d7f9e19d .mcb-column-inner-e55447d62 {
  padding-left: 0 !important;
}

/* H2 BRANCO */
body.page-id-13 section.mcb-section-6d7f9e19d .mcb-column-inner-e55447d62 h2 {
  color: #ffffff !important;
}
/* Eyebrow 'QUEM SOMOS' continua verde */
body.page-id-13 section.mcb-section-6d7f9e19d .mcb-column-inner-e55447d62 h2::before {
  color: #00a64f !important;
}
/* Underline verde mantida */
body.page-id-13 section.mcb-section-6d7f9e19d .mcb-column-inner-e55447d62 h2::after {
  background: #00a64f !important;
}

/* Parágrafos brancos */
body.page-id-13 section.mcb-section-6d7f9e19d p {
  color: rgba(255,255,255,0.78) !important;
}
/* STRONG vira VERDE (keywords destacadas) */
body.page-id-13 section.mcb-section-6d7f9e19d p strong {
  color: #00a64f !important;
  font-weight: 600 !important;
}

/* Linha decorativa do rodapé: verde em vez de azul */
body.page-id-13 section.mcb-section-6d7f9e19d::after {
  background: linear-gradient(90deg,
    rgba(0,166,79,0) 0%,
    rgba(0,166,79,0.5) 50%,
    rgba(0,166,79,0) 100%) !important;
}

/* =============================================
   FIX 'Bem-vindo' — força grid 2-col + cores
   (precisa #Content para vencer regras globais)
   ============================================= */

/* Grid robusto */
body.page-id-13 #Content section.mcb-section-6d7f9e19d .mcb-section-inner-6d7f9e19d {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 50px !important;
  align-items: center !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  flex-direction: unset !important;
}

/* Wraps: reset float + grid positioning */
body.page-id-13 #Content section.mcb-section-6d7f9e19d .mcb-wrap {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Wrap da imagem (primeiro no DOM) → coluna 2 (DIREITA) */
body.page-id-13 #Content section.mcb-section-6d7f9e19d .mcb-wrap-bb76814cb {
  grid-column: 2 !important;
  grid-row: 1 !important;
}
/* Wrap do texto (segundo no DOM) → coluna 1 (ESQUERDA) */
body.page-id-13 #Content section.mcb-section-6d7f9e19d .mcb-wrap-7249874c1 {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

@media (max-width: 900px) {
  body.page-id-13 #Content section.mcb-section-6d7f9e19d .mcb-section-inner-6d7f9e19d {
    grid-template-columns: 1fr !important;
  }
  body.page-id-13 #Content section.mcb-section-6d7f9e19d .mcb-wrap-bb76814cb {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  body.page-id-13 #Content section.mcb-section-6d7f9e19d .mcb-wrap-7249874c1 {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
}

/* TÍTULO BRANCO (vence #Content + body.page:not(.home)) */
body.page-id-13 #Content section.mcb-section-6d7f9e19d h2 {
  color: #ffffff !important;
}
/* PARÁGRAFOS BRANCOS */
body.page-id-13 #Content section.mcb-section-6d7f9e19d p {
  color: rgba(255,255,255,0.82) !important;
}
/* STRONG VERDE */
body.page-id-13 #Content section.mcb-section-6d7f9e19d p strong,
body.page-id-13 #Content section.mcb-section-6d7f9e19d strong {
  color: #00a64f !important;
  font-weight: 600 !important;
}

/* Estrutura Organizacional: fundo dark igual seção 'Bem-vindo' */
body.page-id-13 #Content section.mcb-section-2556e203b {
  background: #1a1d22 !important;
  background-color: #1a1d22 !important;
}
/* Título BRANCO */
body.page-id-13 #Content section.mcb-section-2556e203b h2 {
  color: #ffffff !important;
}
/* Eyebrow continua verde (já está) */
/* Cards continuam brancos — já estão */

/* Política da Qualidade: fundo dark + título branco */
body.page-id-13 #Content section.mcb-section-gfaojhn26 {
  background: #1a1d22 !important;
  background-color: #1a1d22 !important;
}
body.page-id-13 #Content section.mcb-section-gfaojhn26 h2 {
  color: #ffffff !important;
}
/* Intro pill: glass effect sobre dark */
body.page-id-13 #Content section.mcb-section-gfaojhn26 .column_attr p.p1:first-of-type {
  background: rgba(0,166,79,0.12) !important;
  border: 1px solid rgba(0,166,79,0.25) !important;
  color: #ffffff !important;
}
body.page-id-13 #Content section.mcb-section-gfaojhn26 .column_attr p.p1:first-of-type strong {
  color: #ffffff !important;
}

/* Números: garantir título branco (vence cascata) */
body.page-id-13 #Content section.mcb-section-6d56278ab h2,
body.page-id-13 #Content section.mcb-section-6d56278ab h2.title {
  color: #ffffff !important;
}

/* Counter labels: BRANCO em fundo dark (#Content vence cascata) */
body.page-id-13 #Content section.mcb-section-6d56278ab .counter p.title,
body.page-id-13 #Content section.mcb-section-6d56278ab .counter .desc_wrapper p {
  color: rgba(255,255,255,0.88) !important;
  font-size: 1.02rem !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.6) !important;
}

/* Política da Qualidade: reduzir padding-bottom (encostar nos cards) */
body.page-id-13 #Content section.mcb-section-gfaojhn26 {
  padding-top: clamp(60px, 7vw, 90px) !important;
  padding-bottom: clamp(20px, 2vw, 30px) !important;
}

/* =============================================
   Reduzir espaços entre seções nas internas
   Padding apertado, próximo ao limite dos textos
   ============================================= */
body.page:not(.home) #Content section.section.mcb-section,
body.page-id-13 #Content section.mcb-section-6d7f9e19d,
body.page-id-13 #Content section.mcb-section-2556e203b,
body.page-id-13 #Content section.mcb-section-gfaojhn26,
body.page-id-13 #Content section.mcb-section-6d56278ab {
  padding-top: clamp(28px, 3.5vw, 50px) !important;
  padding-bottom: clamp(28px, 3.5vw, 50px) !important;
}

/* Título h2: margem inferior menor (deixar conteúdo mais próximo) */
body.page-id-13 #Content section.mcb-section h2 {
  margin-bottom: 1.4rem !important;
}
body.page-id-13 #Content section.mcb-section-2556e203b h2 {
  margin-bottom: 1.6rem !important;
}

/* Números: remover bordas assimétricas dos wraps */
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-wrap,
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-wrap-inner,
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-wrap-inner-e92fe739e,
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-wrap-inner-814283515,
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-wrap-inner-b69c72da6,
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-column-inner {
  border: none !important;
  box-shadow: none !important;
}
/* Apenas linha divisora vertical entre os 2 counters */
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-wrap-b69c72da6 {
  border-left: 1px solid rgba(255,255,255,0.12) !important;
}

/* Números: compactar altura interna */
body.page-id-13 #Content section.mcb-section-6d56278ab {
  padding-top: clamp(24px, 3vw, 40px) !important;
  padding-bottom: clamp(24px, 3vw, 40px) !important;
}
body.page-id-13 #Content section.mcb-section-6d56278ab h2.title {
  margin: 0 auto 1rem auto !important;
}
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-wrap-e92fe739e {
  margin: 0 !important;
  padding: 0 !important;
}
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-wrap-814283515,
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-wrap-b69c72da6 {
  margin: 0 !important;
}
body.page-id-13 #Content section.mcb-section-6d56278ab .counter {
  padding: 8px 16px !important;
}
body.page-id-13 #Content section.mcb-section-6d56278ab .counter .number-wrapper {
  margin-bottom: 0.2rem !important;
}


/* Números: reduzir altura SEM mexer no margin auto que centraliza */
body.page-id-13 #Content section.mcb-section-6d56278ab {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
body.page-id-13 #Content section.mcb-section-6d56278ab h2.title {
  margin-bottom: 0.3rem !important;
  padding-bottom: 12px !important;
}
/* Wraps internos: zerar só padding/margin VERTICAL, manter horizontal */
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-wrap-e92fe739e,
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-wrap-814283515,
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-wrap-b69c72da6 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body.page-id-13 #Content section.mcb-section-6d56278ab .counter {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
body.page-id-13 #Content section.mcb-section-6d56278ab .counter .desc_wrapper {
  padding: 0 !important;
}

/* Números: ultra-compacto sem quebrar centralização */
body.page-id-13 #Content section.mcb-section-6d56278ab {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  min-height: 0 !important;
}
body.page-id-13 #Content section.mcb-section-6d56278ab .mfn-parallax {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
/* Zerar todos os paddings/margins verticais internos */
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-wrap,
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-wrap-inner,
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-column,
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-column-inner,
body.page-id-13 #Content section.mcb-section-6d56278ab .column_heading,
body.page-id-13 #Content section.mcb-section-6d56278ab .column_counter,
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-item-heading-inner,
body.page-id-13 #Content section.mcb-section-6d56278ab .mcb-item-counter-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}
body.page-id-13 #Content section.mcb-section-6d56278ab h2.title {
  margin: 0 !important;
  padding: 0 0 8px 0 !important;
  line-height: 1.1 !important;
}
body.page-id-13 #Content section.mcb-section-6d56278ab .counter {
  padding: 0 !important;
  margin: 8px 0 0 0 !important;
}
body.page-id-13 #Content section.mcb-section-6d56278ab .counter .number-wrapper {
  margin: 0 !important;
  line-height: 1 !important;
}
body.page-id-13 #Content section.mcb-section-6d56278ab .counter p.title {
  margin: 0.25rem 0 0 0 !important;
  line-height: 1.3 !important;
  padding: 0 !important;
}

/* Copyright (footer_copy): altura compacta */
#Footer .footer_copy {
  padding: 10px 20px !important;
}
#Footer .footer_copy .copyright {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.6 !important;
}
#Footer .footer_copy p,
#Footer .footer_copy .copyright p {
  margin: 0.15rem 0 !important;
  line-height: 1.5 !important;
}

/* Footer: remover linha entre widgets e copyright + encurtar widgets_wrapper bottom */
#Footer .footer_copy {
  border-top: none !important;
}
#Footer .widgets_wrapper {
  padding-bottom: 12px !important;
}
/* Garantir que o divider footer-mid (hidden) não ocupa altura */
#Footer > .ww-divider.ww-divider-footer-mid {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Footer: matar o hr.no_line e qualquer divisor entre widgets e copyright */
#Footer hr,
#Footer hr.no_line,
#Footer .widgets_wrapper hr,
#Footer .widgets_wrapper + hr,
#Footer .footer_copy hr {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}
/* Garantir 0 borda em widgets_wrapper, footer_copy e seus containers */
#Footer .widgets_wrapper,
#Footer .widgets_wrapper > *,
#Footer .footer_copy,
#Footer .footer_copy > *,
#Footer > div {
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* RESTAURAR widget 'Visite-nos' (custom_html-3) + voltar para 4 colunas */
#Footer #custom_html-3,
#Footer .widget.widget_text:has(.ww-stats),
#Footer .widgets_wrapper > .container > #custom_html-3,
#Footer .widgets_wrapper > .container > .column:has(#custom_html-3) {
  display: block !important;
}
/* 4 colunas: 25% cada */
#Footer .widgets_wrapper > .container > .column,
#Footer .widgets_wrapper > .container > .column.one-fourth {
  width: 25% !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;
  display: block !important;
  float: left !important;
}
@media (max-width: 900px) {
  #Footer .widgets_wrapper > .container > .column,
  #Footer .widgets_wrapper > .container > .column.one-fourth {
    width: 50% !important;
    margin-bottom: 24px !important;
  }
}
@media (max-width: 600px) {
  #Footer .widgets_wrapper > .container > .column,
  #Footer .widgets_wrapper > .container > .column.one-fourth {
    width: 100% !important;
  }
}

/* === Botão 'Contactos' do widget Visite-nos: texto verde West Wind === */
#Footer .widget a.action_button,
#Footer .widget a.action_button .button_label {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #00a64f !important;
  font-weight: 600 !important;
}
#Footer .widget a.action_button:hover,
#Footer .widget a.action_button:hover .button_label {
  background: #f3f7fc !important;
  background-color: #f3f7fc !important;
  color: #008a3f !important;
}
#Footer .widget a.action_button .button_icon i,
#Footer .widget a.action_button:hover .button_icon i {
  color: #00a64f !important;
}

/* === Faixa ISO no rodapé (ww-iso-footer): tema dark, sem linha branca === */
.ww-iso-footer {
  background: #14171c !important;
  border-top: none !important;
  color: rgba(255,255,255,0.75) !important;
}
.ww-iso-footer strong {
  color: #ffffff !important;
}
.ww-iso-footer span {
  color: rgba(255,255,255,0.55) !important;
}
.ww-iso-footer a {
  text-decoration: none !important;
}

/* === FIX FINAL botão Contactos (classe .button) === */
#Footer .widget a.action_button,
#Footer .widget a.button,
#Footer .widget a.action_button .button_label,
#Footer .widget a.button .button_label,
#Footer .widget a.button .button_icon i {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #00a64f !important;
  font-weight: 600 !important;
}
#Footer .widget a.button:hover,
#Footer .widget a.button:hover .button_label,
#Footer .widget a.button:hover .button_icon i {
  background: #f3f7fc !important;
  color: #008a3f !important;
}

/* === FIX FINAL iso-footer bg dark (era transparente expondo body claro) === */
.ww-iso-footer,
div.ww-iso-footer {
  background: #14171c !important;
  background-color: #14171c !important;
  border-top: none !important;
  border-bottom: none !important;
  color: rgba(255,255,255,0.75) !important;
}

/* === Contacte-nos: layout limpo (icone inline, sem quebra) === */
#Footer .widget_text .textwidget div {
  line-height: 1.7 !important;
}
#Footer .widget_text .textwidget i.fa {
  display: inline-block !important;
  color: #00a64f !important;
  font-size: 14px !important;
  margin-right: 6px !important;
}
#Footer .widget_text .textwidget a {
  word-break: break-word !important;
}

/* === Gap entre widgets e copy: encurtar === */
#Footer .widgets_wrapper {
  padding-top: 30px !important;
  padding-bottom: 4px !important;
}
#Footer .footer_copy {
  padding: 8px 20px !important;
  border-top: none !important;
  margin-top: 0 !important;
}
#Footer .footer_copy .copyright {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

/* Belt-and-suspenders: matar QUALQUER border-top/bottom no footer */
#Footer,
#Footer * {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}
/* Mas manter as underlines verdes nos h4 (que usam background, não border) */

/* === Copy limpo dentro do widgets_wrapper === */
.ww-copy-clean {
  clear: both !important;
  width: 100% !important;
  margin: 28px 0 0 0 !important;
  padding: 18px 20px 4px 20px !important;
  text-align: center !important;
  color: rgba(255,255,255,0.55) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.86rem !important;
  line-height: 1.55 !important;
  border: none !important;
  background: transparent !important;
}
.ww-copy-clean p {
  margin: 0.15rem 0 !important;
  color: rgba(255,255,255,0.55) !important;
}
.ww-copy-clean a {
  color: #00a64f !important;
  text-decoration: none !important;
}
.ww-copy-clean a:hover {
  text-decoration: underline !important;
}

/* === Esconder o footer_copy original (que tinha a linha) === */
#Footer .footer_copy {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* Ajuste no widgets_wrapper para acomodar o copy dentro */
#Footer .widgets_wrapper {
  padding-bottom: 8px !important;
}

/* Reforço: copy clean como bloco full-width após widgets_wrapper */
#Footer > .ww-copy-clean {
  display: block !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  float: none !important;
  margin: 8px 0 0 0 !important;
  padding: 14px 20px !important;
  text-align: center !important;
  border: none !important;
  background: transparent !important;
  position: relative !important;
}

/* Mais espaço entre as 4 colunas do footer */
#Footer .widgets_wrapper > .container > .column,
#Footer .widgets_wrapper > .container > .column.one-fourth {
  padding: 0 32px !important;
}
@media (max-width: 900px) {
  #Footer .widgets_wrapper > .container > .column,
  #Footer .widgets_wrapper > .container > .column.one-fourth {
    padding: 0 20px !important;
  }
}

/* Padding lateral menor (para texto caber) */
#Footer .widgets_wrapper > .container > .column,
#Footer .widgets_wrapper > .container > .column.one-fourth {
  padding: 0 22px !important;
}

/* Email: quebrar limpo se necessário, sem cortar palavra */
#Footer .widget a[href^='mailto'] {
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
  font-size: 0.95rem !important;
}

/* Botão Contactos: NÃO QUEBRA texto */
#Footer .widget a.button,
#Footer .widget a.action_button {
  white-space: nowrap !important;
  padding: 0.55rem 1.2rem !important;
}
#Footer .widget a.button .button_label,
#Footer .widget a.action_button .button_label {
  white-space: nowrap !important;
  display: inline-block !important;
}

/* Linha gradient entre widgets e copy */
.ww-copy-divider {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 12px 0 0 0 !important;
  padding: 0 !important;
  height: 2px !important;
}
.ww-copy-divider span {
  display: block !important;
  width: 60% !important;
  max-width: 600px !important;
  height: 2px !important;
  background: linear-gradient(90deg,
    rgba(43,61,151,0) 0%,
    rgba(43,61,151,0.7) 50%,
    rgba(43,61,151,0) 100%) !important;
  box-shadow: 0 0 12px rgba(43,61,151,0.6) !important;
}

/* Email line: icon + email no flex (sempre lado a lado) */
.ww-mail-line {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}
.ww-mail-line i.fa {
  color: #00a64f !important;
  font-size: 14px !important;
  flex-shrink: 0 !important;
}
.ww-mail-line a {
  font-size: 0.9rem !important;
  white-space: nowrap !important;
}

/* =============================================
   PROJETOS (page-id-121) — padrão Empresa
   ============================================= */

/* Subheader: título verde, sem eyebrow, sem breadcrumb, compacto */
body.page.page-id-121 #Subheader h1.title {
  color: #00a64f !important;
  text-shadow: 0 2px 16px rgba(0,0,0,0.45) !important;
  margin: 0 !important;
}
body.page.page-id-121 #Subheader h1.title::before {
  display: none !important;
  content: none !important;
}
body.page.page-id-121 #Subheader .breadcrumbs {
  display: none !important;
}
body.page.page-id-121 #Subheader {
  padding-top: 150px !important;
  padding-bottom: 50px !important;
  min-height: auto !important;
}

/* Todas as 3 seções: dark contínuo */
body.page-id-121 #Content section.mcb-section-8f1d8882b,
body.page-id-121 #Content section.mcb-section-c0f3cce5f,
body.page-id-121 #Content section.mcb-section-fijeq5hss {
  background: #1a1d22 !important;
  background-color: #1a1d22 !important;
  background-image: none !important;
  padding-top: clamp(40px, 5vw, 70px) !important;
  padding-bottom: clamp(40px, 5vw, 70px) !important;
}

/* H2 título de cada seção: branco grande, alinhado à esquerda com underline verde */
body.page-id-121 #Content section.mcb-section h2,
body.page-id-121 #Content section.mcb-section h2.title {
  color: #ffffff !important;
  font-family: "Inter", sans-serif !important;
  font-size: clamp(1.6rem, 3vw, 2.4rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  margin: 0 0 1.2rem 0 !important;
  padding-bottom: 14px !important;
  position: relative !important;
}
body.page-id-121 #Content section.mcb-section h2::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  width: 60px !important;
  height: 3px !important;
  background: #00a64f !important;
  border-radius: 2px !important;
}

/* Parágrafos brancos, strong em verde */
body.page-id-121 #Content section.mcb-section p,
body.page-id-121 #Content section.mcb-section .desc,
body.page-id-121 #Content section.mcb-section .column_attr {
  color: rgba(255,255,255,0.82) !important;
  font-family: "Inter", sans-serif !important;
  line-height: 1.65 !important;
}
body.page-id-121 #Content section.mcb-section strong {
  color: #00a64f !important;
  font-weight: 600 !important;
}

/* Imagens: cantos arredondados + sombra forte */
body.page-id-121 #Content section.mcb-section .image_frame img {
  border-radius: 12px !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.5) !important;
  border: none !important;
}

/* Alternância de layout: imagem direita / imagem esquerda */
body.page-id-121 #Content section.mcb-section-c0f3cce5f .mcb-section-inner {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  gap: 50px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}
@media (max-width: 900px) {
  body.page-id-121 #Content section.mcb-section-c0f3cce5f .mcb-section-inner {
    flex-direction: column !important;
  }
}

/* =============================================
   PROJETOS — Grade 2×2 de fotos (portfolio)
   ============================================= */
.ww-projects-grid {
  background: #14171c !important;
  padding: clamp(50px, 6vw, 80px) 24px !important;
  position: relative !important;
}
.ww-projects-grid-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.ww-projects-grid-header {
  text-align: center;
  margin-bottom: 2.4rem;
}
.ww-projects-eyebrow {
  display: block;
  color: #00a64f;
  font-family: "Inter", sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin-bottom: 0.8rem;
}
.ww-projects-grid-header h2 {
  color: #ffffff !important;
  font-family: "Inter", sans-serif !important;
  font-size: clamp(1.6rem, 3vw, 2.4rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  padding-bottom: 14px !important;
  position: relative !important;
  display: inline-block !important;
}
.ww-projects-grid-header h2::after {
  content: "" !important;
  position: absolute !important;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #00a64f;
  border-radius: 2px;
}
.ww-projects-grid-photos {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
}
@media (max-width: 700px) {
  .ww-projects-grid-photos { grid-template-columns: 1fr !important; }
}
.ww-grid-photo {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  aspect-ratio: 4/3;
  box-shadow: 0 12px 30px rgba(0,0,0,0.4);
  transition: all 0.35s ease;
  border: 1px solid rgba(255,255,255,0.06);
}
.ww-grid-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}
.ww-grid-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(20,23,28,0.55) 0%, transparent 50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.ww-grid-photo:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 50px rgba(0,166,79,0.25);
  border-color: rgba(0,166,79,0.4);
}
.ww-grid-photo:hover img {
  transform: scale(1.06);
}
.ww-grid-photo:hover::after {
  opacity: 1;
}

/* =============================================
   PROJETOS — h2 estilo Empresa (eyebrow + left-align)
   ============================================= */

/* Eyebrows numerados por seção */
body.page-id-121 #Content section.mcb-section-8f1d8882b h2::before,
body.page-id-121 #Content section.mcb-section-c0f3cce5f h2::before,
body.page-id-121 #Content section.mcb-section-fijeq5hss h2::before {
  display: block !important;
  color: #00a64f !important;
  font-family: "Inter", sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  margin-bottom: 0.8rem !important;
}
body.page-id-121 #Content section.mcb-section-8f1d8882b h2::before { content: "ESPECIALIDADE · 01" !important; }
body.page-id-121 #Content section.mcb-section-c0f3cce5f h2::before { content: "ESPECIALIDADE · 02" !important; }
body.page-id-121 #Content section.mcb-section-fijeq5hss h2::before { content: "ESPECIALIDADE · 04" !important; }

/* H2 alinhado à esquerda com underline à esquerda */
body.page-id-121 #Content section.mcb-section h2 {
  text-align: left !important;
  margin-left: 0 !important;
}
body.page-id-121 #Content section.mcb-section h2::after {
  left: 0 !important;
  transform: none !important;
}
body.page-id-121 #Content .column_attr {
  text-align: left !important;
}

/* Container centrado limitado */
body.page-id-121 #Content section.mcb-section .section_wrapper {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* Photo gallery dentro de cada seção: grid 3 colunas */
body.page-id-121 #Content section.mcb-section .image_frame {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.4) !important;
  transition: all 0.35s ease !important;
}
body.page-id-121 #Content section.mcb-section .image_frame:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 40px rgba(0,166,79,0.25) !important;
}
body.page-id-121 #Content section.mcb-section .image_frame img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.6s ease !important;
}
body.page-id-121 #Content section.mcb-section .image_frame:hover img {
  transform: scale(1.05) !important;
}

/* Remover eyebrows ESPECIALIDADE e a grid PORTFÓLIO (imagens já aparecem acima) */
body.page-id-121 #Content section.mcb-section h2::before {
  display: none !important;
  content: none !important;
}
.ww-projects-grid {
  display: none !important;
}

/* =============================================
   PROJETOS — Gallery: forçar 4 colunas via CSS grid
   Override do float .gallery-item width que vem inline (gallery-columns-5)
   ============================================= */
body.page-id-121 #Content .image_gallery .gallery,
body.page-id-121 #Content .gallery[id^="sc_gallery-"] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  justify-content: flex-start !important;
}
/* 5 colunas padrão para galerias do /projetos/ */
body.page-id-121 #Content .gallery .gallery-item,
body.page-id-121 #Content .gallery dl.gallery-item {
  flex: 0 0 calc(20% - 13px) !important;
  max-width: calc(20% - 13px) !important;
  aspect-ratio: 1 / 1 !important;
  position: relative !important;
  overflow: hidden !important;
}
/* Esconder o <br clear> entre os items da galeria */
body.page-id-121 #Content .gallery > br {
  display: none !important;
}
@media (max-width: 1100px) {
  body.page-id-121 #Content .gallery .gallery-item,
  body.page-id-121 #Content .gallery dl.gallery-item {
    flex: 0 0 calc(25% - 12px) !important;
    max-width: calc(25% - 12px) !important;
  }
}
@media (max-width: 768px) {
  body.page-id-121 #Content .gallery .gallery-item,
  body.page-id-121 #Content .gallery dl.gallery-item {
    flex: 0 0 calc(33.333% - 11px) !important;
    max-width: calc(33.333% - 11px) !important;
  }
}
@media (max-width: 500px) {
  body.page-id-121 #Content .gallery .gallery-item,
  body.page-id-121 #Content .gallery dl.gallery-item {
    flex: 0 0 calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
  }
}
body.page-id-121 #Content .gallery .gallery-item-wrapper,
body.page-id-121 #Content .gallery .gallery-icon {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.page-id-121 #Content .gallery .gallery-icon a {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.4) !important;
  transition: all 0.35s ease !important;
}
body.page-id-121 #Content .gallery .gallery-icon a img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1/1 !important;
  object-fit: cover !important;
  display: block !important;
  border: none !important;
  border-radius: 0 !important;
  transition: transform 0.6s ease !important;
}
body.page-id-121 #Content .gallery .gallery-icon a:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 22px 50px rgba(0,166,79,0.28) !important;
}
body.page-id-121 #Content .gallery .gallery-icon a:hover img {
  transform: scale(1.06) !important;
}

/* Responsivo */

/* Restaurar greyscale → cor no hover (efeito B&W com reveal) */
body.page-id-121 #Content .gallery .gallery-icon img {
  filter: grayscale(100%) contrast(1.05) !important;
  transition: filter 0.45s ease, transform 0.6s ease !important;
}
body.page-id-121 #Content .gallery .gallery-icon a:hover img {
  filter: grayscale(0%) contrast(1) !important;
}

/* (removida — duplicada da regra final) */

/* (removida — esconder na galeria NÃO afeta uso em email, GIF acessível pela URL direta) */

/* REFORÇO greyscale (vencer cascata + cache busted) */
body.page-id-121 #Content .gallery .gallery-icon img,
body.page-id-121 #Content .gallery dl.gallery-item img,
body.page-id-121 #Content .image_gallery img {
  filter: grayscale(100%) contrast(1.05) !important;
  transition: filter 0.45s ease, transform 0.6s ease !important;
}
body.page-id-121 #Content .gallery .gallery-icon a:hover img,
body.page-id-121 #Content .gallery dl.gallery-item:hover img,
body.page-id-121 #Content .image_gallery a:hover img {
  filter: grayscale(0%) contrast(1) !important;
}

/* Esconder gallery-caption (KODAK Digital Still Camera) das galerias */
body.page-id-121 #Content .gallery .wp-caption-text,
body.page-id-121 #Content .gallery .gallery-caption,
body.page-id-121 #Content .gallery dd {
  display: none !important;
}

/* REFORÇO captions hide com !important + visibility + height */
body.page-id-121 #Content .gallery dd.gallery-caption,
body.page-id-121 #Content .gallery dd.wp-caption-text,
body.page-id-121 #Content .image_gallery dd,
html body.page-id-121 #Content .gallery .wp-caption-text {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* (regra desativada) */
/* 3ª seção (Energia Renovável) mantém dark sólido */

/* === Projetos: alinhar com Empresa (mesma imagem industria.jpg + mesma proporção de overlay) === */
body.page.page-id-121 #Subheader {
  background-image:
    linear-gradient(rgba(20,23,28,0.78), rgba(20,23,28,0.88)),
    url("/wp-content/uploads/2025/02/industria.jpg") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
}
/* (regra desativada) *//* === FORÇA bg do Subheader Projetos (vence cascata) === */
html body.page.page-id-121.page-template-default #Subheader {
  background:
    linear-gradient(rgba(20,23,28,0.78), rgba(20,23,28,0.88)),
    url("/wp-content/uploads/2025/02/industria.jpg") !important;
  background-image:
    linear-gradient(rgba(20,23,28,0.78), rgba(20,23,28,0.88)),
    url("/wp-content/uploads/2025/02/industria.jpg") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
  background-color: #14171c !important;
}

/* === FINAL: 3ª seção (Energia Renovável) com mesma bg + hide logo-2.gif na galeria === */
/* (regra desativada — fundo industria.jpg removido por decisão visual) */

/* Esconder logo-2.gif da galeria (arquivo fica no disco para email futuro) */
html body.page-id-121 #Content .gallery dl.gallery-item:has(img[src*="logo-2.gif"]),
html body.page-id-121 #Content .gallery dl.gallery-item[data-title="logo-2"],
html body.page-id-121 #Content .gallery dl[data-title="logo-2"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
}

/* Remover border verde entre Subheader e seções + harmonizar overlay */
body.page:not(.home) #Subheader {
  border-bottom: none !important;
}
/* (regras industria.jpg desativadas — fundo dark sólido aplicado em Projetos) */

/* =============================================
   CONTACTOS (page-id-114) — padrão Empresa
   ============================================= */

/* Subheader: título verde, sem eyebrow, sem breadcrumb, compacto */
body.page.page-id-114 #Subheader h1.title {
  color: #00a64f !important;
  text-shadow: 0 2px 16px rgba(0,0,0,0.45) !important;
  margin: 0 !important;
}
body.page.page-id-114 #Subheader h1.title::before {
  display: none !important;
  content: none !important;
}
body.page.page-id-114 #Subheader .breadcrumbs {
  display: none !important;
}
body.page.page-id-114 #Subheader {
  padding-top: 150px !important;
  padding-bottom: 50px !important;
  min-height: auto !important;
}

/* Mesma imagem industrial do Subheader (igual Empresa/Projetos) */
html body.page-id-114.page-template-default #Subheader {
  background:
    linear-gradient(rgba(20,23,28,0.85), rgba(20,23,28,0.90)),
    url("/wp-content/uploads/2025/02/industria.jpg") !important;
  background-image:
    linear-gradient(rgba(20,23,28,0.85), rgba(20,23,28,0.90)),
    url("/wp-content/uploads/2025/02/industria.jpg") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
  background-color: #14171c !important;
  border-bottom: none !important;
}

/* =============================================
   CONTACTOS — corpo da página dark (igual Empresa)
   ============================================= */

/* Todas as seções de Contactos: fundo dark */
body.page-id-114 #Content section.mcb-section-2f82e6663,
body.page-id-114 #Content section.mcb-section-4c66b4ff3,
body.page-id-114 #Content section.mcb-section-bb4ddc516 {
  background: #1a1d22 !important;
  background-color: #1a1d22 !important;
  background-image: none !important;
  padding-top: clamp(40px, 5vw, 70px) !important;
  padding-bottom: clamp(40px, 5vw, 70px) !important;
}

/* H2 títulos brancos */
body.page-id-114 #Content section.mcb-section h2 {
  color: #ffffff !important;
}
body.page-id-114 #Content section.mcb-section h2 .themecolor {
  color: #00a64f !important;
}

/* Parágrafos brancos */
body.page-id-114 #Content section.mcb-section p:not(.title) {
  color: rgba(255,255,255,0.82) !important;
}

/* Formulário Contact Form 7: dark theme */
body.page-id-114 #Content .wpcf7 input[type="text"],
body.page-id-114 #Content .wpcf7 input[type="email"],
body.page-id-114 #Content .wpcf7 input[type="tel"],
body.page-id-114 #Content .wpcf7 textarea {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  padding: 14px 16px !important;
  font-family: "Inter", sans-serif !important;
}
body.page-id-114 #Content .wpcf7 input::placeholder,
body.page-id-114 #Content .wpcf7 textarea::placeholder {
  color: rgba(255,255,255,0.45) !important;
}
body.page-id-114 #Content .wpcf7 input:focus,
body.page-id-114 #Content .wpcf7 textarea:focus {
  border-color: #00a64f !important;
  background: rgba(255,255,255,0.08) !important;
  outline: none !important;
}

/* Container do formulário: card dark */
body.page-id-114 #Content section.mcb-section-bb4ddc516 .column_attr,
body.page-id-114 #Content .wpcf7,
body.page-id-114 #Content .wpcf7-form {
  background: transparent !important;
}

/* Label "Autorizo o tratamento..." */
body.page-id-114 #Content .wpcf7 label,
body.page-id-114 #Content .wpcf7 .wpcf7-list-item-label {
  color: rgba(255,255,255,0.72) !important;
}

/* Botão Enviar: verde West Wind (era laranja) */
body.page-id-114 #Content .wpcf7 input[type="submit"],
body.page-id-114 #Content .wpcf7-submit {
  background: #00a64f !important;
  background-color: #00a64f !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 36px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.02em !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 6px 18px rgba(0,166,79,0.3) !important;
}
body.page-id-114 #Content .wpcf7 input[type="submit"]:hover {
  background: #008a3f !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(0,166,79,0.45) !important;
}

/* =============================================
   HOME — Cards de contacto IGUAIS aos da página Contactos
   (mesma seção, mesmo padrão visual)
   ============================================= */

/* Aplica estilo Contactos aos cards do home (.mcb-section-22b790995) */
body.home #Content section.mcb-section-22b790995,
body.home section.mcb-section-22b790995 {
  background: #1a1d22 !important;
  background-color: #1a1d22 !important;
  background-image: none !important;
  padding-top: clamp(40px, 5vw, 70px) !important;
  padding-bottom: clamp(40px, 5vw, 70px) !important;
}

/* Card interno: branco igual Contactos */
body.home section.mcb-section-22b790995 .mfn-icon-box,
body.home section.mcb-section-22b790995 .column_icon_box_2 .mcb-item-icon_box_2-inner {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 36px 28px !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 12px 36px rgba(0,0,0,0.25) !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  transition: all 0.35s ease !important;
}
body.home section.mcb-section-22b790995 .mfn-icon-box:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 50px rgba(0,166,79,0.25) !important;
  border-color: rgba(0,166,79,0.4) !important;
}

/* Ícone do card: círculo verde claro igual Contactos */
body.home section.mcb-section-22b790995 .mfn-icon-box .icon-wrapper {
  width: 72px !important;
  height: 72px !important;
  margin: 0 auto 1.2rem auto !important;
  background: rgba(0,166,79,0.12) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.4s ease !important;
}
body.home section.mcb-section-22b790995 .mfn-icon-box:hover .icon-wrapper {
  transform: scale(1.08) !important;
}
body.home section.mcb-section-22b790995 .mfn-icon-box .icon-wrapper i {
  color: #00a64f !important;
  font-size: 30px !important;
}

/* Título do card: azul West Wind */
body.home section.mcb-section-22b790995 .mfn-icon-box h5.title {
  font-family: "Inter", sans-serif !important;
  color: #2b3d97 !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  margin: 0 0 0.8rem 0 !important;
}

/* Descrição: cinza */
body.home section.mcb-section-22b790995 .mfn-icon-box .desc {
  color: rgba(20,23,28,0.7) !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
}

/* Telefone/email destacados em azul */
body.home section.mcb-section-22b790995 .mfn-icon-box .desc strong,
body.home section.mcb-section-22b790995 .mfn-icon-box .desc a:not(.ww-map-link):not([href*="maps"]) {
  color: #2b3d97 !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  text-decoration: none !important;
}

/* =============================================
   CONTACTOS — Cards IGUAIS aos do Início
   ============================================= */

/* Remover wrapper duplo (outer card) das colunas */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-wrap-inner,
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-column-inner-dkw79qw0t,
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-column-inner-0ec43e6f6,
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-column-inner-5f57ff0d4 {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Cards Contactos: estilo idêntico ao Home */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box,
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .column_icon_box_2 .mcb-item-icon_box_2-inner {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 36px 28px !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 12px 36px rgba(0,0,0,0.25) !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  transition: all 0.35s ease !important;
}
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 50px rgba(0,166,79,0.25) !important;
  border-color: rgba(0,166,79,0.4) !important;
}

/* Ícone: círculo verde claro 72px */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box .icon-wrapper {
  width: 72px !important;
  height: 72px !important;
  margin: 0 auto 1.2rem auto !important;
  background: rgba(0,166,79,0.12) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.4s ease !important;
}
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box:hover .icon-wrapper {
  transform: scale(1.08) !important;
}
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box .icon-wrapper i {
  color: #00a64f !important;
  font-size: 30px !important;
}

/* Título h5: azul West Wind */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box h5.title {
  font-family: "Inter", sans-serif !important;
  color: #2b3d97 !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  margin: 0 0 0.8rem 0 !important;
}

/* Descrição: cinza translucent */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box .desc {
  color: rgba(20,23,28,0.7) !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
}
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box .desc p {
  color: rgba(20,23,28,0.7) !important;
  margin: 0.3rem 0 !important;
}

/* Telefone/email destacados em azul West Wind */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box .desc strong,
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box .desc a:not(.ww-map-link):not([href*="maps"]) {
  color: #2b3d97 !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  text-decoration: none !important;
}

/* Botão "Ver no Mapa": verde West Wind */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box .desc a[href*="maps"],
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box .ww-map-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  background: #00a64f !important;
  color: #ffffff !important;
  padding: 0.55rem 1.2rem !important;
  border-radius: 8px !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  margin-top: 0.6rem !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 3px 10px rgba(0,166,79,0.25) !important;
}
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box .desc a[href*="maps"]:hover {
  background: #008a3f !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0,166,79,0.4) !important;
}

/* FIX cards trepados: card só no .mfn-icon-box interno, externo transparente */

/* Contactos: wrapper externo do card transparente (NÃO o .mfn-icon-box, que já é dark) */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .column_icon_box_2,
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .column_icon_box_2 .mcb-column-inner {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* =============================================
   UNIFICAÇÃO TOTAL: cards Home + Contactos com EXATAMENTE o mesmo padrão
   (replica regra do home p/ as 3 colunas de Contactos)
   ============================================= */

/* Card wrapper (igual home) — aplica nos 3 column-inner do Contactos */
body.page-id-114 #Content .mcb-column-inner-dkw79qw0t,
body.page-id-114 #Content .mcb-column-inner-0ec43e6f6,
body.page-id-114 #Content .mcb-column-inner-5f57ff0d4 {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 36px 24px !important;
  border: 1px solid rgba(0,166,79,0.08) !important;
  box-shadow: 0 8px 28px rgba(43,61,151,0.08) !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;
  height: 100% !important;
}
body.page-id-114 #Content .mcb-column-inner-dkw79qw0t:hover,
body.page-id-114 #Content .mcb-column-inner-0ec43e6f6:hover,
body.page-id-114 #Content .mcb-column-inner-5f57ff0d4:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 40px rgba(43,61,151,0.15) !important;
  border-color: rgba(0,166,79,0.35) !important;
}

/* Remove o card interno duplicado (.mfn-icon-box NÃO é card, apenas conteúdo) */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box,
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .column_icon_box_2 .mcb-item-icon_box_2-inner {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
}
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Mesma faixa verde no topo no hover (igual home) */
body.page-id-114 #Content .mcb-column-inner-dkw79qw0t::before,
body.page-id-114 #Content .mcb-column-inner-0ec43e6f6::before,
body.page-id-114 #Content .mcb-column-inner-5f57ff0d4::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #00a64f, #2dbf69) !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 0.4s ease !important;
}
body.page-id-114 #Content .mcb-column-inner-dkw79qw0t:hover::before,
body.page-id-114 #Content .mcb-column-inner-0ec43e6f6:hover::before,
body.page-id-114 #Content .mcb-column-inner-5f57ff0d4:hover::before {
  transform: scaleX(1) !important;
}

/* FIX FINAL: card WHITE no wrapper externo (.mcb-column-inner), .mfn-icon-box transparente */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-column-inner.mcb-item-icon_box_2-inner,
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-column-inner-dkw79qw0t,
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-column-inner-0ec43e6f6,
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-column-inner-5f57ff0d4 {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-radius: 16px !important;
  padding: 36px 24px !important;
  border: 1px solid rgba(0,166,79,0.08) !important;
  box-shadow: 0 8px 28px rgba(43,61,151,0.08) !important;
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;
  height: 100% !important;
  transition: all 0.3s ease !important;
}
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-column-inner.mcb-item-icon_box_2-inner:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 40px rgba(43,61,151,0.15) !important;
  border-color: rgba(0,166,79,0.35) !important;
}
/* .mfn-icon-box dentro: SÓ conteúdo, sem bg/borda */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  height: auto !important;
}

/* === REPLICA TOTAL: cards Contactos = cards Home (copy paste das regras) === */
section.mcb-section-4c66b4ff3 {
  padding-top: 30px !important;
  padding-bottom: 80px !important;
}

/* Cards de contacto */
.mcb-column-inner-dkw79qw0t, body.page-id-114 #Content .mcb-column-inner-0ec43e6f6, body.page-id-114 #Content .mcb-column-inner-5f57ff0d4,
section.mcb-section-4c66b4ff3 .mfn-icon-box,
section.mcb-section-4c66b4ff3 .column_icon_box_2 .mcb-item-icon_box_2-inner {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 36px 24px !important;
  border: 1px solid rgba(0,166,79,0.08) !important;
  box-shadow: 0 8px 28px rgba(43,61,151,0.08) !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;
  height: 100% !important;
}

section.mcb-section-4c66b4ff3 .mfn-icon-box:hover,
section.mcb-section-4c66b4ff3 .column_icon_box_2 .mcb-item-icon_box_2-inner:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 40px rgba(43,61,151,0.15) !important;
  border-color: rgba(0,166,79,0.35) !important;
}

/* Faixa verde no topo do card no hover (estilo elegante) */
section.mcb-section-4c66b4ff3 .column_icon_box_2 .mcb-item-icon_box_2-inner::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #00a64f, #2dbf69) !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 0.4s ease !important;
}
section.mcb-section-4c66b4ff3 .column_icon_box_2:hover .mcb-item-icon_box_2-inner::before {
  transform: scaleX(1) !important;
}

/* Ícone: dentro de círculo verde claro com sombra */
section.mcb-section-4c66b4ff3 .mfn-icon-box .icon-wrapper {
  width: 72px !important;
  height: 72px !important;
  margin: 0 auto 1.2rem auto !important;
  background: linear-gradient(135deg, rgba(0,166,79,0.12), rgba(0,166,79,0.18)) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.4s ease !important;
}
section.mcb-section-4c66b4ff3 .column_icon_box_2:hover .mfn-icon-box .icon-wrapper {
  transform: scale(1.08) rotate(-3deg) !important;
}
section.mcb-section-4c66b4ff3 .mfn-icon-box .icon-wrapper i {
  font-size: 32px !important;
  color: #00a64f !important;
}

/* Título do card */
section.mcb-section-4c66b4ff3 .mfn-icon-box h5.title {
  font-family: 'Inter', sans-serif !important;
  color: #2b3d97 !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  margin: 0 0 0.8rem 0 !important;
  letter-spacing: -0.01em !important;
}

/* Descrição do card */
section.mcb-section-4c66b4ff3 .mfn-icon-box .desc p {
  font-family: 'Inter', sans-serif !important;
  color: rgba(0,0,0,0.62) !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  margin: 0.3rem 0 !important;
}

/* Destaque (telefone/email): forte */
section.mcb-section-4c66b4ff3 .mfn-icon-box .desc strong,
section.mcb-section-4c66b4ff3 .mfn-icon-box .desc a {
  color: #2b3d97 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  font-size: 1.1rem !important;
  display: inline-block !important;
  margin: 0.4rem 0 !important;
}
section.mcb-section-4c66b4ff3 .mfn-icon-box .desc a:hover {
  color: #00a64f !important;
}

/* 'Ver no Mapa' como botão verde discreto */
section.mcb-section-4c66b4ff3 .mfn-icon-box .desc a[href*='maps'],
section.mcb-section-4c66b4ff3 .mfn-icon-box .desc .ww-map-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  background: #00a64f !important;
  color: #ffffff !important;
  padding: 0.55rem 1.2rem !important;
  border-radius: 8px !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  margin-top: 0.6rem !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 3px 10px rgba(0,166,79,0.25) !important;
}
section.mcb-section-4c66b4ff3 .mfn-icon-box .desc a[href*='maps']:hover,
section.mcb-section-4c66b4ff3 .mfn-icon-box .desc .ww-map-link:hover {
  background: #008a3f !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0,166,79,0.4) !important;
  color: #ffffff !important;
}

/* =============================================
   CONTACTOS — CSS Grid igual home (display: contents flatten wraps)
   Técnica MDN-recommended para alinhar grids do Betheme
   ============================================= */

/* Section inner: grid 3-col, gap 24px, items stretch */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-section-inner-4c66b4ff3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

/* Wraps aninhados: display:contents para achatar a hierarquia */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-wrap-inner {
  display: contents !important;
}

/* Cada one-third ocupa célula */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-wrap.one-third {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Altura igual em TODOS os wrappers internos */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .column_icon_box_2,
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .column_icon_box_2 .mcb-column-inner,
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-item-icon_box_2-inner {
  height: 100% !important;
  width: 100% !important;
}

/* Card final: min-height força equal-height igual home */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box {
  min-height: 340px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

@media (max-width: 900px) {
  body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-section-inner-4c66b4ff3 {
    grid-template-columns: 1fr !important;
  }
}

/* AUMENTAR altura dos cards Contactos para igualar Home */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-column-inner.mcb-item-icon_box_2-inner,
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-column-inner-dkw79qw0t,
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-column-inner-0ec43e6f6,
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-column-inner-5f57ff0d4 {
  min-height: 420px !important;
  padding: 48px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mfn-icon-box {
  min-height: auto !important;
  padding: 0 !important;
}

/* =============================================
   CONTACTOS — Seção do formulário: limpar fundos brancos órfãos
   (após fix do } da linha 5983, algum container herdou bg branco)
   ============================================= */
body.page-id-114 #Content section.mcb-section-2f82e6663,
body.page-id-114 #Content section.mcb-section-2f82e6663 .mcb-section-inner-2f82e6663,
body.page-id-114 #Content section.mcb-section-2f82e6663 .mcb-wrap-inner,
body.page-id-114 #Content section.mcb-section-2f82e6663 .mcb-column-inner,
body.page-id-114 #Content section.mcb-section-2f82e6663 .column_attr,
body.page-id-114 #Content section.mcb-section-2f82e6663 .wpcf7,
body.page-id-114 #Content section.mcb-section-2f82e6663 .wpcf7-form,
body.page-id-114 #Content section.mcb-section-2f82e6663 form,
body.page-id-114 #Content section.mcb-section-2f82e6663 .column.one {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
/* manter o fundo dark da section ainda assim */
body.page-id-114 #Content section.mcb-section-2f82e6663 {
  background: #1a1d22 !important;
  background-color: #1a1d22 !important;
}

/* =============================================
   CONTACTOS — achatar nested wrap do card Ligue-nos
   (Card 1 tem .mfn-nested-wrap extra; cards 2/3 não)
   Sem isso o card 1 cresce em altura e desalinha com os outros
   ============================================= */
body.page-id-114 #Content section.mcb-section-4c66b4ff3 .mcb-wrap.mfn-nested-wrap {
  display: contents !important;
}

/* =============================================
   Cards Ligue/Envie/Visite: links no ícone + valor (contact-links.js)
   ============================================= */
.mfn-icon-box .ww-card-link {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  border: none;
  background: transparent;
}
.mfn-icon-box .ww-card-link-text {
  color: inherit !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.mfn-icon-box .ww-card-link:hover .icon-wrapper {
  background: linear-gradient(135deg, rgba(0,166,79,0.22), rgba(0,166,79,0.32)) !important;
  transform: scale(1.08) !important;
}
.mfn-icon-box .ww-card-link-text:hover {
  color: #00a64f !important;
}

/* =============================================
   Selo ISO no rodapé: destaque (era invisível sobre fundo dark)
   ============================================= */
.ww-iso-footer {
  padding: 32px 20px !important;
  gap: 28px !important;
}
.ww-iso-footer a:first-child {
  background: #ffffff !important;
  padding: 14px 18px !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.06) !important;
  display: inline-flex !important;
  align-items: center !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.ww-iso-footer a:first-child:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 28px rgba(0,166,79,0.35), 0 0 0 1px rgba(0,166,79,0.4) !important;
}
.ww-iso-footer img,
.ww-iso-footer a img[style] {
  height: 130px !important;
  width: auto !important;
  filter: none !important;
}

/* =============================================
   POLÍTICA DE PRIVACIDADE (page-id-3) — limpa
   ============================================= */
body.page.page-id-3 #Subheader h1.title {
  color: #00a64f !important;
  text-shadow: 0 2px 16px rgba(0,0,0,0.45) !important;
  margin: 0 !important;
}
body.page.page-id-3 #Subheader h1.title::before,
body.page.page-id-3 #Subheader h1.title::after {
  display: none !important;
  content: none !important;
}
body.page.page-id-3 #Subheader .breadcrumbs {
  display: none !important;
}
body.page.page-id-3 #Subheader {
  padding-top: 150px !important;
  padding-bottom: 50px !important;
  min-height: auto !important;
}
html body.page-id-3.page-template-default #Subheader {
  background:
    linear-gradient(rgba(20,23,28,0.85), rgba(20,23,28,0.90)),
    url("/wp-content/uploads/2025/02/industria.jpg") !important;
  background-image:
    linear-gradient(rgba(20,23,28,0.85), rgba(20,23,28,0.90)),
    url("/wp-content/uploads/2025/02/industria.jpg") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
  background-color: #14171c !important;
  border-bottom: none !important;
}

/* Forçar render de TUDO no Content */
body.page-id-3 #Content,
body.page-id-3 #Content .content_wrapper,
body.page-id-3 #Content main.ww-pp-section,
body.page-id-3 #Content .ww-pp-body,
body.page-id-3 #Content .ww-pp-body * {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
body.page-id-3 #Content,
body.page-id-3 #Content .content_wrapper,
body.page-id-3 main.ww-pp-section {
  background: #14171c !important;
  background-color: #14171c !important;
  min-height: 60vh !important;
}
body.page-id-3 main.ww-pp-section {
  padding: 60px 0 !important;
}
body.page-id-3 .ww-pp-body {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  color: rgba(255,255,255,0.85) !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.75 !important;
}
html body.page-id-3 #Content .ww-pp-body p {
  color: rgba(255,255,255,0.85) !important;
  margin: 0 0 1.2rem 0 !important;
  font-size: 1rem !important;
}
html body.page-id-3 #Content .ww-pp-body h3 {
  color: #00a64f !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  margin: 2rem 0 1rem 0 !important;
}
html body.page-id-3 #Content .ww-pp-body ul {
  padding-left: 1.5rem !important;
  margin: 0 0 1.2rem 0 !important;
}
html body.page-id-3 #Content .ww-pp-body li {
  color: rgba(255,255,255,0.85) !important;
  margin-bottom: 0.6rem !important;
  list-style: disc !important;
  display: list-item !important;
}
html body.page-id-3 #Content .ww-pp-body strong { color: #ffffff !important; }
html body.page-id-3 #Content .ww-pp-body a {
  color: #00a64f !important;
  text-decoration: underline !important;
  display: inline !important;
}
html body.page-id-3 #Content .ww-pp-body a:hover { color: #43c97a !important; }

/* =============================================
   Seletor de idioma (PT | EN | ES | FR) — cores por idioma
   ============================================= */
.ww-lang-switcher {
  position: fixed;
  top: 14px;
  right: 100px;
  z-index: 99998;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px 10px;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 20px;
  font-family: "Inter", sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  box-shadow: 0 2px 10px rgba(0,0,0,0.25);
}
.ww-lang-switcher .ww-lang-link {
  text-decoration: none !important;
  padding: 4px 8px;
  border-radius: 10px;
  transition: all 0.2s ease;
  border: none;
  opacity: 0.45;
  position: relative;
}
.ww-lang-switcher .ww-lang-link:hover {
  opacity: 1;
  transform: scale(1.18);
  background: rgba(255,255,255,0.12);
}
.ww-lang-switcher .ww-lang-active {
  opacity: 1;
  background: rgba(255,255,255,0.08);
}
/* cor por idioma (inativo / ativo) */
.ww-lang-switcher .ww-lang-link[hreflang="pt"] { color: #00a64f !important; }
.ww-lang-switcher .ww-lang-link[hreflang="en"] { color: #60a5fa !important; }
.ww-lang-switcher .ww-lang-link[hreflang="es"] { color: #f59e0b !important; }
.ww-lang-switcher .ww-lang-link[hreflang="fr"] { color: #a78bfa !important; }
/* cores mais saturadas no hover */
.ww-lang-switcher .ww-lang-link[hreflang="pt"]:hover { color: #43c97a !important; text-shadow: 0 0 12px rgba(0,166,79,0.6); }
.ww-lang-switcher .ww-lang-link[hreflang="en"]:hover { color: #93c5fd !important; text-shadow: 0 0 12px rgba(96,165,250,0.6); }
.ww-lang-switcher .ww-lang-link[hreflang="es"]:hover { color: #fbbf24 !important; text-shadow: 0 0 12px rgba(245,158,11,0.6); }
.ww-lang-switcher .ww-lang-link[hreflang="fr"]:hover { color: #c4b5fd !important; text-shadow: 0 0 12px rgba(167,139,250,0.6); }
/* separador some — substituído por gap */
.ww-lang-switcher .ww-lang-sep { display: none !important; }
@media (max-width: 768px) {
  .ww-lang-switcher {
    top: auto;
    bottom: 14px;
    right: 14px;
    font-size: 0.75rem;
    padding: 4px 6px;
  }
}
@media print { .ww-lang-switcher { display: none; } }



/* =============================================
   Eyebrows traduzidos por idioma (QUEM SOMOS, SOBRE A WEST WIND)
   ============================================= */
body.ww-lang-en section.mcb-section-6d7f9e19d .mcb-column-inner-e55447d62 h2::before { content: "WHO WE ARE" !important; }
body.ww-lang-es section.mcb-section-6d7f9e19d .mcb-column-inner-e55447d62 h2::before { content: "QUIÉNES SOMOS" !important; }
body.ww-lang-fr section.mcb-section-6d7f9e19d .mcb-column-inner-e55447d62 h2::before { content: "QUI SOMMES-NOUS" !important; }

body.ww-lang-en .mcb-column-inner-e8b268f7c .column_attr::before { content: "ABOUT WEST WIND" !important; }
body.ww-lang-es .mcb-column-inner-e8b268f7c .column_attr::before { content: "SOBRE WEST WIND" !important; }
body.ww-lang-fr .mcb-column-inner-e8b268f7c .column_attr::before { content: "À PROPOS DE WEST WIND" !important; }

/* =============================================
   Projetos: intros descritivos por seção
   ============================================= */
html body #Content .ww-project-intro {
  max-width: 920px !important;
  margin: 1.5rem auto 2.5rem auto !important;
  padding: 0 24px !important;
  color: rgba(255,255,255,0.82) !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1.02rem !important;
  line-height: 1.7 !important;
  text-align: center !important;
}
html body #Content .ww-project-intro p {
  color: rgba(255,255,255,0.82) !important;
  margin: 0 !important;
  font-size: 1.02rem !important;
}
html body #Content .ww-project-intro strong { color: #ffffff !important; font-weight: 700 !important; }
html body #Content .ww-project-intro em { color: #00a64f !important; font-style: italic !important; }
@media (max-width: 768px) {
  html body #Content .ww-project-intro { padding: 0 16px !important; font-size: 0.95rem !important; }
}

/* =============================================
   LinkedIn caption por idioma (sobrescreve PT padrão)
   ============================================= */
body.ww-lang-en #Footer .zoom-social-icons-widget::after {
  content: "Follow West Wind on LinkedIn for news and projects." !important;
}
body.ww-lang-es #Footer .zoom-social-icons-widget::after {
  content: "Siga a West Wind en LinkedIn para novedades y proyectos." !important;
}
body.ww-lang-fr #Footer .zoom-social-icons-widget::after {
  content: "Suivez West Wind sur LinkedIn pour actualités et projets." !important;
}


/* =============================================
   West Wind Lightbox (vanilla JS)
   ============================================= */
.ww-lightbox { display: none; }
.ww-lightbox.open {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 100000;
}
.ww-lb-backdrop {
  position: absolute; inset: 0;
  background: rgba(0,0,0,0.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  cursor: zoom-out;
}
.ww-lb-stage {
  position: relative;
  margin: 0;
  width: 100%; height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 80px 40px 80px;
  box-sizing: border-box;
  pointer-events: none;
}
.ww-lb-img {
  max-width: 100%;
  max-height: 85vh;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.6);
  display: block;
  pointer-events: auto;
}
.ww-lb-caption {
  color: rgba(255,255,255,0.85);
  font-family: "Inter", sans-serif;
  font-size: 0.92rem;
  margin-top: 16px;
  text-align: center;
  max-width: 80vw;
}
.ww-lb-counter {
  position: absolute;
  bottom: 18px; left: 50%;
  transform: translateX(-50%);
  color: rgba(255,255,255,0.75);
  font-family: "Inter", sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  pointer-events: none;
}
.ww-lb-close, .ww-lb-prev, .ww-lb-next {
  position: absolute;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.18);
  color: #ffffff;
  width: 48px; height: 48px;
  border-radius: 50%;
  font-size: 28px;
  font-family: Arial, sans-serif;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}
.ww-lb-close:hover, .ww-lb-prev:hover, .ww-lb-next:hover {
  background: rgba(0,166,79,0.85);
  border-color: rgba(0,166,79,0.9);
  transform: scale(1.08);
}
.ww-lb-close { top: 20px; right: 20px; }
.ww-lb-prev  { top: 50%; left: 24px; transform: translateY(-50%); }
.ww-lb-next  { top: 50%; right: 24px; transform: translateY(-50%); }
.ww-lb-prev:hover, .ww-lb-next:hover { transform: translateY(-50%) scale(1.08); }
@media (max-width: 768px) {
  .ww-lb-stage { padding: 50px 12px 40px 12px; }
  .ww-lb-close, .ww-lb-prev, .ww-lb-next { width: 40px; height: 40px; font-size: 22px; }
  .ww-lb-prev { left: 8px; }
  .ww-lb-next { right: 8px; }
}

/* =============================================
   Lightbox botões — forçar verde West Wind (override tema laranja)
   ============================================= */
html body .ww-lightbox .ww-lb-close,
html body .ww-lightbox .ww-lb-prev,
html body .ww-lightbox .ww-lb-next {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
  border-radius: 50% !important;
}
html body .ww-lightbox .ww-lb-close:hover,
html body .ww-lightbox .ww-lb-prev:hover,
html body .ww-lightbox .ww-lb-next:hover {
  background: rgba(0,166,79,0.85) !important;
  border-color: rgba(0,166,79,0.9) !important;
  color: #ffffff !important;
}



/* =============================================
   HOME GALLERY — CSS Grid robusto
   Substitui equal-heights frágil do Betheme.
   Aplica em qualquer galeria .equal-heights da home (PT/EN/ES/FR).
   /projetos/ tem regra dedicada em body.page-id-121 mais acima.
   ============================================= */
body.home #Content .image_gallery .gallery,
body.home #Content .gallery.equal-heights {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 auto !important;
  float: none !important;
}
body.home #Content .gallery.equal-heights .gallery-item,
body.home #Content .gallery.equal-heights dl.gallery-item {
  width: auto !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
body.home #Content .gallery.equal-heights .gallery-item-wrapper,
body.home #Content .gallery.equal-heights .gallery-icon {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
body.home #Content .gallery.equal-heights .gallery-icon a {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}
body.home #Content .gallery.equal-heights .gallery-icon a img {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  transition: transform 0.5s ease !important;
}
body.home #Content .gallery.equal-heights .gallery-icon a:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 38px rgba(0,166,79,0.28) !important;
}
body.home #Content .gallery.equal-heights .gallery-icon a:hover img {
  transform: scale(1.05) !important;
}
/* Esconde captions inline na home — captions ficam só na barra de notícias */
body.home #Content .gallery.equal-heights .wp-caption-text,
body.home #Content .gallery.equal-heights .gallery-caption,
body.home #Content .gallery.equal-heights dd {
  display: none !important;
}
@media (max-width: 900px) {
  body.home #Content .image_gallery .gallery,
  body.home #Content .gallery.equal-heights {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
}
@media (max-width: 480px) {
  body.home #Content .image_gallery .gallery,
  body.home #Content .gallery.equal-heights {
    grid-template-columns: 1fr !important;
  }
}



/* === Projetos: fundo dark sólido nas seções (igual Empresa) === */
body.page-id-121 #Content section.mcb-section-8f1d8882b,
body.page-id-121 #Content section.mcb-section-c0f3cce5f,
body.page-id-121 #Content section.mcb-section-fijeq5hss {
  background: #1a1d22 !important;
  background-color: #1a1d22 !important;
  background-image: none !important;
  padding-top: clamp(40px, 5vw, 70px) !important;
  padding-bottom: clamp(40px, 5vw, 70px) !important;
}


/* === HIDRÁULICOS — nova galeria (sc_gallery-4) === */
body.page-id-121 #Content section.mcb-section-hidp7r3ss51 h2::before {
  display: block !important;
  color: #00a64f !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  margin-bottom: 0.8rem !important;
  content: "ESPECIALIDADE · 03" !important;
}

/* Fundo dark sólido (igual outras seções) */
body.page-id-121 #Content section.mcb-section-hidp7r3ss51 {
  background: #1a1d22 !important;
  background-color: #1a1d22 !important;
  background-image: none !important;
  padding-top: clamp(40px, 5vw, 70px) !important;
  padding-bottom: clamp(40px, 5vw, 70px) !important;
}

/* H2 alinhado igual outras */
body.page-id-121 #Content section.mcb-section-hidp7r3ss51 h2 {
  text-align: left !important;
  color: #ffffff !important;
}


/* === Lightbox: mobile-friendly (botões maiores, prevent overscroll) === */
.ww-lightbox {
  overscroll-behavior: none !important;
  touch-action: pan-y pinch-zoom !important;
}
.ww-lightbox .ww-lb-prev,
.ww-lightbox .ww-lb-next,
.ww-lightbox .ww-lb-close {
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}
@media (max-width: 767px) {
  .ww-lightbox .ww-lb-prev,
  .ww-lightbox .ww-lb-next {
    width: 56px !important;
    height: 56px !important;
    font-size: 32px !important;
    line-height: 56px !important;
    background: rgba(0,0,0,0.55) !important;
    border-radius: 50% !important;
    z-index: 100 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  .ww-lightbox .ww-lb-prev { left: 12px !important; }
  .ww-lightbox .ww-lb-next { right: 12px !important; }
  .ww-lightbox .ww-lb-close {
    width: 48px !important;
    height: 48px !important;
    font-size: 28px !important;
    line-height: 48px !important;
    top: 16px !important;
    right: 16px !important;
    background: rgba(0,0,0,0.55) !important;
    border-radius: 50% !important;
    z-index: 100 !important;
  }
}


/* === Hero title: cor branca + sombra pra legibilidade (após troca h1->h2) === */
.ww-hero .ww-hero-title,
section.ww-hero h2.ww-hero-title,
section.ww-hero h1.ww-hero-title {
  color: #ffffff !important;
  text-shadow: 0 2px 14px rgba(0,0,0,0.55), 0 1px 3px rgba(0,0,0,0.5) !important;
}