:root{
  --blue:#129fd5;--blue-dark:#087cae;--navy:#071727;--ink:#111821;
  --muted:#626d77;--line:#d9e0e5;--soft:#f2f4f5;--white:#fff;--max:1460px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter",Arial,sans-serif;color:var(--ink);background:white}a{text-decoration:none;color:inherit}img{max-width:100%}
.header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(17,24,33,.08);transition:.3s}
.header-inner{height:92px;width:min(94%,var(--max));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{width:275px;height:65px;display:flex;align-items:center}.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}.nav{display:flex;gap:28px;align-items:center;font-size:12px;font-weight:700;text-transform:uppercase}.header-cta{background:var(--blue);color:white;padding:16px 22px}.language{color:#71808e}.menu-toggle{display:none;border:0;background:none;font-size:28px}
.hero{height:100vh;min-height:760px;position:relative;display:flex;align-items:flex-end;overflow:hidden;margin-top:92px}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,14,28,.93),rgba(1,20,39,.66) 46%,rgba(1,20,39,.08) 78%)}.hero-content{position:relative;z-index:2;width:min(88%,var(--max));margin:0 auto;padding-bottom:130px;color:white}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:700;text-transform:uppercase;margin:0 0 22px}.eyebrow.blue{color:var(--blue-dark)}.hero h1{font-size:clamp(56px,6vw,92px);line-height:.98;letter-spacing:-.055em;margin:0 0 32px;max-width:980px}.hero h1 span{color:var(--blue)}.hero-content>p:not(.eyebrow){max-width:650px;font-size:19px;line-height:1.65;color:rgba(255,255,255,.82);margin-bottom:34px}.primary-link{display:inline-flex;gap:25px;align-items:center;padding:17px 24px;background:var(--blue);color:white;font-size:13px;font-weight:700;text-transform:uppercase}.primary-link span,.text-link span{transition:transform .25s}.primary-link:hover span,.text-link:hover span{transform:translateX(7px)}.primary-link.light{background:white;color:var(--navy)}.hero-index{position:absolute;right:4%;bottom:55px;z-index:2;color:white;display:flex;align-items:center;gap:12px;font-size:11px}.hero-index div{width:85px;height:1px;background:rgba(255,255,255,.5)}
.editorial-section{width:min(88%,var(--max));margin:auto;padding:130px 0;display:grid;grid-template-columns:90px 1fr;column-gap:45px}.editorial-number{font-size:13px;color:#81909c;padding-top:8px}.intro{grid-template-columns:90px 1.2fr .8fr;align-items:start}.intro h2,.solutions-heading h2,.sectors-heading h2,.representations-heading h2,.section-top h2,.contact-cta h2{font-size:clamp(42px,5vw,74px);line-height:1.05;letter-spacing:-.05em;margin:0}.intro-copy{font-size:19px;line-height:1.7;color:var(--muted);padding-top:35px}.text-link{display:inline-flex;gap:18px;color:var(--blue-dark);font-size:13px;font-weight:700;text-transform:uppercase;margin-top:22px}
.dark-section{background:var(--navy);color:white;padding:130px 6%}.section-top{width:min(100%,var(--max));margin:auto;display:grid;grid-template-columns:90px 1fr;gap:45px}.competency-list{width:min(100%,var(--max));margin:70px auto 0;border-top:1px solid rgba(255,255,255,.2)}.competency-list a{display:grid;grid-template-columns:80px 1fr auto;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.2);align-items:center;transition:.3s}.competency-list a:hover{padding-left:18px;color:var(--blue)}.competency-list span{font-size:12px;color:#8090a0}.competency-list strong{font-size:clamp(25px,3vw,42px);font-weight:500}.competency-list em{font-style:normal;font-size:26px}
.solutions{display:block}.solutions>.editorial-number{float:left;width:135px}.solutions-heading{margin-left:135px;margin-bottom:85px}.solution-feature{display:grid;grid-template-columns:1.08fr .92fr;min-height:610px;border-top:1px solid var(--line)}.solution-feature.reverse .solution-image{order:2}.solution-feature.reverse .solution-copy{order:1}.solution-image{overflow:hidden;background:var(--soft)}.solution-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.solution-feature:first-of-type .solution-image img{object-fit:contain;padding:50px;background:white}.solution-feature:hover .solution-image img{transform:scale(1.035)}.solution-copy{padding:70px;display:flex;flex-direction:column;justify-content:center;background:white}.solution-logo{max-width:300px;max-height:90px;object-fit:contain;object-position:left;margin-bottom:40px;mix-blend-mode:multiply}.micro-label{font-size:11px;color:var(--blue-dark);letter-spacing:.18em;font-weight:700}.solution-copy h3{font-size:clamp(34px,3vw,52px);line-height:1.12;letter-spacing:-.04em;margin:13px 0 22px}.solution-copy>p:not(.micro-label){font-size:17px;line-height:1.7;color:var(--muted)}
.statement{height:590px;position:relative;background:url("assets/hero.webp") center/cover fixed;display:flex;align-items:center;justify-content:center}.statement-overlay{position:absolute;inset:0;background:rgba(3,18,34,.68)}.statement-content{position:relative;text-align:center;color:white;width:min(88%,1100px)}blockquote{font-size:clamp(42px,5vw,76px);line-height:1.08;letter-spacing:-.045em;margin:0;font-weight:600}
.sectors{display:block}.sectors>.editorial-number{float:left;width:135px}.sectors-heading{margin-left:135px;margin-bottom:75px}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.sector-grid a{min-height:310px;padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.3s}.sector-grid a:hover{background:var(--navy);color:white}.sector-grid span{font-size:11px;color:var(--blue-dark)}.sector-grid h3{font-size:29px;line-height:1.15;margin:60px 0 18px}.sector-grid p{color:var(--muted);line-height:1.6}.sector-grid a:hover p{color:rgba(255,255,255,.68)}.sector-grid em{position:absolute;right:32px;bottom:28px;font-style:normal;color:var(--blue);font-size:24px}
.company-grid{width:min(100%,var(--max));margin:70px auto 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.company-copy{font-size:19px;line-height:1.75;color:rgba(255,255,255,.7)}.metrics{display:grid;grid-template-columns:repeat(2,1fr)}.metrics div{padding:30px;border-left:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.metrics strong{display:block;font-size:55px;color:var(--blue);margin-bottom:12px}.metrics span{font-size:13px;color:rgba(255,255,255,.67)}
.representations{display:block}.representations>.editorial-number{float:left;width:135px}.representations-heading{margin-left:135px;margin-bottom:75px}.representation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.representation-grid a{min-height:390px;border:1px solid var(--line);padding:48px;display:flex;flex-direction:column;transition:.3s}.representation-grid a:hover{background:var(--soft);transform:translateY(-6px);box-shadow:0 20px 50px rgba(5,35,58,.12)}.representation-grid img{height:95px;max-width:320px;object-fit:contain;object-position:left;mix-blend-mode:multiply;margin-bottom:70px}.representation-grid p{font-size:11px;color:var(--blue-dark);letter-spacing:.13em;text-transform:uppercase;font-weight:700}.representation-grid h3{font-size:31px;margin:12px 0}.representation-grid span{margin-top:auto;color:var(--blue-dark);font-size:13px;font-weight:700;text-transform:uppercase}
.contact-cta{background:var(--blue);color:white;padding:105px 6%;display:grid;grid-template-columns:1fr .7fr;gap:100px}.contact-cta>div:last-child{font-size:18px;line-height:1.7;color:rgba(255,255,255,.84)}
footer{background:#06101a;color:white;padding:75px 6% 25px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr .7fr;gap:70px}.footer-top>img{width:280px;filter:brightness(0) invert(1)}.footer-top strong{font-size:13px;text-transform:uppercase}.footer-top p,.footer-top a{display:block;color:rgba(255,255,255,.62);font-size:14px;line-height:1.8}.footer-bottom{margin-top:70px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;color:rgba(255,255,255,.45);font-size:12px}
@media(max-width:1050px){.nav{gap:14px}.editorial-section,.intro{grid-template-columns:70px 1fr}.intro-copy{grid-column:2}.solution-feature{grid-template-columns:1fr}.solution-feature.reverse .solution-image,.solution-feature.reverse .solution-copy{order:initial}.sector-grid{grid-template-columns:repeat(2,1fr)}.contact-cta{grid-template-columns:1fr}.footer-top{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header-inner{height:76px}.brand{width:215px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;flex-direction:column;align-items:flex-start;padding:25px}.nav.open{display:flex}.hero{margin-top:76px}.hero h1{font-size:47px}.editorial-section,.intro{width:calc(100% - 30px);padding:85px 0;display:block}.editorial-number{margin-bottom:25px}.solutions>.editorial-number,.sectors>.editorial-number,.representations>.editorial-number{float:none;width:auto}.solutions-heading,.sectors-heading,.representations-heading{margin-left:0}.solution-copy{padding:35px}.dark-section{padding:85px 20px}.section-top{display:block}.competency-list a{grid-template-columns:50px 1fr auto}.competency-list strong{font-size:24px}.sector-grid{grid-template-columns:1fr}.company-grid{grid-template-columns:1fr;gap:45px}.metrics{grid-template-columns:1fr}.representation-grid{grid-template-columns:1fr}.statement{height:430px;background-attachment:scroll}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px}}


/* ===== V2 CORRIGIDA: escala, centragem e imagens ===== */
:root { --max: 1240px; }

.hero h1 {
  font-size: clamp(46px, 5.2vw, 76px);
  line-height: 1.04;
  max-width: 820px;
}
.hero-content {
  width: min(88%, 1240px);
  padding-bottom: 105px;
}
.hero-content > p:not(.eyebrow) {
  font-size: 18px;
  max-width: 610px;
}

.editorial-section {
  width: min(calc(100% - 48px), 1240px);
  padding: 100px 0;
  grid-template-columns: 62px minmax(0, 1fr);
  column-gap: 34px;
}
.intro {
  grid-template-columns: 62px minmax(0, 1.1fr) minmax(280px, .72fr);
  gap: 34px;
}
.intro h2,
.solutions-heading h2,
.sectors-heading h2,
.representations-heading h2,
.section-top h2,
.contact-cta h2 {
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.12;
  letter-spacing: -.035em;
}
.intro-copy {
  font-size: 17px;
  padding-top: 22px;
}

.dark-section {
  padding: 100px max(24px, calc((100% - 1240px) / 2));
}
.section-top,
.competency-list,
.company-grid {
  width: 100%;
  max-width: 1240px;
}
.section-top {
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 34px;
}
.competency-list strong {
  font-size: clamp(23px, 2.4vw, 35px);
}

/* Remove float-based alignment and center the numbered sections. */
.solutions,
.sectors,
.representations {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  column-gap: 34px;
}
.solutions > .editorial-number,
.sectors > .editorial-number,
.representations > .editorial-number {
  float: none;
  width: auto;
  grid-column: 1;
  grid-row: 1;
}
.solutions-heading,
.sectors-heading,
.representations-heading {
  margin-left: 0;
  margin-bottom: 58px;
  grid-column: 2;
}
.solutions .solution-feature,
.sectors .sector-grid,
.representations .representation-grid {
  grid-column: 1 / -1;
}

/* Solution blocks: balanced size, centered image, visible links. */
.solution-feature {
  grid-template-columns: 1fr 1fr;
  min-height: 500px;
  height: auto;
  overflow: visible;
}
.solution-image {
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: #fff;
  overflow: hidden;
}
.solution-image img,
.solution-feature:first-of-type .solution-image img {
  width: 100%;
  height: 100%;
  max-height: 450px;
  object-fit: contain;
  object-position: center;
  padding: 0;
  background: #fff;
}
.solution-copy {
  min-height: 500px;
  padding: 48px 52px;
  justify-content: center;
  overflow: visible;
}
.solution-logo {
  max-width: 275px;
  max-height: 78px;
  margin-bottom: 28px;
}
.solution-copy h3 {
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.14;
  margin: 12px 0 18px;
}
.solution-copy > p:not(.micro-label) {
  font-size: 16px;
  line-height: 1.65;
  margin-bottom: 8px;
}
.solution-copy .text-link {
  margin-top: 25px;
  padding-bottom: 4px;
  flex-shrink: 0;
}

/* ABIMAN stays sharp and centered. */
.solution-feature.reverse .solution-image img {
  max-height: 455px;
}

/* Pages/sections 4 and 5 centered, with enough lower spacing. */
.sectors {
  padding-bottom: 115px;
}
.sector-grid {
  width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sector-grid a {
  min-height: 270px;
  padding: 30px;
}
.sector-grid h3 {
  font-size: 25px;
  margin: 48px 0 15px;
}

.company {
  padding-bottom: 115px;
}
.company-grid {
  margin: 58px auto 0;
  grid-template-columns: .9fr 1.1fr;
  gap: 75px;
  align-items: start;
}
.company-copy {
  font-size: 17px;
}
.metrics strong {
  font-size: 48px;
}

.statement {
  height: 480px;
}
blockquote {
  font-size: clamp(36px, 4vw, 58px);
}

/* Representations centered and not clipped. */
.representations {
  padding-bottom: 115px;
}
.representation-grid {
  width: 100%;
  margin: 0 auto;
}
.representation-grid a {
  min-height: 340px;
  padding: 42px;
}
.representation-grid img {
  height: 80px;
  margin-bottom: 48px;
}

.contact-cta {
  padding: 85px max(24px, calc((100% - 1240px) / 2));
}

@media (max-width: 1050px) {
  .editorial-section,
  .intro {
    grid-template-columns: 54px minmax(0, 1fr);
  }
  .intro-copy { grid-column: 2; }
  .solutions,
  .sectors,
  .representations {
    grid-template-columns: 54px minmax(0, 1fr);
  }
  .solution-feature {
    grid-template-columns: 1fr;
  }
  .solution-feature.reverse .solution-image,
  .solution-feature.reverse .solution-copy {
    order: initial;
  }
  .solution-image,
  .solution-copy {
    min-height: auto;
  }
  .solution-image {
    height: 430px;
  }
}

@media (max-width: 760px) {
  .hero h1 { font-size: 42px; }
  .editorial-section,
  .intro,
  .solutions,
  .sectors,
  .representations {
    width: calc(100% - 30px);
    padding: 75px 0;
    display: block;
  }
  .solutions-heading,
  .sectors-heading,
  .representations-heading {
    margin-bottom: 42px;
  }
  .solution-image {
    height: 330px;
    padding: 18px;
  }
  .solution-copy {
    min-height: auto;
    padding: 34px 28px 40px;
  }
  .solution-copy h3 { font-size: 32px; }
  .sector-grid { grid-template-columns: 1fr; }
  .company-grid { grid-template-columns: 1fr; gap: 40px; }
}


/* ===== V3: formulário de contacto ===== */
.contact-form-section {
  background: var(--blue);
  color: #fff;
  padding: 90px max(24px, calc((100% - 1240px) / 2));
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr);
  gap: 85px;
  align-items: start;
}
.contact-intro {
  padding-top: 5px;
}
.contact-intro h2 {
  margin: 0 0 24px;
  font-size: clamp(36px, 4vw, 56px);
  line-height: 1.08;
  letter-spacing: -.04em;
}
.contact-intro > p:last-child {
  max-width: 520px;
  margin: 0;
  color: rgba(255,255,255,.84);
  font-size: 18px;
  line-height: 1.65;
}
.contact-form {
  display: grid;
  gap: 18px;
  padding: 38px;
  background: #fff;
  color: var(--ink);
}
.contact-form label {
  display: grid;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
}
.contact-form input,
.contact-form textarea {
  width: 100%;
  border: 1px solid #d5dde3;
  background: #fff;
  padding: 13px 14px;
  font: inherit;
  color: var(--ink);
}
.contact-form input {
  min-height: 49px;
}
.contact-form textarea {
  min-height: 132px;
  resize: vertical;
}
.contact-form input:focus,
.contact-form textarea:focus {
  outline: 2px solid rgba(18,159,213,.22);
  border-color: var(--blue);
}
.contact-form .privacy-check {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 400;
}
.contact-form .privacy-check input {
  width: auto;
  min-height: auto;
  margin: 0;
}
.contact-form button {
  min-height: 50px;
  border: 0;
  background: var(--blue);
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color .25s ease, transform .25s ease;
}
.contact-form button:hover {
  background: var(--blue-dark);
  transform: translateY(-1px);
}
.form-note {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

@media (max-width: 980px) {
  .contact-form-section {
    grid-template-columns: 1fr;
    gap: 45px;
  }
}
@media (max-width: 640px) {
  .contact-form-section {
    padding: 70px 20px;
  }
  .contact-intro h2 {
    font-size: 38px;
  }
  .contact-form {
    padding: 25px;
  }
}


/* ===== V4: logótipos oficiais e blocos completos por ecrã ===== */

/* Mantém cada solução totalmente contida num único ecrã em desktop. */
.solution-feature {
  min-height: calc(100vh - 92px);
  height: calc(100vh - 92px);
  max-height: 780px;
  overflow: hidden;
}
.solution-image,
.solution-copy {
  min-height: 0;
  height: 100%;
}
.solution-image {
  padding: 28px 34px;
}
.solution-image img,
.solution-feature:first-of-type .solution-image img,
.solution-feature.reverse .solution-image img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: 0;
}
.solution-copy {
  padding: clamp(34px, 4.2vw, 58px);
  justify-content: center;
}
.solution-logo {
  width: auto;
  max-width: 320px;
  max-height: 88px;
  object-fit: contain;
  object-position: left center;
  margin-bottom: 24px;
  mix-blend-mode: normal;
}
.solution-copy h3 {
  font-size: clamp(30px, 3vw, 44px);
  margin: 10px 0 16px;
}
.solution-copy > p:not(.micro-label) {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 6px;
}
.solution-copy .text-link {
  margin-top: 22px;
  padding: 10px 0;
}

/* Evita que o SVG do IKOffice seja cortado nos vários pontos. */
img[src$="ikoffice-oficial.svg"] {
  object-fit: contain !important;
  overflow: visible;
}

/* Logótipos nas representações oficiais. */
.representation-grid img {
  width: auto;
  max-width: 330px;
  height: 95px;
  max-height: 95px;
  object-fit: contain;
  object-position: left center;
  mix-blend-mode: normal;
  margin-bottom: 46px;
}

/* ABIMAN: nova imagem centrada e sem corte. */
.solution-feature.reverse .solution-image {
  background: #fff;
}
.solution-feature.reverse .solution-image img {
  object-fit: contain;
  object-position: center;
}

/* Faz cada grande secção começar e terminar de forma mais limpa no ecrã. */
.solutions,
.sectors,
.company,
.representations,
.contact-form-section {
  scroll-margin-top: 92px;
}
.sectors,
.company,
.representations {
  min-height: calc(100vh - 92px);
  display: grid;
  align-content: center;
}

/* Corrige centragem das secções 4 e 5 e evita mostrar conteúdo seguinte. */
.sectors {
  padding-top: 86px;
  padding-bottom: 86px;
}
.company {
  padding-top: 86px;
  padding-bottom: 86px;
}
.sector-grid a {
  min-height: 235px;
}
.company-grid {
  margin-top: 44px;
}
.metrics div {
  padding: 24px 28px;
}

/* Contacto também ocupa um bloco visual completo. */
.contact-form-section {
  min-height: calc(100vh - 92px);
  align-items: center;
}

/* Ajustes de ecrãs mais baixos. */
@media (max-height: 760px) and (min-width: 1001px) {
  .solution-feature {
    height: auto;
    min-height: 640px;
    max-height: none;
  }
  .solution-copy {
    padding: 34px 44px;
  }
  .solution-logo {
    max-height: 72px;
    margin-bottom: 18px;
  }
  .solution-copy h3 {
    font-size: 36px;
  }
  .solution-copy > p:not(.micro-label) {
    font-size: 15px;
  }
}

/* Tablet/mobile: não forçar altura de um ecrã. */
@media (max-width: 1000px) {
  .solution-feature {
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }
  .solution-image {
    height: 420px;
  }
  .solution-copy {
    height: auto;
    min-height: 0;
  }
  .sectors,
  .company,
  .representations,
  .contact-form-section {
    min-height: 0;
  }
}
@media (max-width: 640px) {
  .solution-image {
    height: 330px;
    padding: 18px;
  }
  .solution-logo {
    max-width: 270px;
    max-height: 75px;
  }
}


/* ===== V5: logótipos maiores e novo título de contacto ===== */

/* Logótipos nas secções de soluções */
.solution-logo {
  width: min(100%, 410px);
  max-width: 410px;
  height: 120px;
  max-height: 120px;
  object-fit: contain;
  object-position: left center;
  margin-bottom: 25px;
  display: block;
}

/* IKOffice necessita de mais largura para manter toda a assinatura visível */
.solution-logo[src$="ikoffice-oficial.svg"] {
  width: min(100%, 430px);
  max-width: 430px;
  height: 125px;
  max-height: 125px;
}

/* ABIMAN mais preenchido na zona reservada */
.solution-logo[src$="logo-abiman-oficial.png"] {
  width: min(100%, 390px);
  max-width: 390px;
  height: 118px;
  max-height: 118px;
}

/* Logótipos na secção Representações Oficiais */
.representation-grid img {
  width: min(100%, 430px);
  max-width: 430px;
  height: 135px;
  max-height: 135px;
  object-fit: contain;
  object-position: left center;
  margin-bottom: 42px;
}

.representation-grid img[src$="ikoffice-oficial.svg"] {
  width: min(100%, 450px);
  max-width: 450px;
}

.representation-grid img[src$="logo-abiman-oficial.png"] {
  width: min(100%, 410px);
  max-width: 410px;
}

/* Mais espaço útil no conteúdo para que os logótipos respirem */
.solution-copy {
  padding-left: clamp(38px, 4.5vw, 64px);
  padding-right: clamp(38px, 4.5vw, 64px);
}

.contact-intro h2 {
  max-width: 580px;
}

@media (max-height: 760px) and (min-width: 1001px) {
  .solution-logo {
    height: 92px;
    max-height: 92px;
    max-width: 360px;
  }
  .solution-logo[src$="ikoffice-oficial.svg"] {
    height: 98px;
    max-height: 98px;
    max-width: 385px;
  }
  .representation-grid img {
    height: 110px;
    max-height: 110px;
  }
}

@media (max-width: 760px) {
  .solution-logo,
  .solution-logo[src$="ikoffice-oficial.svg"],
  .solution-logo[src$="logo-abiman-oficial.png"] {
    width: min(100%, 320px);
    max-width: 320px;
    height: 95px;
    max-height: 95px;
  }
  .representation-grid img,
  .representation-grid img[src$="ikoffice-oficial.svg"],
  .representation-grid img[src$="logo-abiman-oficial.png"] {
    width: min(100%, 330px);
    max-width: 330px;
    height: 105px;
    max-height: 105px;
  }
}


/* ===== V6: equilíbrio dos logótipos, LinkedIn, contacto e secção 06 ===== */

/* Mesma presença visual para IKOffice e ABIMAN nas soluções. */
.solution-logo,
.solution-logo[src$="ikoffice-oficial.svg"],
.solution-logo[src$="logo-abiman-oficial.png"] {
  width: 390px;
  max-width: min(100%, 390px);
  height: 116px;
  max-height: 116px;
  object-fit: contain;
  object-position: left center;
}

/* Contacto: título em duas linhas e formulário deslocado para a direita. */
.contact-form-section {
  grid-template-columns: minmax(420px, .82fr) minmax(560px, 1.18fr);
  column-gap: 110px;
}
.contact-intro h2 {
  max-width: 650px;
  font-size: clamp(38px, 4vw, 56px);
}
.contact-form {
  width: 100%;
  max-width: 650px;
  justify-self: end;
}

/* Secção 06 maior e mais clara. */
.representations {
  min-height: calc(100vh - 92px);
  align-content: center;
  padding-top: 95px;
  padding-bottom: 105px;
}
.representation-grid-large {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px;
}
.representation-card-large {
  min-height: 470px;
  display: grid;
  grid-template-rows: 205px 1fr;
  background: #fff;
  border: 1px solid var(--line);
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}
.representation-card-large:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 52px rgba(5,35,58,.14);
  background: #f4f8fa;
}
.representation-logo-area {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 34px 46px;
  background: #fff;
  border-bottom: 1px solid var(--line);
}
.representation-logo-area img {
  width: 390px;
  max-width: 100%;
  height: 128px;
  max-height: 128px;
  object-fit: contain;
  object-position: center;
  margin: 0;
  mix-blend-mode: normal;
}
.representation-card-content {
  display: flex;
  flex-direction: column;
  padding: 38px 42px 42px;
}
.representation-card-content > p {
  margin: 0 0 15px;
  color: var(--blue-dark);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.representation-card-content h3 {
  margin: 0 0 13px;
  font-size: 31px;
}
.representation-card-content > span {
  color: var(--muted);
  font-size: 15px;
}
.representation-explore {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  width: fit-content;
  margin-top: auto;
  padding-top: 30px;
  color: var(--blue-dark);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
.representation-explore b {
  display: inline-block;
  transition: transform .25s ease;
}
.representation-card-large:hover .representation-explore b {
  transform: translateX(7px);
}

/* LinkedIn no rodapé. */
.footer-top {
  grid-template-columns: 1.15fr .9fr .8fr .65fr .65fr;
  gap: 48px;
}
.footer-social strong {
  display: block;
  margin-bottom: 13px;
}
.linkedin-link {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,.72) !important;
}
.linkedin-link:hover {
  color: #fff !important;
}

@media (max-width: 1100px) {
  .contact-form-section {
    grid-template-columns: 1fr;
    gap: 45px;
  }
  .contact-form {
    max-width: none;
    justify-self: stretch;
  }
  .footer-top {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 820px) {
  .representation-grid-large {
    grid-template-columns: 1fr;
  }
  .representation-card-large {
    min-height: 420px;
  }
}
@media (max-width: 640px) {
  .solution-logo,
  .solution-logo[src$="ikoffice-oficial.svg"],
  .solution-logo[src$="logo-abiman-oficial.png"] {
    width: 310px;
    max-width: 100%;
    height: 94px;
    max-height: 94px;
  }
  .representation-logo-area img {
    width: 310px;
    height: 105px;
  }
  .footer-top {
    grid-template-columns: 1fr;
  }
}


/* ===== V7: IKOffice maior e fotografia no cartão ===== */

/* IKOffice com aproximadamente o dobro do impacto visual nas soluções. */
.solution-logo[src$="ikoffice-oficial.svg"] {
  width: min(100%, 650px);
  max-width: 650px;
  height: 190px;
  max-height: 190px;
  object-fit: contain;
  object-position: left center;
}

/* ABIMAN mantém o tamanho atual. */
.solution-logo[src$="logo-abiman-oficial.png"] {
  width: 390px;
  max-width: min(100%, 390px);
  height: 116px;
  max-height: 116px;
}

/* Cartão IKOffice da secção 06 com logótipo maior e fotografia. */
.ikoffice-representation {
  grid-template-rows: 245px 300px 1fr;
}
.ikoffice-representation .representation-logo-area {
  padding: 28px 42px;
}
.ikoffice-representation .representation-logo-area img {
  width: min(100%, 650px);
  max-width: 650px;
  height: 190px;
  max-height: 190px;
  object-fit: contain;
  object-position: center;
}
.representation-media {
  overflow: hidden;
  background: #e8edf1;
  border-bottom: 1px solid var(--line);
}
.representation-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 48%;
  margin: 0;
  max-width: none;
  max-height: none;
}

/* Aumenta ligeiramente todo o cartão IKOffice para acomodar a imagem. */
.ikoffice-representation {
  min-height: 760px;
}

/* O cartão ABIMAN mantém a altura equilibrada, mas alinha-se pelo topo. */
.representation-grid-large {
  align-items: start;
}

/* No cartão IKOffice, o botão explorar permanece visível na base. */
.ikoffice-representation .representation-card-content {
  min-height: 235px;
}

/* Logótipo IKOffice também maior na secção Representações, sem fotografia em outros cartões. */
.representation-logo-area img[src$="ikoffice-oficial.svg"] {
  width: min(100%, 650px);
  max-width: 650px;
  height: 190px;
  max-height: 190px;
}

@media (max-height: 820px) and (min-width: 1001px) {
  .solution-logo[src$="ikoffice-oficial.svg"] {
    width: min(100%, 530px);
    max-width: 530px;
    height: 150px;
    max-height: 150px;
  }
}

@media (max-width: 820px) {
  .solution-logo[src$="ikoffice-oficial.svg"] {
    width: min(100%, 420px);
    max-width: 420px;
    height: 130px;
    max-height: 130px;
  }
  .ikoffice-representation {
    grid-template-rows: 210px 270px 1fr;
    min-height: 690px;
  }
  .ikoffice-representation .representation-logo-area img,
  .representation-logo-area img[src$="ikoffice-oficial.svg"] {
    width: min(100%, 440px);
    max-width: 440px;
    height: 145px;
    max-height: 145px;
  }
}

@media (max-width: 640px) {
  .solution-logo[src$="ikoffice-oficial.svg"] {
    width: min(100%, 340px);
    max-width: 340px;
    height: 105px;
    max-height: 105px;
  }
  .ikoffice-representation {
    grid-template-rows: 180px 230px 1fr;
    min-height: 620px;
  }
  .ikoffice-representation .representation-logo-area img,
  .representation-logo-area img[src$="ikoffice-oficial.svg"] {
    width: min(100%, 330px);
    max-width: 330px;
    height: 110px;
    max-height: 110px;
  }
}


/* ===== V8: página 3 equilibrada e página 6 redesenhada ===== */

/* Página 3: IKOffice com o mesmo peso visual da ABIMAN. */
.solution-feature:first-of-type .solution-image {
  padding: 18px 24px;
}
.solution-feature:first-of-type .solution-image img {
  width: 100%;
  height: 100%;
  max-height: 520px;
  object-fit: contain;
  object-position: center;
}
.solution-logo[src$="ikoffice-oficial.svg"],
.solution-logo[src$="logo-abiman-oficial.png"] {
  width: min(100%, 440px);
  max-width: 440px;
  height: 135px;
  max-height: 135px;
  object-fit: contain;
  object-position: left center;
  margin-bottom: 24px;
}

/* Página 6 */
.representation-grid-v8 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px;
  width: 100%;
}
.representation-card-v8 {
  min-height: 690px;
  display: grid;
  grid-template-rows: 155px auto 260px auto;
  align-items: start;
  background: #fff;
  border: 1px solid var(--line);
  padding: 30px 30px 28px;
  transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}
.representation-card-v8:hover {
  transform: translateY(-7px);
  background: #f5f8fa;
  box-shadow: 0 22px 50px rgba(5,35,58,.14);
}
.representation-brand-v8 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 135px;
}
.representation-brand-v8 img {
  width: min(100%, 390px);
  height: 125px;
  max-height: 125px;
  object-fit: contain;
  object-position: center;
  margin: 0;
  mix-blend-mode: normal;
}
.representation-copy-v8 {
  padding: 8px 0 22px;
}
.representation-copy-v8 p {
  margin: 0 0 14px;
  color: var(--blue-dark);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.representation-copy-v8 h3 {
  margin: 0 0 12px;
  font-size: 31px;
  line-height: 1.12;
}
.representation-copy-v8 span {
  display: block;
  color: var(--muted);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.representation-photo-v8 {
  width: 100%;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.representation-photo-v8 img {
  width: 235px;
  height: 235px;
  display: block;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  margin: 0;
  max-width: none;
  max-height: none;
}
.representation-explore-v8 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  width: fit-content;
  margin: 24px auto 0;
  color: var(--blue-dark);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
.representation-explore-v8 b {
  display: inline-block;
  transition: transform .25s ease;
}
.representation-card-v8:hover .representation-explore-v8 b {
  transform: translateX(7px);
}

@media (max-width: 980px) {
  .representation-grid-v8 {
    grid-template-columns: 1fr;
  }
  .representation-card-v8 {
    min-height: 650px;
  }
}
@media (max-width: 640px) {
  .solution-logo[src$="ikoffice-oficial.svg"],
  .solution-logo[src$="logo-abiman-oficial.png"] {
    width: min(100%, 320px);
    max-width: 320px;
    height: 100px;
    max-height: 100px;
  }
  .representation-card-v8 {
    grid-template-rows: 130px auto 220px auto;
    min-height: 590px;
    padding: 24px 22px;
  }
  .representation-brand-v8 img {
    width: min(100%, 320px);
    height: 105px;
  }
  .representation-photo-v8 {
    height: 210px;
  }
  .representation-photo-v8 img {
    width: 200px;
    height: 200px;
  }
}


/* ===== V9: menu overlay e seletor de idioma ===== */
.header-overlay {
  position: fixed;
  background: transparent;
  border-bottom: 0;
  pointer-events: none;
}
.header-overlay.scrolled {
  background: rgba(255,255,255,.97);
  border-bottom: 1px solid rgba(17,24,33,.08);
}
.header-overlay .header-inner {
  width: min(94%, 1460px);
  height: 96px;
}
.header-overlay .brand,
.header-overlay .header-controls {
  pointer-events: auto;
}
.header-overlay .brand img {
  filter: brightness(0) invert(1);
}
.header-overlay.scrolled .brand img {
  filter: none;
}
.header-controls {
  display: flex;
  align-items: center;
  gap: 18px;
}
.menu-toggle-overlay {
  display: flex;
  width: 62px;
  height: 62px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(3,18,34,.18);
  cursor: pointer;
}
.menu-toggle-overlay span {
  width: 29px;
  height: 2px;
  background: #fff;
  display: block;
}
.header-overlay.scrolled .menu-toggle-overlay {
  border-color: var(--line);
  background: #fff;
}
.header-overlay.scrolled .menu-toggle-overlay span {
  background: var(--navy);
}
.language-switcher {
  position: relative;
  pointer-events: auto;
}
.language-button {
  min-width: 98px;
  height: 62px;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(3,18,34,.18);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
}
.header-overlay.scrolled .language-button {
  background: #fff;
  color: var(--navy);
  border-color: var(--line);
}
.language-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: 165px;
  display: none;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 15px 35px rgba(0,0,0,.12);
}
.language-menu.open { display: grid; }
.language-menu button {
  border: 0;
  background: #fff;
  padding: 14px 16px;
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.language-menu button:hover { background: var(--soft); }

.nav-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  width: min(460px, 100vw);
  height: 100vh;
  padding: 110px 58px 55px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;
  background: var(--navy);
  color: #fff;
  transform: translateX(100%);
  transition: transform .35s ease;
  pointer-events: auto;
  z-index: 100;
}
.nav-drawer.open { transform: translateX(0); }
.nav-drawer a {
  font-size: 24px;
  font-weight: 500;
  text-transform: none;
}
.nav-drawer .header-cta {
  margin-top: 24px;
  font-size: 14px;
  text-transform: uppercase;
}
.nav-close {
  position: absolute;
  top: 24px;
  right: 28px;
  border: 0;
  background: none;
  color: #fff;
  font-size: 44px;
  cursor: pointer;
}
.hero { margin-top: 0; }

@media (max-width: 640px) {
  .header-overlay .header-inner { height: 78px; }
  .header-overlay .brand { width: 205px; }
  .menu-toggle-overlay { width: 52px; height: 52px; }
  .language-button { min-width: 72px; height: 52px; }
  .header-controls { gap: 8px; }
  .nav-drawer { padding: 95px 30px 40px; }
}


/* ===== V10: cartões completos clicáveis e etiqueta sobre a imagem ===== */
.representation-grid-v10 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px;
}
.representation-card-v10 {
  display: grid;
  grid-template-rows: 145px auto 300px;
  min-height: 650px;
  background: #fff;
  border: 1px solid var(--line);
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}
.representation-card-v10:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 52px rgba(5,35,58,.14);
  background: #f5f8fa;
}
.representation-brand-v10 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px 36px;
}
.representation-brand-v10 img {
  width: min(100%, 380px);
  height: 112px;
  object-fit: contain;
  object-position: center;
}
.representation-copy-v10 {
  padding: 10px 34px 28px;
}
.representation-copy-v10 p {
  margin: 0 0 14px;
  color: var(--blue-dark);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.representation-copy-v10 h3 {
  margin: 0 0 12px;
  font-size: 31px;
}
.representation-copy-v10 span {
  color: var(--muted);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.representation-photo-v10 {
  position: relative;
  overflow: hidden;
  background: #e7edf1;
}
.representation-photo-v10 img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transition: transform .45s ease;
}
.representation-card-v10:hover .representation-photo-v10 img {
  transform: scale(1.035);
}
.image-link-label {
  position: absolute;
  left: 16px;
  bottom: 0;
  transform: translateY(35%);
  padding: 8px 13px;
  background: var(--blue);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: 0 8px 20px rgba(0,0,0,.16);
}
@media (max-width: 900px) {
  .representation-grid-v10 { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .representation-card-v10 {
    grid-template-rows: 125px auto 240px;
    min-height: 560px;
  }
  .representation-brand-v10 img {
    width: min(100%, 320px);
    height: 98px;
  }
}


/* ===== V11: tipografia V9 e página 6 simétrica ===== */

/* Recupera a escala tipográfica da V9. */
.hero h1 {
  font-size: clamp(56px, 6vw, 92px);
  line-height: .98;
  letter-spacing: -.055em;
}
.intro h2,
.solutions-heading h2,
.sectors-heading h2,
.representations-heading h2,
.section-top h2,
.contact-cta h2,
.contact-intro h2 {
  font-size: clamp(42px, 5vw, 74px);
  line-height: 1.05;
  letter-spacing: -.05em;
}
.competency-list strong {
  font-size: clamp(25px, 3vw, 42px);
}
.solution-copy h3 {
  font-size: clamp(34px, 3vw, 52px);
  line-height: 1.12;
}
.sector-grid h3 {
  font-size: 29px;
}
.representation-copy-v11 h3 {
  font-size: 31px;
}

/* Página 6 com cartões simétricos. */
.representation-grid-v11 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px;
}
.representation-card-v11 {
  min-height: 690px;
  display: grid;
  grid-template-rows: 145px auto 280px 54px;
  align-items: start;
  justify-items: stretch;
  background: #fff;
  border: 1px solid var(--line);
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}
.representation-card-v11:hover {
  transform: translateY(-7px);
  background: #f5f8fa;
  box-shadow: 0 22px 52px rgba(5,35,58,.14);
}
.representation-brand-v11 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px 34px;
}
.representation-brand-v11 img {
  width: min(100%, 390px);
  height: 118px;
  object-fit: contain;
  object-position: center;
}
.representation-copy-v11 {
  padding: 6px 34px 22px;
}
.representation-copy-v11 p {
  margin: 0 0 14px;
  color: var(--blue-dark);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.representation-copy-v11 h3 {
  margin: 0 0 12px;
  line-height: 1.12;
}
.representation-copy-v11 span {
  display: block;
  color: var(--muted);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.representation-circle-v11 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 24px 4px;
}
.representation-circle-v11 img {
  width: 250px;
  height: 250px;
  display: block;
  object-fit: contain;
  object-position: center;
  border-radius: 50%;
  margin: 0;
  max-width: none;
  max-height: none;
}
.representation-explore-v11 {
  align-self: end;
  justify-self: center;
  min-width: 150px;
  margin-bottom: -7px;
  padding: 9px 14px 12px;
  background: rgba(255,255,255,.95);
  color: var(--blue-dark);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0 -4px 15px rgba(0,0,0,.04);
}
.representation-card-v11:hover .representation-explore-v11 {
  color: var(--blue);
}

@media (max-width: 980px) {
  .representation-grid-v11 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .hero h1 { font-size: 47px; }
  .intro h2,
  .solutions-heading h2,
  .sectors-heading h2,
  .representations-heading h2,
  .section-top h2,
  .contact-intro h2 {
    font-size: 38px;
  }
}
@media (max-width: 640px) {
  .representation-card-v11 {
    grid-template-rows: 125px auto 230px 50px;
    min-height: 590px;
  }
  .representation-brand-v11 img {
    width: min(100%, 320px);
    height: 100px;
  }
  .representation-circle-v11 img {
    width: 205px;
    height: 205px;
  }
}


/* ===== V12: página 6 no estilo anterior, com imagens ===== */
.representation-grid-v12 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  width: 100%;
}
.representation-card-v12 {
  min-height: 535px;
  display: grid;
  grid-template-rows: 145px 225px 1fr;
  background: #fff;
  border: 1px solid var(--line);
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}
.representation-card-v12:hover {
  transform: translateY(-6px);
  background: #f5f8fa;
  box-shadow: 0 20px 45px rgba(5,35,58,.13);
}
.representation-logo-v12 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 40px 12px;
}
.representation-logo-v12 img {
  width: min(100%, 370px);
  height: 115px;
  object-fit: contain;
  object-position: center;
}
.representation-image-v12 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 25px 16px;
  background: #fff;
}
.representation-image-v12 img {
  width: 210px;
  height: 210px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  display: block;
  margin: 0;
  max-width: none;
  max-height: none;
}
.representation-text-v12 {
  padding: 26px 40px 34px;
  border-top: 1px solid var(--line);
}
.representation-text-v12 p {
  margin: 0 0 18px;
  color: var(--blue-dark);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.representation-text-v12 h3 {
  margin: 0 0 18px;
  font-size: 31px;
  line-height: 1.12;
}
.representation-text-v12 span {
  color: var(--blue-dark);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .representation-grid-v12 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .representation-card-v12 {
    grid-template-rows: 125px 190px 1fr;
    min-height: 470px;
  }
  .representation-logo-v12 img {
    width: min(100%, 310px);
    height: 98px;
  }
  .representation-image-v12 img {
    width: 175px;
    height: 175px;
  }
  .representation-text-v12 {
    padding: 24px 26px 30px;
  }
}


/* ===== V12.1: correção exclusiva da área de contacto ===== */
.contact-form-section {
  grid-template-columns: minmax(560px, .95fr) minmax(610px, 1.05fr);
  column-gap: 105px;
  padding-left: max(42px, calc((100% - 1320px) / 2));
  padding-right: max(42px, calc((100% - 1320px) / 2));
}

.contact-intro {
  width: 100%;
  max-width: 650px;
}

.contact-intro h2 {
  width: 650px;
  max-width: 650px;
  margin: 0 0 24px;
  font-size: clamp(46px, 4.15vw, 62px);
  line-height: 1.08;
  letter-spacing: -.045em;
}

.contact-intro h2 [data-i18n="contact_title"] {
  display: inline-block;
  white-space: nowrap;
}

.contact-form {
  width: 100%;
  max-width: 650px;
  justify-self: end;
  margin-left: auto;
}

@media (max-width: 1180px) {
  .contact-form-section {
    grid-template-columns: 1fr;
    gap: 45px;
  }
  .contact-intro,
  .contact-intro h2 {
    width: 100%;
    max-width: 720px;
  }
  .contact-form {
    max-width: none;
    justify-self: stretch;
  }
}

@media (max-width: 700px) {
  .contact-intro h2 {
    font-size: 40px;
  }
  .contact-intro h2 [data-i18n="contact_title"] {
    white-space: normal;
  }
}


/* V12.2 contacto */
.contact-form-section{
  grid-template-columns:460px 650px !important;
  column-gap:220px !important;
  justify-content:center;
}
.contact-intro{max-width:460px!important;}
.contact-intro h2{
 max-width:460px!important;
 width:460px!important;
 font-size:60px!important;
 line-height:1.06!important;
}
.contact-form{
 justify-self:end!important;
 margin-left:auto!important;
 transform:translateX(60px);
}
@media(max-width:1180px){
 .contact-form{transform:none;}
 .contact-form-section{grid-template-columns:1fr!important;column-gap:40px!important;}
 .contact-intro,.contact-intro h2{max-width:100%!important;width:100%!important;}
}


/* =========================================================
   V13 — Contacto, IKOffice e imagens das representações
   ========================================================= */

/* CONTACTO: remover o grande retângulo branco */
.contact-form-section {
  grid-template-columns: minmax(500px, .95fr) minmax(600px, 1.05fr) !important;
  column-gap: 135px !important;
  justify-content: center;
  align-items: center;
}

.contact-form {
  width: 100%;
  max-width: 650px;
  justify-self: end;
  margin-left: auto;
  transform: translateX(25px) !important;

  /* Remove o cartão branco exterior */
  background: transparent !important;
  color: #fff !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Legendas do formulário em branco */
.contact-form label {
  color: #fff !important;
}

/* Apenas as áreas onde se escreve ficam brancas */
.contact-form input,
.contact-form textarea {
  background: #fff !important;
  color: var(--ink) !important;
  border: 1px solid rgba(255,255,255,.95) !important;
  box-shadow: 0 5px 16px rgba(3, 32, 52, .10);
}

/* Checkbox branco e claramente visível */
.contact-form .privacy-check {
  color: #fff !important;
}

.contact-form .privacy-check input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  background: #fff !important;
  border: 2px solid #fff !important;
  border-radius: 2px;
  display: inline-grid;
  place-content: center;
  cursor: pointer;
}

.contact-form .privacy-check input[type="checkbox"]::before {
  content: "";
  width: 9px;
  height: 9px;
  transform: scale(0);
  transition: transform .12s ease-in-out;
  box-shadow: inset 1em 1em var(--blue-dark);
  clip-path: polygon(14% 44%, 0 65%, 43% 100%, 100% 18%, 80% 0, 40% 62%);
}

.contact-form .privacy-check input[type="checkbox"]:checked::before {
  transform: scale(1);
}

/* Nota do protótipo em branco suave */
.contact-form .form-note {
  color: rgba(255,255,255,.78) !important;
}

/* Botão destacado sem cartão exterior */
.contact-form button {
  background: #fff !important;
  color: var(--blue-dark) !important;
  border: 1px solid #fff !important;
}

.contact-form button:hover {
  background: rgba(255,255,255,.90) !important;
}

/* IKOffice: aproximadamente o dobro do tamanho em todos os locais */
.solution-logo[src$="Logo_cinza.png"],
.solution-logo[src$="ikoffice-oficial.svg"],
.representation-logo-v12 img[src$="Logo_cinza.png"],
.representation-brand-v11 img[src$="Logo_cinza.png"],
.representation-brand-v10 img[src$="Logo_cinza.png"] {
  width: min(100%, 700px) !important;
  max-width: 700px !important;
  height: 210px !important;
  max-height: 210px !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Mantém o logótipo ABIMAN equilibrado */
.representation-logo-v12 img[src$="logo-abiman-oficial.png"] {
  width: min(100%, 370px) !important;
  height: 115px !important;
}

/* Página 6: aumentar as duas imagens circulares 1,5× */
.representation-image-v12 {
  min-height: 330px !important;
  padding: 10px 20px 18px !important;
}

.representation-image-v12 img {
  width: 315px !important;
  height: 315px !important;
  max-width: 315px !important;
  max-height: 315px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 50% !important;
}

/* Ajustar a altura dos cartões para acomodar imagens maiores */
.representation-card-v12 {
  min-height: 670px !important;
  grid-template-rows: 180px 340px 1fr !important;
}

/* O logótipo IKOffice maior precisa de mais área vertical */
.representation-card-v12:first-child .representation-logo-v12 {
  min-height: 180px;
  padding: 10px 30px 0;
}

/* Responsivo */
@media (max-width: 1180px) {
  .contact-form-section {
    grid-template-columns: 1fr !important;
    gap: 45px !important;
  }
  .contact-form {
    max-width: none;
    justify-self: stretch;
    transform: none !important;
  }
}

@media (max-width: 760px) {
  .solution-logo[src$="Logo_cinza.png"],
  .solution-logo[src$="ikoffice-oficial.svg"],
  .representation-logo-v12 img[src$="Logo_cinza.png"] {
    width: min(100%, 430px) !important;
    max-width: 430px !important;
    height: 140px !important;
    max-height: 140px !important;
  }

  .representation-card-v12 {
    min-height: 560px !important;
    grid-template-rows: 140px 260px 1fr !important;
  }

  .representation-image-v12 img {
    width: 235px !important;
    height: 235px !important;
    max-width: 235px !important;
    max-height: 235px !important;
  }

  .representation-image-v12 {
    min-height: 250px !important;
  }
}


/* =========================================================
   V14 — Tipografia recuperada da versão V4
   ========================================================= */
.hero h1 {
  font-size: clamp(46px, 5.2vw, 76px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.04em !important;
  max-width: 820px !important;
}

.hero-content > p:not(.eyebrow) {
  font-size: 18px !important;
  line-height: 1.6 !important;
  max-width: 610px !important;
}

.intro h2,
.solutions-heading h2,
.sectors-heading h2,
.representations-heading h2,
.section-top h2,
.contact-intro h2 {
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
}

.intro-copy,
.company-copy {
  font-size: 17px !important;
  line-height: 1.7 !important;
}

.competency-list strong {
  font-size: clamp(23px, 2.4vw, 35px) !important;
}

.solution-copy h3 {
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 1.14 !important;
}

.solution-copy > p:not(.micro-label) {
  font-size: 16px !important;
  line-height: 1.65 !important;
}

.sector-grid h3 {
  font-size: 25px !important;
  line-height: 1.15 !important;
}

blockquote {
  font-size: clamp(36px, 4vw, 58px) !important;
  line-height: 1.12 !important;
}

.metrics strong {
  font-size: 48px !important;
}

.representation-text-v12 h3 {
  font-size: 25px !important;
  line-height: 1.15 !important;
}

.representation-text-v12 p,
.representation-text-v12 span {
  font-size: 11px !important;
}

.contact-intro > p:last-child {
  font-size: 17px !important;
  line-height: 1.65 !important;
}


/* =========================================================
   V14 — Contacto corrigido
   ========================================================= */
.contact-form-section {
  grid-template-columns: minmax(520px, .95fr) minmax(500px, .85fr) !important;
  column-gap: 150px !important;
  justify-content: center !important;
  align-items: center !important;
  padding-left: max(38px, calc((100% - 1280px) / 2)) !important;
  padding-right: max(38px, calc((100% - 1280px) / 2)) !important;
}

.contact-intro {
  max-width: 590px !important;
}

.contact-intro h2 {
  max-width: 590px !important;
  width: 590px !important;
}

.contact-intro h2 [data-i18n="contact_title"] {
  display: inline-block !important;
  white-space: nowrap !important;
}

.contact-form {
  width: 100% !important;
  max-width: 520px !important;
  justify-self: end !important;
  margin-left: auto !important;
  transform: translateX(18px) !important;
  background: transparent !important;
  color: #fff !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

.contact-form label {
  color: #fff !important;
}

.contact-form input,
.contact-form textarea {
  width: 100% !important;
  background: #fff !important;
  color: var(--ink) !important;
  border: 1px solid rgba(255,255,255,.95) !important;
}

.contact-form input {
  min-height: 44px !important;
  padding: 10px 12px !important;
}

.contact-form textarea {
  min-height: 112px !important;
  padding: 11px 12px !important;
}

.contact-form .privacy-check {
  color: #fff !important;
}

.contact-form .form-note {
  color: rgba(255,255,255,.78) !important;
}

.contact-form button {
  min-height: 46px !important;
  background: #fff !important;
  color: var(--blue-dark) !important;
  border: 1px solid #fff !important;
}

@media (max-width: 1120px) {
  .contact-form-section {
    grid-template-columns: 1fr !important;
    gap: 45px !important;
  }
  .contact-intro,
  .contact-intro h2 {
    width: 100% !important;
    max-width: 720px !important;
  }
  .contact-intro h2 [data-i18n="contact_title"] {
    white-space: normal !important;
  }
  .contact-form {
    max-width: 560px !important;
    justify-self: start !important;
    transform: none !important;
  }
}


/* =========================================================
   V14 — Representações Oficiais alinhadas
   ========================================================= */
.representation-grid-v12 {
  align-items: stretch !important;
}

.representation-card-v12 {
  display: grid !important;
  grid-template-rows: 180px 340px 1fr !important;
  min-height: 670px !important;
}

.representation-logo-v12 {
  min-height: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.representation-text-v12 {
  min-height: 155px !important;
  padding: 26px 40px 34px !important;
  border-top: 1px solid var(--line) !important;
  display: grid !important;
  grid-template-rows: 22px 42px 1fr !important;
  align-content: start !important;
}

.representation-text-v12 p {
  margin: 0 0 14px !important;
  min-height: 22px !important;
  display: flex !important;
  align-items: center !important;
}

.representation-text-v12 h3 {
  margin: 0 0 14px !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
}

.representation-text-v12 span {
  align-self: end !important;
}

/* Mantém as imagens com o mesmo tamanho visual */
.representation-image-v12 {
  min-height: 340px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.representation-image-v12 img {
  width: 315px !important;
  height: 315px !important;
  max-width: 315px !important;
  max-height: 315px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 50% !important;
}

/* IKOffice maior, mantendo alinhamento */
.representation-card-v12:first-child .representation-logo-v12 img {
  width: min(100%, 620px) !important;
  max-width: 620px !important;
  height: 190px !important;
  max-height: 190px !important;
  object-fit: contain !important;
}

/* ABIMAN mantém proporção, dentro da mesma zona */
.representation-card-v12:nth-child(2) .representation-logo-v12 img {
  width: min(100%, 390px) !important;
  max-width: 390px !important;
  height: 120px !important;
  max-height: 120px !important;
  object-fit: contain !important;
}

@media (max-width: 760px) {
  .representation-card-v12 {
    grid-template-rows: 140px 260px 1fr !important;
    min-height: 560px !important;
  }
  .representation-image-v12 {
    min-height: 260px !important;
  }
  .representation-image-v12 img {
    width: 235px !important;
    height: 235px !important;
    max-width: 235px !important;
    max-height: 235px !important;
  }
}


/* =========================================================
   V15 — Páginas 2 e 4 + tradução do formulário
   ========================================================= */

/* Página 2 — Competências: escala mais equilibrada */
.competencies .section-top h2 {
  font-size: clamp(34px, 3.7vw, 52px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
  max-width: 820px !important;
}

.competency-list {
  margin-top: 58px !important;
}

.competency-list a {
  padding: 25px 0 !important;
}

.competency-list strong {
  font-size: clamp(22px, 2.15vw, 32px) !important;
  line-height: 1.18 !important;
  font-weight: 500 !important;
}

.competency-list span {
  font-size: 11px !important;
}

.competency-list em {
  font-size: 22px !important;
}

/* Página 4 — Setores: títulos e cartões mais proporcionais */
.sectors-heading h2 {
  font-size: clamp(34px, 3.7vw, 52px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
  max-width: 820px !important;
}

.sectors-heading {
  margin-bottom: 54px !important;
}

.sector-grid a {
  min-height: 245px !important;
  padding: 28px 30px !important;
}

.sector-grid h3 {
  font-size: clamp(22px, 2.1vw, 29px) !important;
  line-height: 1.16 !important;
  margin: 42px 0 14px !important;
}

.sector-grid p {
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.sector-grid span {
  font-size: 11px !important;
}

.sector-grid em {
  right: 28px !important;
  bottom: 24px !important;
  font-size: 21px !important;
}

/* Etiquetas traduzíveis do formulário */
.contact-form label > span[data-i18n] {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 1px;
}

@media (max-width: 760px) {
  .competencies .section-top h2,
  .sectors-heading h2 {
    font-size: 36px !important;
  }

  .competency-list strong {
    font-size: 23px !important;
  }

  .sector-grid h3 {
    font-size: 25px !important;
  }
}


/* =========================================================
   V16 — Páginas 2 e 4 com a mesma escala da página 3
   ========================================================= */

/* Página 2: título principal igual ao título da página 3 */
.competencies .section-top h2 {
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 1.14 !important;
  letter-spacing: -.035em !important;
  max-width: 820px !important;
}

/* Itens da página 2 com a mesma escala dos subtítulos da página 3 */
.competency-list strong {
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 1.14 !important;
  letter-spacing: -.035em !important;
  font-weight: 600 !important;
}

.competency-list a {
  padding: 27px 0 !important;
}

.competency-list span {
  font-size: 11px !important;
}

.competency-list em {
  font-size: 23px !important;
}

/* Página 4: título principal igual ao título da página 3 */
.sectors-heading h2 {
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 1.14 !important;
  letter-spacing: -.035em !important;
  max-width: 820px !important;
}

/* Títulos dos cartões com a mesma escala visual dos títulos da página 3 */
.sector-grid h3 {
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 1.14 !important;
  letter-spacing: -.035em !important;
  margin: 40px 0 15px !important;
}

/* Texto de apoio igual ao texto descritivo da página 3 */
.sector-grid p {
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* Mais espaço para acomodar os títulos maiores sem cortes */
.sector-grid a {
  min-height: 300px !important;
  padding: 30px 32px !important;
}

@media (max-width: 760px) {
  .competencies .section-top h2,
  .competency-list strong,
  .sectors-heading h2,
  .sector-grid h3 {
    font-size: 30px !important;
  }

  .sector-grid a {
    min-height: 260px !important;
  }
}


/* =========================================================
   V17 — Páginas 2 e 4 repostas com os tamanhos exatos da V4
   ========================================================= */

/* PÁGINA 2 — COMPETÊNCIAS */

/* Título principal da página 2, igual à V4 */
.competencies .section-top h2 {
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
  margin: 0 !important;
  max-width: none !important;
}

/* Lista de competências, igual à V4 */
.competency-list {
  margin-top: 70px !important;
}

.competency-list a {
  padding: 30px 0 !important;
}

.competency-list strong {
  font-size: clamp(23px, 2.4vw, 35px) !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  font-weight: 500 !important;
}

.competency-list span {
  font-size: 12px !important;
}

.competency-list em {
  font-size: 26px !important;
}


/* PÁGINA 4 — SETORES */

/* Título principal da página 4, igual à V4 */
.sectors-heading h2 {
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
  margin: 0 !important;
  max-width: none !important;
}

.sectors-heading {
  margin-bottom: 75px !important;
}

/* Cartões e textos iguais à V4 corrigida */
.sector-grid a {
  min-height: 270px !important;
  padding: 30px !important;
}

.sector-grid h3 {
  font-size: 25px !important;
  line-height: 1.15 !important;
  letter-spacing: normal !important;
  margin: 48px 0 15px !important;
}

.sector-grid p {
  font-size: 16px !important;
  line-height: 1.6 !important;
}

.sector-grid span {
  font-size: 11px !important;
}

.sector-grid em {
  right: 32px !important;
  bottom: 28px !important;
  font-size: 24px !important;
}


/* Mobile — valores da lógica V4 */
@media (max-width: 760px) {
  .competencies .section-top h2,
  .sectors-heading h2 {
    font-size: 36px !important;
    line-height: 1.12 !important;
  }

  .competency-list strong {
    font-size: 24px !important;
  }

  .sector-grid h3 {
    font-size: 25px !important;
  }

  .sector-grid a {
    min-height: 270px !important;
  }
}


/* V18 - aumento tipográfico páginas 2 e 4 */
.competencies .section-top h2,
.sectors-heading h2{
  font-size:64px !important;
  line-height:1.05 !important;
}
.competency-list strong,
.sector-grid h3{
  font-size:24px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
}
.competency-list p,
.sector-grid p{
  font-size:16px !important;
  line-height:1.65 !important;
}
.competency-list span,
.sector-grid span{
  font-size:11px !important;
  letter-spacing:.22em !important;
}


/* =========================================================
   V19 — Escala exata da V8 nas páginas 2 e 4
   ========================================================= */

/* ---------- PÁGINA 2: COMPETÊNCIAS ---------- */
.competencies.dark-section {
  padding: 100px max(24px, calc((100% - 1240px) / 2)) !important;
}

.competencies .section-top {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr) !important;
  gap: 34px !important;
}

.competencies .section-top h2 {
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
  margin: 0 !important;
  max-width: none !important;
}

.competencies .competency-list {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 70px auto 0 !important;
}

.competencies .competency-list a {
  grid-template-columns: 80px 1fr auto !important;
  padding: 30px 0 !important;
}

.competencies .competency-list strong {
  font-size: clamp(23px, 2.4vw, 35px) !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  font-weight: 500 !important;
}

.competencies .competency-list span {
  font-size: 12px !important;
  letter-spacing: normal !important;
}

.competencies .competency-list em {
  font-size: 26px !important;
}


/* ---------- PÁGINA 4: SETORES ---------- */
.sectors.editorial-section {
  width: min(calc(100% - 48px), 1240px) !important;
  min-height: calc(100vh - 92px) !important;
  margin: 0 auto !important;
  padding: 86px 0 !important;
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr) !important;
  column-gap: 34px !important;
  align-content: center !important;
}

.sectors > .editorial-number {
  float: none !important;
  width: auto !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.sectors .sectors-heading {
  grid-column: 2 !important;
  margin: 0 0 58px !important;
}

.sectors .sectors-heading h2 {
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
  margin: 0 !important;
  max-width: none !important;
}

.sectors .sector-grid {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.sectors .sector-grid a {
  min-height: 235px !important;
  padding: 30px !important;
}

.sectors .sector-grid h3 {
  font-size: 25px !important;
  line-height: 1.15 !important;
  letter-spacing: normal !important;
  font-weight: 600 !important;
  margin: 48px 0 15px !important;
}

.sectors .sector-grid p {
  font-size: 16px !important;
  line-height: 1.6 !important;
}

.sectors .sector-grid span {
  font-size: 11px !important;
  letter-spacing: normal !important;
}

.sectors .sector-grid em {
  right: 32px !important;
  bottom: 28px !important;
  font-size: 24px !important;
}

/* Responsivo igual à lógica da V8 */
@media (max-width: 1000px) {
  .competencies .section-top {
    grid-template-columns: 54px minmax(0, 1fr) !important;
  }

  .sectors.editorial-section {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    min-height: 0 !important;
  }
}

@media (max-width: 760px) {
  .competencies.dark-section {
    padding: 85px 20px !important;
  }

  .competencies .section-top,
  .sectors.editorial-section {
    width: calc(100% - 30px) !important;
    display: block !important;
  }

  .competencies .competency-list a {
    grid-template-columns: 50px 1fr auto !important;
  }

  .competencies .competency-list strong {
    font-size: 24px !important;
  }

  .sectors.editorial-section {
    padding: 75px 0 !important;
  }

  .sectors .sectors-heading {
    margin-bottom: 42px !important;
  }

  .sectors .sector-grid {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   V20 — Texto duplicado nas páginas 2 e 4 + página 6 centrada
   ========================================================= */

/* ---------------------------------------------------------
   PÁGINA 2 — COMPETÊNCIAS
   Duplicar números, títulos e setas
   --------------------------------------------------------- */
.competencies .competency-list a {
  grid-template-columns: 120px minmax(0, 1fr) 70px !important;
  padding: 32px 0 !important;
  align-items: center !important;
}

.competencies .competency-list span {
  font-size: 24px !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
}

.competencies .competency-list strong {
  font-size: clamp(40px, 4.2vw, 70px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.03em !important;
  font-weight: 600 !important;
}

.competencies .competency-list em {
  font-size: 52px !important;
  line-height: 1 !important;
}


/* ---------------------------------------------------------
   PÁGINA 4 — SETORES
   Duplicar números, títulos, descrições e setas
   --------------------------------------------------------- */
.sectors .sector-grid a {
  min-height: 430px !important;
  padding: 34px 36px !important;
}

.sectors .sector-grid span {
  font-size: 22px !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
}

.sectors .sector-grid h3 {
  font-size: 50px !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
  font-weight: 600 !important;
  margin: 60px 0 24px !important;
}

.sectors .sector-grid p {
  font-size: 30px !important;
  line-height: 1.45 !important;
  margin-right: 15px !important;
}

.sectors .sector-grid em {
  right: 34px !important;
  bottom: 28px !important;
  font-size: 48px !important;
  line-height: 1 !important;
}

/* Dar mais largura útil à grelha para os textos maiores */
.sectors.editorial-section {
  width: min(calc(100% - 40px), 1500px) !important;
}

.sectors .sector-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}


/* ---------------------------------------------------------
   PÁGINA 6 — REPRESENTAÇÕES OFICIAIS
   Centrar todos os elementos dentro dos dois cartões
   --------------------------------------------------------- */
.representation-grid-v12 {
  align-items: stretch !important;
}

.representation-card-v12 {
  text-align: center !important;
}

.representation-logo-v12 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.representation-logo-v12 img {
  object-position: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.representation-image-v12 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.representation-image-v12 img {
  margin-left: auto !important;
  margin-right: auto !important;
  object-position: center !important;
}

.representation-text-v12 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
}

.representation-text-v12 p,
.representation-text-v12 h3,
.representation-text-v12 span {
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.representation-text-v12 p {
  display: flex !important;
  align-items: center !important;
}

.representation-text-v12 h3 {
  display: flex !important;
  align-items: center !important;
}

.representation-text-v12 span {
  display: block !important;
  margin-top: auto !important;
}


/* ---------------------------------------------------------
   Ajustes responsivos
   --------------------------------------------------------- */
@media (max-width: 1250px) {
  .competencies .competency-list strong {
    font-size: clamp(36px, 4vw, 54px) !important;
  }

  .sectors .sector-grid h3 {
    font-size: 38px !important;
  }

  .sectors .sector-grid p {
    font-size: 23px !important;
  }
}

@media (max-width: 1000px) {
  .sectors .sector-grid {
    grid-template-columns: 1fr !important;
  }

  .sectors .sector-grid a {
    min-height: 330px !important;
  }
}

@media (max-width: 760px) {
  .competencies .competency-list a {
    grid-template-columns: 65px minmax(0, 1fr) 40px !important;
  }

  .competencies .competency-list span {
    font-size: 18px !important;
  }

  .competencies .competency-list strong {
    font-size: 32px !important;
  }

  .competencies .competency-list em {
    font-size: 35px !important;
  }

  .sectors .sector-grid span {
    font-size: 17px !important;
  }

  .sectors .sector-grid h3 {
    font-size: 34px !important;
  }

  .sectors .sector-grid p {
    font-size: 20px !important;
  }

  .sectors .sector-grid em {
    font-size: 34px !important;
  }
}


/* V21 — Mantém integralmente a tipografia e dimensões da V20.
   Alteração de conteúdo: Engenharia substituída por Consultadoria. */


/* =========================================================
   V24 — Consolidação final
   ========================================================= */

/* Navegação e secções */
html {
  scroll-behavior: smooth;
  scroll-snap-type: y proximity;
}

main > section {
  min-height: 100svh;
  scroll-snap-align: start;
  box-sizing: border-box;
}

/* Evitar cortes em secções extensas */
.solutions,
.representations,
.contact-form-section {
  height: auto !important;
  max-height: none !important;
}

/* Página 2 — competências com escala equilibrada */
.competencies.dark-section {
  min-height: 100svh;
  display: grid;
  align-content: center;
  padding: 72px max(24px, calc((100% - 1240px) / 2)) !important;
}

.competencies .section-top {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  grid-template-columns: 62px minmax(0, 1fr) !important;
  gap: 34px !important;
}

.competencies .section-top h2 {
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.12 !important;
}

.competencies .competency-list {
  width: 100%;
  max-width: 1240px;
  margin: 52px auto 0 !important;
}

.competencies .competency-list a {
  grid-template-columns: 70px 1fr 45px !important;
  padding: 21px 0 !important;
}

.competencies .competency-list strong {
  font-size: clamp(25px, 2.65vw, 39px) !important;
  line-height: 1.12 !important;
  font-weight: 500 !important;
}

.competencies .competency-list span {
  font-size: 12px !important;
}

.competencies .competency-list em {
  font-size: 27px !important;
}

/* Página 3 — logótipos e imagens */
.solution-logo[src$="Logo_cinza.png"],
.solution-logo[src$="ikoffice-oficial.svg"] {
  width: min(100%, 520px) !important;
  max-width: 520px !important;
  height: 145px !important;
  max-height: 145px !important;
  object-fit: contain !important;
}

.solution-logo[src$="logo-abiman-v24.png"] {
  width: min(100%, 390px) !important;
  max-width: 390px !important;
  height: 116px !important;
  max-height: 116px !important;
  object-fit: contain !important;
}

/* Página 4 — setores com escala proporcional e sem cortes */
.sectors.editorial-section {
  min-height: 100svh;
  width: min(calc(100% - 48px), 1240px) !important;
  padding: 72px 0 !important;
  align-content: center !important;
}

.sectors .sectors-heading {
  margin-bottom: 46px !important;
}

.sectors .sectors-heading h2 {
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.12 !important;
}

.sectors .sector-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.sectors .sector-grid a {
  min-height: 245px !important;
  padding: 28px 30px !important;
}

.sectors .sector-grid h3 {
  font-size: 27px !important;
  line-height: 1.16 !important;
  margin: 40px 0 14px !important;
}

.sectors .sector-grid p {
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.sectors .sector-grid span {
  font-size: 11px !important;
}

.sectors .sector-grid em {
  font-size: 23px !important;
  right: 28px !important;
  bottom: 24px !important;
}

/* Página 5 — texto premium */
.solution-feature:last-of-type .solution-copy > p:not(.micro-label) {
  font-size: 17px !important;
  line-height: 1.65 !important;
}

/* Página 6 — representações oficiais */
.representations {
  min-height: 100svh !important;
  display: grid !important;
  align-content: center !important;
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.representation-grid-v12 {
  align-items: stretch !important;
}

.representation-card-v12 {
  text-align: center !important;
  min-height: 620px !important;
  grid-template-rows: 170px 300px 1fr !important;
}

.representation-logo-v12,
.representation-image-v12,
.representation-text-v12 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.representation-text-v12 {
  flex-direction: column !important;
  padding: 26px 36px 32px !important;
}

.representation-logo-v12 img,
.representation-image-v12 img {
  margin-left: auto !important;
  margin-right: auto !important;
  object-position: center !important;
}

.representation-card-v12:first-child .representation-logo-v12 img {
  width: min(100%, 500px) !important;
  max-width: 500px !important;
  height: 145px !important;
  max-height: 145px !important;
  object-fit: contain !important;
}

.representation-card-v12:nth-child(2) .representation-logo-v12 img {
  width: min(100%, 390px) !important;
  max-width: 390px !important;
  height: 120px !important;
  max-height: 120px !important;
  object-fit: contain !important;
}

.representation-image-v12 img {
  width: 270px !important;
  height: 270px !important;
  max-width: 270px !important;
  max-height: 270px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.representation-text-v12 p,
.representation-text-v12 h3,
.representation-text-v12 span {
  width: 100% !important;
  text-align: center !important;
}

.representation-text-v12 h3 {
  font-size: 27px !important;
}

/* Contacto */
.contact-form-section {
  min-height: 100svh;
  grid-template-columns: minmax(500px, .95fr) minmax(480px, .80fr) !important;
  column-gap: 120px !important;
  align-items: center !important;
  padding-left: max(38px, calc((100% - 1240px) / 2)) !important;
  padding-right: max(38px, calc((100% - 1240px) / 2)) !important;
}

.contact-intro {
  max-width: 590px !important;
}

.contact-intro h2 {
  width: 590px !important;
  max-width: 590px !important;
  font-size: clamp(34px, 4vw, 54px) !important;
}

.contact-intro h2 [data-i18n="contact_title"] {
  white-space: nowrap !important;
}

.contact-form {
  max-width: 500px !important;
  justify-self: end !important;
  background: transparent !important;
  color: #fff !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  transform: translateX(12px) !important;
}

.contact-form label,
.contact-form label > span[data-i18n],
.contact-form .privacy-check {
  color: #fff !important;
}

.contact-form input,
.contact-form textarea {
  background: #fff !important;
  color: var(--ink) !important;
  border: 1px solid rgba(255,255,255,.95) !important;
}

.contact-form input {
  min-height: 44px !important;
}

.contact-form textarea {
  min-height: 110px !important;
}

.contact-form .form-note {
  color: rgba(255,255,255,.78) !important;
}

.contact-form button {
  min-height: 46px !important;
  background: #fff !important;
  color: var(--blue-dark) !important;
}

/* Rodapé */
.footer-social a {
  display: inline-flex !important;
}

/* Ecrãs baixos */
@media (max-height: 820px) and (min-width: 1001px) {
  .competencies.dark-section,
  .sectors.editorial-section,
  .representations,
  .contact-form-section {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  .competencies .competency-list a {
    padding: 17px 0 !important;
  }

  .representation-card-v12 {
    min-height: 560px !important;
    grid-template-rows: 145px 250px 1fr !important;
  }

  .representation-image-v12 img {
    width: 225px !important;
    height: 225px !important;
    max-width: 225px !important;
    max-height: 225px !important;
  }
}

/* Tablet e mobile: sem scroll snap rígido */
@media (max-width: 1000px) {
  html {
    scroll-snap-type: none;
  }

  main > section {
    min-height: auto;
  }

  .contact-form-section {
    grid-template-columns: 1fr !important;
    gap: 45px !important;
  }

  .contact-intro,
  .contact-intro h2 {
    width: 100% !important;
    max-width: 720px !important;
  }

  .contact-intro h2 [data-i18n="contact_title"] {
    white-space: normal !important;
  }

  .contact-form {
    max-width: 560px !important;
    justify-self: start !important;
    transform: none !important;
  }

  .sectors .sector-grid {
    grid-template-columns: 1fr !important;
  }
}


/* V24.1 — remover título visível do menu lateral */
.nav-drawer .menu-title,
.nav-drawer .nav-title,
.nav-drawer .navigation-title,
.nav-drawer [data-menu-title] {
  display: none !important;
}


/* =========================================================
   V25 — Correção do menu e tipografia páginas 2 e 4
   Mantém quadros, alturas, larguras e disposição existentes.
   ========================================================= */

/* PÁGINA 2 — aumentar apenas o conteúdo da lista */
.competencies .competency-list span {
  font-size: 15px !important;
  line-height: 1 !important;
}

.competencies .competency-list strong {
  font-size: clamp(30px, 2.7vw, 42px) !important;
  line-height: 1.14 !important;
  font-weight: 500 !important;
  letter-spacing: -.02em !important;
}

.competencies .competency-list em {
  font-size: 34px !important;
  line-height: 1 !important;
}

/* PÁGINA 4 — aumentar apenas os conteúdos dentro dos quadros */
.sectors .sector-grid span {
  font-size: 14px !important;
  line-height: 1 !important;
}

.sectors .sector-grid h3 {
  font-size: clamp(25px, 2vw, 32px) !important;
  line-height: 1.16 !important;
  font-weight: 600 !important;
  letter-spacing: -.015em !important;
}

.sectors .sector-grid p {
  font-size: 18px !important;
  line-height: 1.55 !important;
}

.sectors .sector-grid em {
  font-size: 30px !important;
  line-height: 1 !important;
}

/* Garantir que os quadros e a grelha mantêm as dimensões atuais */
.sectors .sector-grid a {
  min-height: 245px !important;
  height: auto !important;
  padding: 28px 30px !important;
}

@media (max-width: 1100px) {
  .competencies .competency-list strong {
    font-size: 30px !important;
  }

  .sectors .sector-grid h3 {
    font-size: 26px !important;
  }

  .sectors .sector-grid p {
    font-size: 17px !important;
  }
}

@media (max-width: 760px) {
  .competencies .competency-list span {
    font-size: 13px !important;
  }

  .competencies .competency-list strong {
    font-size: 25px !important;
  }

  .competencies .competency-list em {
    font-size: 28px !important;
  }

  .sectors .sector-grid span {
    font-size: 12px !important;
  }

  .sectors .sector-grid h3 {
    font-size: 24px !important;
  }

  .sectors .sector-grid p {
    font-size: 16px !important;
  }
}


/* =========================================================
   V26 — Tipografia páginas 2 e 4 e novos links
   Os quadros e a disposição da V25 não são alterados.
   ========================================================= */

/* Página 2: frases, números e setas com exatamente a mesma dimensão */
.competencies .competency-list {
  --competency-equal-size: clamp(28px, 2.4vw, 36px);
}

.competencies .competency-list > a > span,
.competencies .competency-list > a > strong,
.competencies .competency-list > a > em {
  font-size: var(--competency-equal-size) !important;
  line-height: 1.14 !important;
}

.competencies .competency-list > a > strong {
  font-weight: 500 !important;
  letter-spacing: -.02em !important;
}

/* Os spans de tradução dentro do título herdam a dimensão do strong */
.competencies .competency-list strong span {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Página 4: números, títulos, descrições e setas com a mesma dimensão */
.sectors .sector-grid {
  --sector-equal-size: clamp(20px, 1.55vw, 25px);
}

.sectors .sector-grid > a > span,
.sectors .sector-grid > a > h3,
.sectors .sector-grid > a > p,
.sectors .sector-grid > a > em {
  font-size: var(--sector-equal-size) !important;
}

.sectors .sector-grid > a > h3 {
  line-height: 1.18 !important;
  font-weight: 600 !important;
  letter-spacing: -.015em !important;
}

.sectors .sector-grid > a > p {
  line-height: 1.43 !important;
}

/* Manter os quadros exatamente como na V25 */
.sectors .sector-grid a {
  min-height: 245px !important;
  padding: 28px 30px !important;
}

/* Destino interno da Consultadoria */
#consultadoria {
  scroll-margin-top: 24px;
}

@media (max-width: 1100px) {
  .competencies .competency-list {
    --competency-equal-size: 28px;
  }

  .sectors .sector-grid {
    --sector-equal-size: 20px;
  }
}

@media (max-width: 760px) {
  .competencies .competency-list {
    --competency-equal-size: 23px;
  }

  .sectors .sector-grid {
    --sector-equal-size: 18px;
  }
}


/* =========================================================
   V27 — Logótipos da página Soluções e rodapé
   ========================================================= */

/* Página Soluções: IKOffice e ABIMAN com o dobro do tamanho visual.
   As áreas envolventes mantêm a disposição; o logótipo adapta-se ao espaço. */
#solucoes .solution-logo[src$="Logo_cinza.png"],
#solucoes .solution-logo[src$="ikoffice-oficial.svg"],
#solucoes .solution-logo[src*="ikoffice"] {
  width: min(100%, 900px) !important;
  max-width: 900px !important;
  height: 260px !important;
  max-height: 260px !important;
  object-fit: contain !important;
  object-position: center !important;
}

#solucoes .solution-logo[src$="logo-abiman-v24.png"],
#solucoes .solution-logo[src*="logo-abiman"] {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  height: 232px !important;
  max-height: 232px !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Centrar os logótipos ampliados na respetiva coluna. */
#solucoes .solution-copy > .solution-logo,
#solucoes .solution-image > .solution-logo {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Rodapé: logótipo nas cores originais, sem conversão para branco. */
footer img[src*="milinovatech"],
.footer-original-logo img,
.footer-logo img {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

.footer-original-logo {
  display: flex;
  align-items: center;
}

.footer-original-logo img,
.footer-logo img {
  width: min(100%, 310px) !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
}

/* Ecrãs mais pequenos */
@media (max-width: 1000px) {
  #solucoes .solution-logo[src$="Logo_cinza.png"],
  #solucoes .solution-logo[src$="ikoffice-oficial.svg"],
  #solucoes .solution-logo[src*="ikoffice"] {
    width: min(100%, 620px) !important;
    height: 190px !important;
    max-height: 190px !important;
  }

  #solucoes .solution-logo[src$="logo-abiman-v24.png"],
  #solucoes .solution-logo[src*="logo-abiman"] {
    width: min(100%, 520px) !important;
    height: 165px !important;
    max-height: 165px !important;
  }
}

@media (max-width: 640px) {
  #solucoes .solution-logo[src$="Logo_cinza.png"],
  #solucoes .solution-logo[src$="ikoffice-oficial.svg"],
  #solucoes .solution-logo[src*="ikoffice"] {
    height: 135px !important;
    max-height: 135px !important;
  }

  #solucoes .solution-logo[src$="logo-abiman-v24.png"],
  #solucoes .solution-logo[src*="logo-abiman"] {
    height: 120px !important;
    max-height: 120px !important;
  }
}

/* V33 — Contact address and legal footer */
.contact-address{
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.24);
  max-width:430px;
}
.contact-address-label{
  display:block;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:10px;
  color:rgba(255,255,255,.72);
}
.contact-address address{
  font-style:normal;
  font-size:15px;
  line-height:1.65;
  color:#fff;
}
.footer-legal{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.footer-legal strong{margin-bottom:4px}
.footer-legal a{
  font-size:13px;
  opacity:.82;
}
.footer-legal a:hover{opacity:1}
@media(max-width:800px){
  .contact-address{max-width:100%}
}

/* V34 — Página Empresa clean */
.company-clean{
  min-height:100svh;
  display:grid;
  align-content:center;
}
.company-clean-content{
  width:min(100%,var(--max));
  margin:48px auto 0;
}
.company-about{
  max-width:880px;
}
.company-small-label{
  margin:0 0 13px;
  color:var(--blue);
  font-size:11px;
  font-weight:800;
  letter-spacing:.17em;
}
.company-lead{
  margin:0;
  font-size:clamp(20px,2vw,29px);
  line-height:1.5;
  color:rgba(255,255,255,.82);
}
.company-statements{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:40px;
  border-top:1px solid rgba(255,255,255,.18);
  border-bottom:1px solid rgba(255,255,255,.18);
}
.company-statements article{
  padding:25px 28px 25px 0;
}
.company-statements article+article{
  border-left:1px solid rgba(255,255,255,.18);
  padding-left:28px;
}
.company-statements span{
  display:block;
  color:var(--blue);
  font-size:10px;
  font-weight:800;
  letter-spacing:.15em;
  margin-bottom:12px;
}
.company-statements p{
  margin:0;
  font-size:clamp(18px,1.8vw,25px);
  line-height:1.42;
  color:#fff;
}
.company-values-heading{
  margin-top:34px;
}
.company-values{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.18);
}
.company-value{
  min-height:190px;
  padding:24px 24px 22px 0;
}
.company-value+.company-value{
  border-left:1px solid rgba(255,255,255,.18);
  padding-left:24px;
}
.company-value svg{
  width:42px;
  height:42px;
  fill:none;
  stroke:var(--blue);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  margin-bottom:22px;
}
.company-value h3{
  margin:0 0 8px;
  font-size:20px;
}
.company-value p{
  margin:0;
  color:rgba(255,255,255,.62);
  font-size:14px;
  line-height:1.45;
}
.company-experience{
  display:flex;
  align-items:center;
  gap:24px;
  margin-top:12px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.18);
}
.company-experience strong{
  color:var(--blue);
  font-size:clamp(40px,5vw,70px);
  line-height:1;
}
.company-experience p{
  max-width:780px;
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:15px;
  line-height:1.55;
}
@media(max-width:900px){
  .company-statements{grid-template-columns:1fr}
  .company-statements article+article{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.18);
    padding-left:0;
  }
  .company-values{grid-template-columns:repeat(2,1fr)}
  .company-value:nth-child(3){
    border-left:0;
    border-top:1px solid rgba(255,255,255,.18);
    padding-left:0;
  }
  .company-value:nth-child(4){
    border-top:1px solid rgba(255,255,255,.18);
  }
}
@media(max-width:560px){
  .company-values{grid-template-columns:1fr}
  .company-value,
  .company-value+.company-value{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.18);
    padding-left:0;
  }
  .company-experience{align-items:flex-start}
}

/* V36 — Quem Somos e contactos */
.company-about{
  max-width:none;
  width:100%;
}
.company-lead{
  max-width:100%;
  width:100%;
  text-wrap:balance;
}
.contact-direct{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-top:15px;
}
.contact-direct a{
  color:#fff;
  font-size:15px;
  line-height:1.5;
  text-decoration:none;
}
.contact-direct a:hover{
  text-decoration:underline;
}

/* V37 — Empresa: labels uniformes e conteúdo num único ecrã */
.company-clean{
  min-height:100svh;
  height:100svh;
  padding-top:clamp(18px,2.2vh,30px);
  padding-bottom:clamp(16px,2vh,28px);
  overflow:hidden;
  align-content:center;
}
.company-clean .section-top{margin-bottom:clamp(14px,1.8vh,24px)}
.company-clean-content{margin-top:clamp(16px,2vh,28px)}
.company-small-label,
.company-statements span{
  font-size:10px !important;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.company-lead{
  font-size:clamp(18px,1.65vw,24px);
  line-height:1.38;
}
.company-statements{margin-top:clamp(18px,2vh,28px)}
.company-statements article{
  padding:clamp(16px,1.8vh,22px) 24px clamp(16px,1.8vh,22px) 0;
}
.company-statements article+article{padding-left:24px}
.company-statements span{margin-bottom:8px}
.company-statements p{
  font-size:clamp(16px,1.45vw,21px);
  line-height:1.34;
}
.company-values-heading{margin-top:clamp(18px,2vh,26px)}
.company-values{margin-top:0}
.company-value{
  min-height:145px;
  padding:18px 20px 14px 0;
}
.company-value+.company-value{padding-left:20px}
.company-value svg{
  width:34px;
  height:34px;
  margin-bottom:13px;
}
.company-value h3{
  font-size:17px;
  margin-bottom:5px;
}
.company-value p{
  font-size:13px;
  line-height:1.35;
}
.company-experience{
  margin-top:8px;
  padding-top:16px;
  gap:18px;
}
.company-experience strong{font-size:clamp(34px,4vw,54px)}
.company-experience p{
  font-size:13px;
  line-height:1.42;
}
@media (max-height:820px) and (min-width:901px){
  .company-clean{
    padding-top:14px;
    padding-bottom:14px;
  }
  .company-clean .section-top{margin-bottom:10px}
  .company-clean-content{margin-top:12px}
  .company-lead{
    font-size:clamp(17px,1.45vw,21px);
    line-height:1.32;
  }
  .company-statements{margin-top:14px}
  .company-statements article{
    padding-top:13px;
    padding-bottom:13px;
  }
  .company-statements p{
    font-size:clamp(15px,1.25vw,19px);
    line-height:1.28;
  }
  .company-values-heading{margin-top:14px}
  .company-value{
    min-height:122px;
    padding-top:14px;
    padding-bottom:10px;
  }
  .company-value svg{
    width:30px;
    height:30px;
    margin-bottom:9px;
  }
  .company-value h3{font-size:16px}
  .company-value p{font-size:12px}
  .company-experience{
    margin-top:4px;
    padding-top:12px;
  }
  .company-experience strong{font-size:42px}
  .company-experience p{font-size:12px}
}
@media (max-width:900px){
  .company-clean{
    height:auto;
    min-height:100svh;
    overflow:visible;
    align-content:start;
  }
  .company-statements article+article{padding-left:0}
  .company-value{min-height:unset}
}

/* =========================================================
   V38 — Competências e rodapé uniformizados
   ========================================================= */

/* Frases das Competências com a mesma escala de Missão e Visão em Empresa */
.competencies .competency-list strong{
  font-size:clamp(16px,1.45vw,21px) !important;
  line-height:1.34 !important;
  font-weight:500 !important;
  letter-spacing:normal !important;
}

/* Mantém números e setas sem alteração visual */
.competencies .competency-list span{
  font-size:12px !important;
}
.competencies .competency-list em{
  font-size:26px !important;
}

/* Rodapé: quatro áreas visíveis com larguras e distâncias iguais */
.footer-top{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  column-gap:clamp(36px,5vw,76px) !important;
  align-items:start !important;
}

/* O logótipo já existe no restante site; não ocupa uma coluna isolada no rodapé */
.footer-top > img{
  display:none !important;
}

.footer-top > div{
  min-width:0;
}

.footer-top strong{
  display:block;
  margin-bottom:8px;
}

.footer-top p,
.footer-top a{
  margin-top:0;
}

/* Tablet */
@media(max-width:1050px){
  .footer-top{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:38px 50px !important;
  }
}

/* Mobile */
@media(max-width:760px){
  .competencies .competency-list strong{
    font-size:17px !important;
    line-height:1.34 !important;
  }
  .footer-top{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
}

/* =========================================================
   V39 — Tipografia exata e uniformização de cores
   ========================================================= */

:root{
  --company-body-size: clamp(16px, 1.45vw, 21px);
  --company-body-line-height: 1.34;
  --company-body-weight: 400;
  --company-body-color: rgba(255,255,255,.88);
}

/* QUEM SOMOS, MISSÃO e VISÃO com a mesma cor */
.company-lead,
.company-statements p{
  color:var(--company-body-color) !important;
}

/* MISSÃO e VISÃO: referência tipográfica */
.company-statements p{
  font-size:var(--company-body-size) !important;
  line-height:var(--company-body-line-height) !important;
  font-weight:var(--company-body-weight) !important;
  letter-spacing:normal !important;
}

/* Competências: exatamente os mesmos valores de Missão e Visão */
.competencies .competency-list strong{
  font-size:var(--company-body-size) !important;
  line-height:var(--company-body-line-height) !important;
  font-weight:var(--company-body-weight) !important;
  letter-spacing:normal !important;
  color:var(--company-body-color) !important;
}

/* Número mais próximo do texto, sem alterar o tamanho */
.competencies .competency-list a{
  grid-template-columns:52px minmax(0,1fr) auto !important;
  column-gap:16px !important;
}

/* Mantém números e setas na apresentação atual */
.competencies .competency-list span{
  font-size:inherit;
}
.competencies .competency-list em{
  font-size:26px !important;
}

/* Ecrãs de baixa altura: mantém igualdade tipográfica */
@media (max-height:820px) and (min-width:901px){
  :root{
    --company-body-size: clamp(15px,1.25vw,19px);
    --company-body-line-height:1.28;
  }
}

/* Mobile */
@media(max-width:760px){
  :root{
    --company-body-size:17px;
    --company-body-line-height:1.34;
  }
  .competencies .competency-list a{
    grid-template-columns:42px minmax(0,1fr) auto !important;
    column-gap:12px !important;
  }
}

/* =========================================================
   V40 — Competências um nível abaixo e rodapé equilibrado
   ========================================================= */

/* Competências: um nível tipográfico abaixo da V39 */
.competencies .competency-list strong{
  font-size:clamp(14px,1.15vw,17px) !important;
  line-height:1.34 !important;
  font-weight:400 !important;
  letter-spacing:normal !important;
}

/* Mantém números e setas sem alteração */
.competencies .competency-list a{
  grid-template-columns:52px minmax(0,1fr) auto !important;
  column-gap:14px !important;
}
.competencies .competency-list em{
  font-size:26px !important;
}

/* Rodapé: quatro colunas rigorosamente iguais */
.footer-top{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:0 !important;
  width:100% !important;
  align-items:start !important;
}

/* Cada coluna ocupa exatamente 25% e recebe o mesmo espaçamento interno */
.footer-top > div{
  width:100% !important;
  min-width:0 !important;
  padding-right:clamp(22px,2.8vw,44px) !important;
  margin:0 !important;
}

.footer-top > div:last-child{
  padding-right:0 !important;
}

.footer-positioning{
  line-height:1.55;
  margin:0;
}

/* Tablet */
@media(max-width:1050px){
  .footer-top{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    row-gap:34px !important;
  }
  .footer-top > div{
    padding-right:30px !important;
  }
}

/* Mobile */
@media(max-width:760px){
  .competencies .competency-list strong{
    font-size:15px !important;
  }
  .footer-top{
    grid-template-columns:1fr !important;
    row-gap:26px !important;
  }
  .footer-top > div{
    padding-right:0 !important;
  }
}

/* =========================================================
   V42 — Representações Oficiais (layout V5 corrigido)
   ========================================================= */
.representations-v42{
  min-height:100svh;
  height:100svh;
  overflow:hidden;
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  column-gap:28px;
  padding-top:clamp(24px,4vh,54px);
  padding-bottom:clamp(24px,4vh,54px);
}

.representations-v42 .editorial-number{
  grid-column:1;
  grid-row:1;
}

.representations-v42 .representations-heading{
  grid-column:2;
  grid-row:1;
  margin:0 0 clamp(28px,4vh,48px);
}

.representations-v42 .representations-heading h2{
  margin:12px 0 0;
}

.representation-grid-v42{
  grid-column:1 / -1;
  grid-row:2;
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
  min-height:0;
}

.representation-card-v42{
  display:grid;
  grid-template-rows:minmax(190px,1fr) auto;
  min-width:0;
  min-height:0;
  border:1px solid #d6e0e7;
  background:#fff;
  color:#0e1822;
  text-decoration:none;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.representation-card-v42:hover{
  transform:translateY(-3px);
  border-color:#0b9ed4;
  box-shadow:0 14px 38px rgba(6,25,42,.10);
}

.representation-logo-v42{
  min-height:0;
  padding:clamp(30px,4vh,56px) clamp(34px,4vw,68px) 18px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.representation-logo-v42 img{
  display:block;
  object-fit:contain;
  object-position:center;
  max-width:100%;
  max-height:100%;
}

/* Mesma presença visual, respeitando proporções diferentes */
.logo-ikoffice-v42 img{
  width:min(88%,500px);
  height:min(68%,190px);
}

.logo-abiman-v42 img{
  width:min(92%,560px);
  height:min(76%,210px);
}

.representation-copy-v42{
  padding:0 clamp(34px,4vw,54px) clamp(30px,4vh,48px);
}

.representation-copy-v42 p{
  margin:0 0 20px;
  color:#0078b8;
  font-size:11px;
  line-height:1.3;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:800;
}

.representation-copy-v42 h3{
  margin:0 0 18px;
  color:#111b25;
  font-size:clamp(25px,2.2vw,34px);
  line-height:1.12;
}

.representation-button-v42{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:11px 18px;
  border:1px solid #0b9ed4;
  color:#007cb9;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
}

@media(max-height:820px) and (min-width:901px){
  .representations-v42{
    padding-top:18px;
    padding-bottom:18px;
  }
  .representations-v42 .representations-heading{
    margin-bottom:22px;
  }
  .representation-card-v42{
    grid-template-rows:minmax(150px,1fr) auto;
  }
  .representation-logo-v42{
    padding-top:22px;
    padding-bottom:10px;
  }
  .representation-copy-v42{
    padding-bottom:24px;
  }
  .representation-copy-v42 p{
    margin-bottom:12px;
  }
  .representation-copy-v42 h3{
    margin-bottom:12px;
  }
}

@media(max-width:900px){
  .representations-v42{
    height:auto;
    min-height:100svh;
    overflow:visible;
    display:block;
  }
  .representations-v42 .editorial-number{
    margin-bottom:12px;
  }
  .representation-grid-v42{
    grid-template-columns:1fr;
  }
  .representation-card-v42{
    min-height:430px;
  }
}

@media(max-width:560px){
  .representation-logo-v42{
    min-height:210px;
    padding-left:24px;
    padding-right:24px;
  }
  .representation-copy-v42{
    padding-left:24px;
    padding-right:24px;
  }
}

/* V44 - Setores com duas áreas principais */
.sectors-main-v44{display:block}
.sectors-main-v44>.editorial-number{float:left;width:135px}
.sectors-main-v44 .sectors-heading{margin-left:135px;margin-bottom:58px}
.sector-main-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.sector-main-card{border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;display:grid;grid-template-rows:240px 1fr;min-height:500px;transition:.25s}
.sector-main-card:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 16px 38px rgba(6,25,42,.09)}
.sector-main-image{overflow:hidden;background:#f7f9fa;display:flex;align-items:center;justify-content:center}
.sector-main-image img{width:100%;height:100%;object-fit:cover}
.sector-main-copy{position:relative;padding:34px}
.sector-main-copy>span{font-size:11px;color:var(--blue-dark)}
.sector-main-copy h3{font-size:clamp(28px,2.6vw,40px);line-height:1.12;margin:42px 0 16px}
.sector-main-copy p{color:var(--muted);line-height:1.6;max-width:470px}
.sector-main-copy em{position:absolute;right:30px;bottom:26px;color:var(--blue);font-style:normal;font-size:25px}
@media(max-width:900px){.sector-main-grid{grid-template-columns:1fr}.sector-main-card{min-height:440px}}
@media(max-width:760px){.sectors-main-v44>.editorial-number{float:none;width:auto}.sectors-main-v44 .sectors-heading{margin-left:0}.sector-main-card{grid-template-rows:210px 1fr}}

/* V45 — Setores corrigidos */
.sectors-v45{min-height:100svh;height:100svh;overflow:hidden;display:grid;grid-template-columns:70px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:28px;padding-top:clamp(24px,4vh,52px);padding-bottom:clamp(24px,4vh,52px)}
.sectors-v45>.editorial-number{grid-column:1;grid-row:1}.sectors-v45-head{grid-column:2;grid-row:1}.sectors-v45-head h2{margin-top:12px}
.sector-choice-grid{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-self:center;margin-top:clamp(28px,5vh,60px)}
.sector-choice{position:relative;min-height:230px;border:1px solid var(--line);display:grid;grid-template-columns:54px 64px 1fr auto;align-items:center;gap:20px;padding:34px;color:var(--ink);text-decoration:none;background:#fff;transition:.22s}
.sector-choice:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 16px 38px rgba(6,25,42,.08)}
.sector-choice-number{font-size:12px;color:var(--blue-dark)}.sector-choice-icon{font-size:42px;color:var(--blue);line-height:1}.sector-choice strong{font-size:clamp(26px,2.5vw,38px);line-height:1.1}.sector-choice em{font-style:normal;font-size:27px;color:var(--blue)}
@media(max-width:900px){.sectors-v45{height:auto;min-height:100svh;overflow:visible;display:block}.sector-choice-grid{grid-template-columns:1fr}.sector-choice{min-height:180px}}
@media(max-width:560px){.sector-choice{grid-template-columns:38px 48px 1fr auto;padding:24px;gap:12px}.sector-choice strong{font-size:22px}}


/* === CATALOG V46 === */
.catalog-page{background:#f6f8fa;color:#14202b;min-height:100vh}.catalog-shell{width:min(1460px,calc(100% - 48px));margin:auto}.catalog-head{padding:26px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.catalog-head img{width:min(235px,55vw)}.catalog-back{font-size:12px;font-weight:800;text-decoration:none;color:#087fb6}.catalog-hero{padding:40px 0 28px;border-top:1px solid #dce5ea}.catalog-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#008ecb;text-transform:uppercase}.catalog-hero h1{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.055em;margin:10px 0 16px;max-width:1000px}.catalog-hero p{color:#667783;max-width:820px;font-size:16px;line-height:1.7}.catalog-tools{position:sticky;top:0;z-index:15;background:rgba(246,248,250,.96);backdrop-filter:blur(14px);padding:16px 0;border-top:1px solid #dce5ea;border-bottom:1px solid #dce5ea}.catalog-tools-inner{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.catalog-filter{border:1px solid #cdd9e0;background:#fff;color:#33434e;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:700;cursor:pointer}.catalog-filter.active,.catalog-filter:hover{background:#071a2b;color:#fff;border-color:#071a2b}.catalog-search{margin-left:auto;min-width:min(330px,100%);position:relative}.catalog-search input{width:100%;border:1px solid #cdd9e0;background:#fff;border-radius:999px;padding:11px 18px;font:inherit}.catalog-meta{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:30px 0 18px}.catalog-meta h2{margin:0;font-size:clamp(25px,3vw,38px);letter-spacing:-.035em}.catalog-count{font-size:12px;color:#72838f}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-bottom:54px}.catalog-card{background:#fff;border:1px solid #dce5ea;min-height:355px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.2s ease}.catalog-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(7,26,43,.08)}.catalog-img-wrap{height:205px;display:flex;align-items:center;justify-content:center;padding:18px;background:linear-gradient(180deg,#fff,#f8fafb)}.catalog-img-wrap img{max-width:100%;max-height:100%;object-fit:contain}.catalog-copy{padding:19px 19px 22px}.catalog-kicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#008ecb;font-weight:800}.catalog-copy h3{margin:8px 0 8px;font-size:18px;line-height:1.2}.catalog-copy p{margin:0;color:#657681;font-size:13px;line-height:1.5}.catalog-ref{position:absolute;right:15px;top:14px;background:#071a2b;color:#fff;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:700}.catalog-detail-btn{margin-top:auto;border:0;border-top:1px solid #e1e8ec;background:#fff;padding:14px 18px;text-align:left;font-weight:800;color:#0b78aa;cursor:pointer}.catalog-empty{grid-column:1/-1;padding:60px;text-align:center;color:#70808c}.catalog-modal{position:fixed;inset:0;background:rgba(4,17,28,.78);display:none;align-items:center;justify-content:center;padding:24px;z-index:90}.catalog-modal.open{display:flex}.catalog-modal-card{width:min(1040px,100%);max-height:88vh;overflow:auto;background:#fff;display:grid;grid-template-columns:1fr 1fr;position:relative}.catalog-modal-media{min-height:430px;background:#f4f7f9;display:flex;align-items:center;justify-content:center;padding:30px}.catalog-modal-media img{max-width:100%;max-height:480px;object-fit:contain}.catalog-modal-copy{padding:44px}.catalog-modal-copy h2{font-size:36px;line-height:1.05;margin:8px 0 16px;letter-spacing:-.035em}.catalog-modal-copy p{color:#5f707c;line-height:1.65}.catalog-close{position:absolute;right:16px;top:14px;border:0;background:#071a2b;color:#fff;width:38px;height:38px;border-radius:50%;font-size:22px;cursor:pointer}.catalog-cta{display:inline-flex;margin-top:18px;padding:12px 18px;background:#008ecb;color:#fff;text-decoration:none;font-weight:800}.lang-switch{display:flex;gap:5px}.lang-switch button{border:0;background:transparent;color:#6b7d88;font-size:11px;font-weight:800;cursor:pointer;padding:6px}.lang-switch button.active{color:#008ecb}.software-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 34px}.software-intro-card{background:#071a2b;color:#fff;padding:26px;min-height:145px}.software-intro-card span{color:#69c5eb;font-size:10px;font-weight:800;letter-spacing:.14em}.software-intro-card h3{margin:35px 0 0;font-size:21px}.catalog-card[data-area="software"] .catalog-img-wrap{height:235px}.catalog-card[data-area="software"]{min-height:405px}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.catalog-shell{width:min(100% - 28px,1460px)}.catalog-grid{grid-template-columns:repeat(2,1fr)}.catalog-search{order:2;margin-left:0;width:100%}.catalog-modal-card{grid-template-columns:1fr}.catalog-modal-media{min-height:280px}.software-intro-grid{grid-template-columns:1fr}}
@media(max-width:520px){.catalog-grid{grid-template-columns:1fr}.catalog-head{align-items:flex-start}.catalog-hero{padding-top:28px}.catalog-img-wrap{height:220px}.catalog-modal-copy{padding:28px}.catalog-modal-copy h2{font-size:28px}}

/* === CATALOG V47 MEDIA === */
.catalog-head-actions{display:flex;align-items:center;gap:18px}.catalog-modal-card.v47{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)}.catalog-modal-media.v47{display:flex;flex-direction:column;gap:16px}.catalog-modal-media.v47>img{width:100%;height:390px;object-fit:contain}.catalog-thumbs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.catalog-thumb{width:72px;height:58px;border:1px solid #d8e1e6;background:#fff;padding:4px;cursor:pointer}.catalog-thumb.active{border:2px solid #008ecb}.catalog-thumb img{width:100%;height:100%;object-fit:contain}.catalog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.catalog-actions .catalog-cta{margin-top:0}.catalog-cta.secondary{background:#fff;color:#087fb6;border:1px solid #b9dce9}.catalog-modal-meta{font-size:12px;font-weight:700;color:#80909a!important}.catalog-card .catalog-img-wrap img{transition:transform .25s ease}.catalog-card:hover .catalog-img-wrap img{transform:scale(1.025)}@media(max-width:800px){.catalog-modal-card.v47{grid-template-columns:1fr}.catalog-modal-media.v47>img{height:280px}.catalog-head-actions{gap:9px;flex-wrap:wrap;justify-content:flex-end}}

.catalog-noscript{margin:0 0 30px;padding:14px 16px;border:1px solid #dce5ea;background:#fff;color:#62727d;font-size:13px}