/*
 * Virtual 360 Zone Italia: Chi siamo (/it/chi-siamo/).
 * Carregado somente em body.vrl-it-page--chi-siamo (inc/pages/it-pages.php).
 * Prefixo das classes: vrl-itw-
 * Mobile = tablet: ate 1024px.
 * v1: empresa, experiencia e forma de trabalhar, sem perfis (decisao de 16/09).
 * Menos laranja que as demais paginas (Doc 03, secao 36).
 *
 * Indice
 *  A. Base e reset
 *  B. Atmosfera
 *  C. Componentes comuns
 *  D. 01 Hero e dois centros
 *  E. 02 Esperienza
 *  F. 03 Due competenze
 *  G. 04 Una sola direzione
 *  H. 05 Come lavoriamo
 *  I. 06 Non siamo un catalogo
 *  J. 07 CTA
 *  K. Entrada no scroll
 *  L. Mobile e tablet
 *  M. Movimento reduzido
 */

/* ================================================================
 * A. Base e reset
 * ================================================================ */

body.vrl-it-page--chi-siamo {
  --itw-wrap: 1200px;
  --itw-pad: 32px;
  --itw-section: clamp(96px, 11vw, 160px);
  --itw-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --itw-offset: calc(var(--it-header-h) + var(--it-admin-offset));
  --itw-card: rgba(255, 255, 255, 0.018);
  --itw-border: rgba(255, 255, 255, 0.07);
  overflow-x: hidden;
}

body.vrl-it-page--chi-siamo .vrl-it-page {
  position: relative;
  z-index: 1;
}

body.vrl-it-page--chi-siamo .vrl-it-footer {
  position: relative;
  z-index: 2;
}

body.vrl-it-page--chi-siamo .vrl-itw-wrap {
  position: relative;
  max-width: var(--itw-wrap);
  margin: 0 auto;
  padding: 0 var(--itw-pad);
  box-sizing: border-box;
}

body.vrl-it-page--chi-siamo .vrl-itw-page :where(h1, h2, h3) {
  margin: 0;
  color: #ffffff;
  font-family: inherit;
}

body.vrl-it-page--chi-siamo .vrl-itw-page :where(p, blockquote, dl, dd, figure, table) { margin: 0; }

body.vrl-it-page--chi-siamo .vrl-itw-page :where(ul, ol) {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.vrl-it-page--chi-siamo .vrl-itw-page :where([id]) { scroll-margin-top: calc(var(--itw-offset) + 24px); }

body.vrl-it-page--chi-siamo .vrl-itw-page :where(button) { font-family: inherit; }

/* ================================================================
 * B. Atmosfera (nevoa e rede)
 * ================================================================ */

body.vrl-it-page--chi-siamo .vrl-itw-atmos {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

body.vrl-it-page--chi-siamo .vrl-itw-fog {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  will-change: transform;
}

body.vrl-it-page--chi-siamo .vrl-itw-fog--1 {
  top: -16%;
  left: -8%;
  width: 56vw;
  height: 56vw;
  background: radial-gradient(circle, rgba(58, 123, 213, 0.13) 0%, transparent 62%);
  animation: vrl-itw-drift-1 40s ease-in-out infinite alternate;
}

body.vrl-it-page--chi-siamo .vrl-itw-fog--2 {
  top: -10%;
  right: -10%;
  width: 54vw;
  height: 54vw;
  background: radial-gradient(circle, rgba(90, 155, 246, 0.09) 0%, transparent 60%);
  animation: vrl-itw-drift-2 34s ease-in-out infinite alternate;
}

body.vrl-it-page--chi-siamo .vrl-itw-fog--3 {
  bottom: -22%;
  left: 26%;
  width: 50vw;
  height: 50vw;
  background: radial-gradient(circle, rgba(58, 123, 213, 0.07) 0%, transparent 58%);
  animation: vrl-itw-drift-3 44s ease-in-out infinite alternate;
}

@keyframes vrl-itw-drift-1 {
  from { transform: translate3d(0, 0, 0) scale(0.97); }
  to   { transform: translate3d(50px, 40px, 0) scale(1.05); }
}

@keyframes vrl-itw-drift-2 {
  from { transform: translate3d(0, 0, 0) scale(1.04); }
  to   { transform: translate3d(-40px, 30px, 0) scale(0.96); }
}

@keyframes vrl-itw-drift-3 {
  from { transform: translate3d(0, 0, 0) scale(0.98); }
  to   { transform: translate3d(-30px, -40px, 0) scale(1.06); }
}

body.vrl-it-page--chi-siamo .vrl-itw-net {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* ================================================================
 * C. Componentes comuns
 * ================================================================ */

body.vrl-it-page--chi-siamo .vrl-itw-section {
  position: relative;
  padding: var(--itw-section) 0;
}

body.vrl-it-page--chi-siamo .vrl-itw-section--line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: min(1136px, calc(100% - 40px));
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.09), transparent);
}

body.vrl-it-page--chi-siamo .vrl-itw-label {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--it-text-3);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body.vrl-it-page--chi-siamo .vrl-itw-label__idx {
  color: var(--it-orange);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

body.vrl-it-page--chi-siamo .vrl-itw-label__line {
  display: inline-block;
  width: 32px;
  height: 1px;
  background: rgba(255, 255, 255, 0.18);
}

body.vrl-it-page--chi-siamo .vrl-itw-h2 {
  margin-top: 24px;
  font-size: clamp(32px, 4vw, 54px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.02em;
}

body.vrl-it-page--chi-siamo .vrl-itw-text {
  max-width: 62ch;
  color: var(--it-text-2);
  font-size: clamp(16px, 1.2vw, 18px);
  line-height: 1.75;
}

body.vrl-it-page--chi-siamo .vrl-itw-text + .vrl-itw-text { margin-top: 20px; }

body.vrl-it-page--chi-siamo .vrl-itw-dot-accent { color: var(--it-orange); }

body.vrl-it-page--chi-siamo .vrl-itw-key { color: var(--it-orange); }

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  body.vrl-it-page--chi-siamo .vrl-itw-key {
    background-image: linear-gradient(100deg, #FF7A3D 0%, #FF9B5F 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
}

body.vrl-it-page--chi-siamo .vrl-itw-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 32px;
  padding: 8px 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.02);
  color: var(--it-text-2);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body.vrl-it-page--chi-siamo .vrl-itw-badge__dot {
  position: relative;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--it-blue-light);
}

body.vrl-it-page--chi-siamo .vrl-itw-badge__dot::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 1px solid rgba(90, 155, 246, 0.5);
  animation: vrl-itw-ping 3.2s ease-out infinite;
}

@keyframes vrl-itw-ping {
  0%   { transform: scale(0.6); opacity: 0.9; }
  70%  { transform: scale(1.6); opacity: 0; }
  100% { transform: scale(1.6); opacity: 0; }
}

/* Botoes */

body.vrl-it-page--chi-siamo .vrl-itw-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  margin: 0;
  padding: 0 28px;
  border: 1px solid transparent;
  border-radius: 12px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.25s var(--itw-ease), filter 0.25s ease, border-color 0.25s ease, color 0.25s ease, background-color 0.25s ease;
}

body.vrl-it-page--chi-siamo .vrl-itw-btn--primary {
  background: var(--it-blue);
  color: #ffffff;
}

body.vrl-it-page--chi-siamo .vrl-itw-btn--primary::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--it-orange);
}

body.vrl-it-page--chi-siamo .vrl-itw-btn--primary:hover {
  color: #ffffff;
  filter: brightness(1.1);
  transform: translateY(-2px);
}

body.vrl-it-page--chi-siamo .vrl-itw-btn--ghost {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.015);
  color: var(--it-text);
}

body.vrl-it-page--chi-siamo .vrl-itw-btn--ghost:hover {
  border-color: rgba(90, 155, 246, 0.55);
  color: #ffffff;
  transform: translateY(-2px);
}

body.vrl-it-page--chi-siamo .vrl-itw-btn__icon {
  display: block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

body.vrl-it-page--chi-siamo .vrl-itw-btn--wa .vrl-itw-btn__icon { color: #25d366; }

html.vrl-it-cursor-on body.vrl-it-page--chi-siamo .vrl-itw-btn { cursor: none; }

/* Link com seta */

body.vrl-it-page--chi-siamo .vrl-itw-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--it-text);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.25s ease;
}

body.vrl-it-page--chi-siamo .vrl-itw-link__arrow {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 1px;
  background: currentColor;
  transition: width 0.3s var(--itw-ease);
}

body.vrl-it-page--chi-siamo .vrl-itw-link__arrow::after {
  content: "";
  position: absolute;
  right: 0;
  top: -3px;
  width: 7px;
  height: 7px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  transform: rotate(45deg);
}

body.vrl-it-page--chi-siamo .vrl-itw-link:hover { color: var(--it-orange); }

body.vrl-it-page--chi-siamo .vrl-itw-link:hover .vrl-itw-link__arrow { width: 40px; }

/* Cabecalho de secao em duas colunas */

body.vrl-it-page--chi-siamo .vrl-itw-head-split {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: end;
  gap: 48px;
  margin-bottom: clamp(48px, 6vw, 80px);
}

/* CTA final (caixa) */

body.vrl-it-page--chi-siamo .vrl-itw-cta { padding-bottom: clamp(40px, 5vw, 64px); }

body.vrl-it-page--chi-siamo .vrl-itw-cta__box {
  position: relative;
  padding: clamp(48px, 7vw, 96px) clamp(24px, 6vw, 88px);
  border: 1px solid rgba(90, 155, 246, 0.22);
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 0%, rgba(58, 123, 213, 0.2), transparent 60%),
    radial-gradient(circle at 10% 100%, rgba(255, 122, 61, 0.05), transparent 45%),
    rgba(5, 8, 19, 0.7);
  text-align: center;
  overflow: hidden;
}

body.vrl-it-page--chi-siamo .vrl-itw-cta__label { position: relative; justify-content: center; }

body.vrl-it-page--chi-siamo .vrl-itw-cta__title {
  position: relative;
  max-width: 18ch;
  margin: 28px auto 0;
  font-size: clamp(30px, 4vw, 54px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

body.vrl-it-page--chi-siamo .vrl-itw-cta__text {
  position: relative;
  margin: 28px auto 0;
}

body.vrl-it-page--chi-siamo .vrl-itw-cta__actions {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 40px;
}

body.vrl-it-page--chi-siamo .vrl-itw-cta__micro {
  position: relative;
  margin-top: 22px;
  color: var(--it-text-3);
  font-size: 13px;
}

body.vrl-it-page--chi-siamo .vrl-itw-head-center {
  margin-bottom: clamp(56px, 7vw, 96px);
  text-align: center;
}

body.vrl-it-page--chi-siamo .vrl-itw-head-center .vrl-itw-label { justify-content: center; }

body.vrl-it-page--chi-siamo .vrl-itw-head-center .vrl-itw-h2 {
  max-width: 20ch;
  margin-left: auto;
  margin-right: auto;
}

body.vrl-it-page--chi-siamo .vrl-itw-inline {
  margin-left: 6px;
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid var(--it-blue-light);
  transition: color 0.25s ease;
}

body.vrl-it-page--chi-siamo .vrl-itw-inline:hover { color: var(--it-blue-light); }

/* ================================================================
 * D. 01 Hero e dois centros
 * ================================================================ */

body.vrl-it-page--chi-siamo .vrl-itw-hero {
  position: relative;
  margin-top: calc(-1 * var(--itw-offset));
  padding: calc(var(--itw-offset) + 72px) 0 56px;
}

body.vrl-it-page--chi-siamo .vrl-itw-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

body.vrl-it-page--chi-siamo .vrl-itw-hero__title {
  max-width: 20ch;
  font-size: clamp(38px, 4.8vw, 70px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

body.vrl-it-page--chi-siamo .vrl-itw-hero__lead {
  max-width: 640px;
  margin-top: 28px;
  color: var(--it-text-2);
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.7;
}

body.vrl-it-page--chi-siamo .vrl-itw-hero__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 38px;
}

body.vrl-it-page--chi-siamo .vrl-itw-hero__visual {
  position: relative;
  max-width: 960px;
  margin: clamp(40px, 5vw, 64px) auto 0;
}

body.vrl-it-page--chi-siamo .vrl-itw-hero__visual::before {
  content: "";
  position: absolute;
  inset: 10% 20%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(58, 123, 213, 0.16), transparent 70%);
  filter: blur(30px);
  pointer-events: none;
}

body.vrl-it-page--chi-siamo .vrl-itw-hero__caption {
  margin-top: 6px;
  color: var(--it-text-3);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
}

body.vrl-it-page--chi-siamo .vrl-itw-duo {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

body.vrl-it-page--chi-siamo .vrl-itw-duo__path {
  fill: none;
  stroke: rgba(90, 155, 246, 0.22);
  stroke-width: 1;
}

body.vrl-it-page--chi-siamo .vrl-itw-duo__flow {
  fill: none;
  stroke: rgba(90, 155, 246, 0.7);
  stroke-width: 1.4;
  stroke-dasharray: 4 14;
  animation: vrl-itw-flow 4.5s linear infinite;
}

@keyframes vrl-itw-flow {
  to { stroke-dashoffset: -72; }
}

body.vrl-it-page--chi-siamo .vrl-itw-duo__center {
  transform-box: view-box;
  transition: transform 0.8s var(--itw-ease), opacity 0.6s ease;
}

body.vrl-it-page--chi-siamo .vrl-itw-duo__center--a {
  transform-origin: 200px 210px;
  animation: vrl-itw-bob 9s ease-in-out infinite alternate;
}

body.vrl-it-page--chi-siamo .vrl-itw-duo__center--b {
  transform-origin: 760px 230px;
  animation: vrl-itw-bob 11s ease-in-out infinite alternate-reverse;
}

@keyframes vrl-itw-bob {
  from { translate: 0 -6px; }
  to   { translate: 0 7px; }
}

body.vrl-it-page--chi-siamo .vrl-itw-duo__spoke {
  stroke: rgba(238, 240, 248, 0.1);
  stroke-width: 1;
  transition: stroke 0.5s ease;
}

body.vrl-it-page--chi-siamo .vrl-itw-duo__node {
  fill: rgba(90, 155, 246, 0.7);
  transition: fill 0.5s ease;
}

body.vrl-it-page--chi-siamo .vrl-itw-duo__ring {
  fill: rgba(58, 123, 213, 0.05);
  stroke: rgba(90, 155, 246, 0.35);
  stroke-width: 1;
  transition: stroke 0.5s ease, fill 0.5s ease;
}

body.vrl-it-page--chi-siamo .vrl-itw-duo__ring--dash {
  fill: none;
  stroke: rgba(238, 240, 248, 0.14);
  stroke-dasharray: 2 9;
  stroke-linecap: round;
  transform-box: fill-box;
  transform-origin: center;
  animation: vrl-itw-spin 70s linear infinite;
}

@keyframes vrl-itw-spin {
  to { transform: rotate(360deg); }
}

body.vrl-it-page--chi-siamo .vrl-itw-duo__core {
  fill: #0b1430;
  stroke: rgba(238, 240, 248, 0.5);
  stroke-width: 1.2;
}

body.vrl-it-page--chi-siamo .vrl-itw-duo__label {
  fill: #ffffff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  pointer-events: none;
}

body.vrl-it-page--chi-siamo .vrl-itw-duo__center.is-near .vrl-itw-duo__ring { stroke: rgba(90, 155, 246, 0.75); fill: rgba(58, 123, 213, 0.12); }
body.vrl-it-page--chi-siamo .vrl-itw-duo__center.is-near .vrl-itw-duo__spoke { stroke: rgba(90, 155, 246, 0.4); }
body.vrl-it-page--chi-siamo .vrl-itw-duo__center.is-near .vrl-itw-duo__node { fill: #ffffff; }

body.vrl-it-page--chi-siamo .vrl-itw-duo__meet {
  fill: var(--it-orange);
  filter: drop-shadow(0 0 8px rgba(255, 122, 61, 0.7));
}

body.vrl-it-page--chi-siamo .vrl-itw-duo__pulse {
  fill: none;
  stroke: rgba(255, 122, 61, 0.5);
  stroke-width: 1;
  transform-box: fill-box;
  transform-origin: center;
  animation: vrl-itw-pulse 3.8s ease-out infinite;
}

@keyframes vrl-itw-pulse {
  0%   { transform: scale(1); opacity: 0.8; }
  80%  { transform: scale(3.2); opacity: 0; }
  100% { transform: scale(3.2); opacity: 0; }
}

body.vrl-it-page--chi-siamo .vrl-itw-duo__meet-label {
  fill: var(--it-text-2);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

/* Entrada: os dois centros chegam de lados opostos */
.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-hero__visual:not(.is-visible) .vrl-itw-duo__center--a { transform: translateX(-60px); opacity: 0; }
.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-hero__visual:not(.is-visible) .vrl-itw-duo__center--b { transform: translateX(60px); opacity: 0; }
body.vrl-it-page--chi-siamo .vrl-itw-hero__visual.is-visible .vrl-itw-duo__center--b { transition-delay: 0.15s; }

/* ================================================================
 * E. 02 Esperienza
 * ================================================================ */

body.vrl-it-page--chi-siamo .vrl-itw-exp {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(80px, 0.6fr) minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  padding: 40px 0;
}

body.vrl-it-page--chi-siamo .vrl-itw-exp__timeline {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(90, 155, 246, 0.25) 12%, rgba(90, 155, 246, 0.25) 88%, transparent);
  transform-origin: left;
  transition: transform 2.2s var(--itw-ease);
}

body.vrl-it-page--chi-siamo .vrl-itw-exp__ticks {
  position: absolute;
  top: -5px;
  right: 8%;
  left: 8%;
  height: 11px;
  background-image: linear-gradient(90deg, rgba(90, 155, 246, 0.35) 1px, transparent 1px);
  background-size: 48px 100%;
  opacity: 0.6;
}

.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-exp:not(.is-drawn) .vrl-itw-exp__timeline { transform: scaleX(0); }

body.vrl-it-page--chi-siamo .vrl-itw-exp__item {
  position: relative;
  z-index: 1;
  padding: 8px 24px 8px 0;
}

body.vrl-it-page--chi-siamo .vrl-itw-exp__item--right {
  padding: 8px 0 8px 24px;
  text-align: right;
}

body.vrl-it-page--chi-siamo .vrl-itw-exp__num {
  display: flex;
  align-items: flex-start;
  color: #ffffff;
  font-size: clamp(88px, 11vw, 168px);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.05em;
  font-variant-numeric: tabular-nums;
}

body.vrl-it-page--chi-siamo .vrl-itw-exp__item--right .vrl-itw-exp__num { justify-content: flex-end; }

body.vrl-it-page--chi-siamo .vrl-itw-exp__plus {
  margin-left: 4px;
  color: var(--it-blue-light);
  font-size: 0.5em;
  line-height: 1.1;
}

body.vrl-it-page--chi-siamo .vrl-itw-exp__label {
  max-width: 22ch;
  margin-top: 16px;
  color: var(--it-text-2);
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.5;
}

body.vrl-it-page--chi-siamo .vrl-itw-exp__item--right .vrl-itw-exp__label { margin-left: auto; }

body.vrl-it-page--chi-siamo .vrl-itw-exp__bridge {
  position: relative;
  z-index: 1;
  display: block;
  height: 1px;
  background: linear-gradient(90deg, rgba(238, 240, 248, 0.5), rgba(90, 155, 246, 0.8));
}

body.vrl-it-page--chi-siamo .vrl-itw-exp__bridge span {
  position: absolute;
  top: -3px;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(90, 155, 246, 0.9);
  animation: vrl-itw-bridge 4s var(--itw-ease) infinite;
}

@keyframes vrl-itw-bridge {
  0%   { left: 0; opacity: 0; }
  12%  { opacity: 1; }
  88%  { opacity: 1; }
  100% { left: calc(100% - 7px); opacity: 0; }
}

body.vrl-it-page--chi-siamo .vrl-itw-exp__text {
  max-width: 64ch;
  margin: 40px auto 0;
  text-align: center;
}

/* ================================================================
 * F. 03 Due competenze
 * ================================================================ */

body.vrl-it-page--chi-siamo .vrl-itw-pillars {
  display: grid;
  gap: clamp(72px, 9vw, 128px);
}

body.vrl-it-page--chi-siamo .vrl-itw-pillar {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: center;
  gap: clamp(40px, 6vw, 96px);
}

body.vrl-it-page--chi-siamo .vrl-itw-pillar:nth-child(even) .vrl-itw-pillar__visual { order: 2; }

body.vrl-it-page--chi-siamo .vrl-itw-pillar__visual {
  position: relative;
  width: 100%;
  max-width: 420px;
  justify-self: center;
  transition: transform 0.6s var(--itw-ease);
}

body.vrl-it-page--chi-siamo .vrl-itw-pillar__visual::before {
  content: "";
  position: absolute;
  inset: 12%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(58, 123, 213, 0.18), transparent 70%);
  filter: blur(22px);
  transition: opacity 0.5s ease;
}

body.vrl-it-page--chi-siamo .vrl-itw-pillar:hover .vrl-itw-pillar__visual { transform: translate3d(0, -6px, 0); }

body.vrl-it-page--chi-siamo .vrl-itw-emblem {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

body.vrl-it-page--chi-siamo .vrl-itw-emblem__halo {
  fill: none;
  stroke: rgba(90, 155, 246, 0.2);
  stroke-width: 1;
  stroke-dasharray: 2 10;
  stroke-linecap: round;
  transform-box: fill-box;
  transform-origin: center;
  animation: vrl-itw-spin 80s linear infinite;
}

body.vrl-it-page--chi-siamo .vrl-itw-emblem__grid rect {
  fill: rgba(58, 123, 213, 0.1);
  stroke: rgba(90, 155, 246, 0.5);
  stroke-width: 1;
  transition: opacity 0.6s ease, transform 0.8s var(--itw-ease);
}

body.vrl-it-page--chi-siamo .vrl-itw-emblem__grid rect.is-key {
  fill: rgba(11, 20, 48, 0.95);
  stroke: rgba(238, 240, 248, 0.75);
}

body.vrl-it-page--chi-siamo .vrl-itw-emblem__grid rect:nth-child(2) { transition-delay: 0.08s; }
body.vrl-it-page--chi-siamo .vrl-itw-emblem__grid rect:nth-child(3) { transition-delay: 0.16s; }
body.vrl-it-page--chi-siamo .vrl-itw-emblem__grid rect:nth-child(4) { transition-delay: 0.3s; }
body.vrl-it-page--chi-siamo .vrl-itw-emblem__grid rect:nth-child(5) { transition-delay: 0.38s; }
body.vrl-it-page--chi-siamo .vrl-itw-emblem__grid rect:nth-child(6) { transition-delay: 0.55s; }

body.vrl-it-page--chi-siamo .vrl-itw-emblem__flow {
  fill: none;
  stroke: rgba(90, 155, 246, 0.6);
  stroke-width: 1;
  stroke-dasharray: 3 5;
  animation: vrl-itw-flow 5s linear infinite;
}

body.vrl-it-page--chi-siamo .vrl-itw-emblem__dot {
  fill: var(--it-orange);
  filter: drop-shadow(0 0 6px rgba(255, 122, 61, 0.7));
}

body.vrl-it-page--chi-siamo .vrl-itw-emblem__layer {
  fill: rgba(11, 20, 48, 0.85);
  stroke: rgba(90, 155, 246, 0.45);
  stroke-width: 1;
  transform-box: fill-box;
  transition: transform 0.8s var(--itw-ease), opacity 0.6s ease;
}

body.vrl-it-page--chi-siamo .vrl-itw-emblem__layer--3 { stroke: rgba(238, 240, 248, 0.7); }

body.vrl-it-page--chi-siamo .vrl-itw-pillar:hover .vrl-itw-emblem__layer--1 { transform: translate(-6px, -6px); }
body.vrl-it-page--chi-siamo .vrl-itw-pillar:hover .vrl-itw-emblem__layer--3 { transform: translate(6px, 6px); }

body.vrl-it-page--chi-siamo .vrl-itw-emblem__guide {
  fill: none;
  stroke: rgba(238, 240, 248, 0.14);
  stroke-width: 1;
  stroke-dasharray: 3 4;
}

body.vrl-it-page--chi-siamo .vrl-itw-emblem__shape {
  fill: rgba(58, 123, 213, 0.35);
  stroke: var(--it-blue-light);
  stroke-width: 1;
}

.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-pillar__visual:not(.is-visible) .vrl-itw-emblem__grid rect { opacity: 0; transform: translateY(10px); }
.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-pillar__visual:not(.is-visible) .vrl-itw-emblem__layer--1 { transform: translate(-24px, -24px); opacity: 0; }
.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-pillar__visual:not(.is-visible) .vrl-itw-emblem__layer--2 { opacity: 0; }
.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-pillar__visual:not(.is-visible) .vrl-itw-emblem__layer--3 { transform: translate(24px, 24px); opacity: 0; }

body.vrl-it-page--chi-siamo .vrl-itw-pillar__content { min-width: 0; }

body.vrl-it-page--chi-siamo .vrl-itw-pillar__head {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--it-text-3);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body.vrl-it-page--chi-siamo .vrl-itw-pillar__num {
  color: var(--it-blue-light);
  font-weight: 700;
}

body.vrl-it-page--chi-siamo .vrl-itw-pillar__title {
  margin-top: 18px;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.02em;
  transition: color 0.4s ease;
}

body.vrl-it-page--chi-siamo .vrl-itw-pillar__text { margin-top: 22px; }

body.vrl-it-page--chi-siamo .vrl-itw-pillar__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 24px;
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

body.vrl-it-page--chi-siamo .vrl-itw-pillar__items li {
  display: flex;
  align-items: baseline;
  gap: 10px;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.45;
}

body.vrl-it-page--chi-siamo .vrl-itw-pillar__items li::before {
  content: "";
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--it-blue-light);
  transform: translateY(-1px);
}

/* ================================================================
 * G. 04 Una sola direzione
 * ================================================================ */

body.vrl-it-page--chi-siamo .vrl-itw-band {
  background: linear-gradient(180deg, rgba(4, 7, 16, 0) 0%, rgba(4, 7, 16, 0.78) 16%, rgba(4, 7, 16, 0.78) 84%, rgba(4, 7, 16, 0) 100%);
}

body.vrl-it-page--chi-siamo .vrl-itw-dir {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(40px, 6vw, 88px);
}

body.vrl-it-page--chi-siamo .vrl-itw-dir__text { margin-top: 28px; }

body.vrl-it-page--chi-siamo .vrl-itw-dir__visual {
  width: 100%;
  max-width: 520px;
  justify-self: end;
}

body.vrl-it-page--chi-siamo .vrl-itw-conv {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

body.vrl-it-page--chi-siamo .vrl-itw-conv__line {
  fill: none;
  stroke: rgba(90, 155, 246, 0.7);
  stroke-width: 1.4;
  stroke-dasharray: 400;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1.8s var(--itw-ease) 0.3s;
}

body.vrl-it-page--chi-siamo .vrl-itw-conv__line--b { transition-delay: 0.5s; }

body.vrl-it-page--chi-siamo .vrl-itw-conv__line--c {
  stroke: rgba(238, 240, 248, 0.3);
  stroke-width: 1;
  stroke-dasharray: 4 6;
  transition: opacity 1s ease 1.6s;
}

.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-dir__visual:not(.is-visible) .vrl-itw-conv__line--a,
.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-dir__visual:not(.is-visible) .vrl-itw-conv__line--b { stroke-dashoffset: 400; }
.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-dir__visual:not(.is-visible) .vrl-itw-conv__line--c { opacity: 0; }

body.vrl-it-page--chi-siamo .vrl-itw-conv__src rect {
  fill: rgba(58, 123, 213, 0.12);
  stroke: rgba(90, 155, 246, 0.55);
  stroke-width: 1;
}

body.vrl-it-page--chi-siamo .vrl-itw-conv__src text {
  fill: #ffffff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.vrl-it-page--chi-siamo .vrl-itw-conv__src--opt rect {
  fill: rgba(255, 255, 255, 0.02);
  stroke: rgba(238, 240, 248, 0.3);
  stroke-dasharray: 4 4;
}

body.vrl-it-page--chi-siamo .vrl-itw-conv__src--opt text { fill: var(--it-text-2); }

body.vrl-it-page--chi-siamo .vrl-itw-conv__node {
  fill: #0b1430;
  stroke: rgba(238, 240, 248, 0.7);
  stroke-width: 1.2;
}

body.vrl-it-page--chi-siamo .vrl-itw-conv__pulse {
  fill: none;
  stroke: rgba(90, 155, 246, 0.5);
  stroke-width: 1;
  transform-box: fill-box;
  transform-origin: center;
  animation: vrl-itw-pulse-soft 4.2s ease-out infinite;
}

@keyframes vrl-itw-pulse-soft {
  0%   { transform: scale(1); opacity: 0.7; }
  80%  { transform: scale(1.7); opacity: 0; }
  100% { transform: scale(1.7); opacity: 0; }
}

body.vrl-it-page--chi-siamo .vrl-itw-conv__dot { fill: var(--it-orange); }

body.vrl-it-page--chi-siamo .vrl-itw-conv__label {
  fill: #ffffff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.vrl-it-page--chi-siamo .vrl-itw-conv__note {
  fill: var(--it-text-3);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ================================================================
 * H. 05 Come lavoriamo
 * ================================================================ */

body.vrl-it-page--chi-siamo .vrl-itw-work {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

body.vrl-it-page--chi-siamo .vrl-itw-work__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 32px 28px 36px;
  border: 1px solid var(--itw-border);
  border-radius: 20px;
  background: var(--itw-card);
  overflow: hidden;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

body.vrl-it-page--chi-siamo .vrl-itw-work__item:hover {
  border-color: rgba(90, 155, 246, 0.3);
  background: rgba(58, 123, 213, 0.04);
}

body.vrl-it-page--chi-siamo .vrl-itw-work__num {
  color: var(--it-blue-light);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

body.vrl-it-page--chi-siamo .vrl-itw-work__name {
  font-size: clamp(24px, 2.2vw, 30px);
  font-weight: 700;
  letter-spacing: -0.01em;
}

body.vrl-it-page--chi-siamo .vrl-itw-work__text {
  color: var(--it-text-2);
  font-size: 16px;
  line-height: 1.6;
}

body.vrl-it-page--chi-siamo .vrl-itw-work__bar {
  position: absolute;
  right: 28px;
  bottom: 0;
  left: 28px;
  height: 2px;
  background: linear-gradient(90deg, var(--it-blue-light), rgba(90, 155, 246, 0.1));
  transform-origin: left;
  transition: transform 1.2s var(--itw-ease) 0.4s;
}

.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-work__item:not(.is-visible) .vrl-itw-work__bar { transform: scaleX(0); }

/* Entrada de direcoes alternadas (maximo 24px) */
.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-work__item.vrl-itw-reveal:nth-child(odd) { transform: translate3d(-24px, 0, 0); }
.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-work__item.vrl-itw-reveal:nth-child(even) { transform: translate3d(24px, 0, 0); }
.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-work__item.vrl-itw-reveal.is-visible { transform: none; }
.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-work__item.vrl-itw-reveal:nth-child(2) { transition-delay: 0.12s; }
.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-work__item.vrl-itw-reveal:nth-child(3) { transition-delay: 0.24s; }

/* ================================================================
 * I. 06 Non siamo un catalogo
 * ================================================================ */

body.vrl-it-page--chi-siamo .vrl-itw-not { text-align: center; }

body.vrl-it-page--chi-siamo .vrl-itw-not__label { justify-content: center; }

body.vrl-it-page--chi-siamo .vrl-itw-not__title {
  max-width: 18ch;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(34px, 4.6vw, 64px);
}

body.vrl-it-page--chi-siamo .vrl-itw-not__list {
  display: grid;
  gap: 0;
  max-width: 760px;
  margin: clamp(40px, 5vw, 64px) auto 0;
}

body.vrl-it-page--chi-siamo .vrl-itw-not__item {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 22px 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  color: #ffffff;
  font-size: clamp(18px, 1.8vw, 24px);
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
}

body.vrl-it-page--chi-siamo .vrl-itw-not__item:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.07); }

body.vrl-it-page--chi-siamo .vrl-itw-not__mark {
  position: relative;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(238, 240, 248, 0.25);
  border-radius: 50%;
}

body.vrl-it-page--chi-siamo .vrl-itw-not__mark::before,
body.vrl-it-page--chi-siamo .vrl-itw-not__mark::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 1px;
  margin: 0 0 0 -4.5px;
  background: var(--it-text-2);
  transform: rotate(45deg);
}

body.vrl-it-page--chi-siamo .vrl-itw-not__mark::after { transform: rotate(-45deg); }

body.vrl-it-page--chi-siamo .vrl-itw-not__item.vrl-itw-reveal:nth-child(2) { transition-delay: 0.1s; }
body.vrl-it-page--chi-siamo .vrl-itw-not__item.vrl-itw-reveal:nth-child(3) { transition-delay: 0.2s; }

/* ================================================================
 * J. 07 CTA
 * ================================================================ */

body.vrl-it-page--chi-siamo .vrl-itw-cta__duo {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 1px;
  pointer-events: none;
}

body.vrl-it-page--chi-siamo .vrl-itw-cta__duo span {
  position: absolute;
  top: -5px;
  width: 11px;
  height: 11px;
  border: 1px solid rgba(90, 155, 246, 0.5);
  border-radius: 50%;
  background: rgba(58, 123, 213, 0.25);
}

body.vrl-it-page--chi-siamo .vrl-itw-cta__duo span:first-child {
  left: 6%;
  animation: vrl-itw-meet-a 9s var(--itw-ease) infinite alternate;
}

body.vrl-it-page--chi-siamo .vrl-itw-cta__duo span:last-child {
  right: 6%;
  animation: vrl-itw-meet-b 9s var(--itw-ease) infinite alternate;
}

@keyframes vrl-itw-meet-a {
  from { transform: translateX(0); opacity: 0.4; }
  to   { transform: translateX(40px); opacity: 1; }
}

@keyframes vrl-itw-meet-b {
  from { transform: translateX(0); opacity: 0.4; }
  to   { transform: translateX(-40px); opacity: 1; }
}

/* ================================================================
 * Entrada no scroll (so ativa com JavaScript)
 * ================================================================ */

.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-reveal {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  transition: opacity 0.75s var(--itw-ease), transform 0.75s var(--itw-ease);
}

.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-reveal.is-visible {
  opacity: 1;
  transform: none;
}

.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-reveal[data-delay="1"] { transition-delay: 0.08s; }
.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-reveal[data-delay="2"] { transition-delay: 0.16s; }
.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-reveal[data-delay="3"] { transition-delay: 0.24s; }
.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-reveal[data-delay="4"] { transition-delay: 0.32s; }
.vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-reveal[data-delay="5"] { transition-delay: 0.40s; }

/* ================================================================
 * L. Mobile e tablet
 * ================================================================ */

@media (max-width: 1024px) {
  body.vrl-it-page--chi-siamo { --itw-pad: 20px; --itw-section: 80px; }

  body.vrl-it-page--chi-siamo .vrl-itw-fog { filter: blur(40px); }

  body.vrl-it-page--chi-siamo .vrl-itw-hero { padding: calc(var(--itw-offset) + 44px) 0 40px; }
  body.vrl-it-page--chi-siamo .vrl-itw-hero__title { font-size: clamp(34px, 7vw, 54px); }
  body.vrl-it-page--chi-siamo .vrl-itw-badge { margin-bottom: 24px; }
  body.vrl-it-page--chi-siamo .vrl-itw-hero__visual { margin: 40px -20px 0; }

  body.vrl-it-page--chi-siamo .vrl-itw-head-split {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 36px;
  }

  body.vrl-it-page--chi-siamo .vrl-itw-head-center { margin-bottom: 48px; }
  body.vrl-it-page--chi-siamo .vrl-itw-h2 { margin-top: 20px; }

  /* Pilares: emblema acima do texto, sem movimento continuo */
  body.vrl-it-page--chi-siamo .vrl-itw-pillar { grid-template-columns: 1fr; gap: 28px; }
  body.vrl-it-page--chi-siamo .vrl-itw-pillar:nth-child(even) .vrl-itw-pillar__visual { order: 0; }
  body.vrl-it-page--chi-siamo .vrl-itw-pillar__visual { max-width: 300px; }
  body.vrl-it-page--chi-siamo .vrl-itw-pillar:hover .vrl-itw-pillar__visual { transform: none; }
  body.vrl-it-page--chi-siamo .vrl-itw-emblem__halo { animation: none; }

  body.vrl-it-page--chi-siamo .vrl-itw-dir { grid-template-columns: 1fr; gap: 40px; }
  body.vrl-it-page--chi-siamo .vrl-itw-dir__visual { justify-self: center; max-width: 440px; }

  body.vrl-it-page--chi-siamo .vrl-itw-work { grid-template-columns: 1fr; gap: 12px; }
  body.vrl-it-page--chi-siamo .vrl-itw-work__item { padding: 26px 22px 30px; }
  .vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-work__item.vrl-itw-reveal:nth-child(odd),
  .vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-work__item.vrl-itw-reveal:nth-child(even) { transform: translate3d(0, 20px, 0); }
  .vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-work__item.vrl-itw-reveal.is-visible { transform: none; }
  .vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-work__item.vrl-itw-reveal:nth-child(2),
  .vrl-itw-js body.vrl-it-page--chi-siamo .vrl-itw-work__item.vrl-itw-reveal:nth-child(3) { transition-delay: 0s; }

  body.vrl-it-page--chi-siamo .vrl-itw-cta__box { border-radius: 22px; }
}

@media (min-width: 761px) and (max-width: 1024px) {
  body.vrl-it-page--chi-siamo .vrl-itw-pillar { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 36px; }
  body.vrl-it-page--chi-siamo .vrl-itw-pillar:nth-child(even) .vrl-itw-pillar__visual { order: 2; }
  body.vrl-it-page--chi-siamo .vrl-itw-work { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  /* Experiencia empilhada, com a linha vertical ligando os dois numeros */
  body.vrl-it-page--chi-siamo .vrl-itw-exp {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0;
  }

  body.vrl-it-page--chi-siamo .vrl-itw-exp__timeline { display: none; }

  body.vrl-it-page--chi-siamo .vrl-itw-exp__item,
  body.vrl-it-page--chi-siamo .vrl-itw-exp__item--right {
    padding: 0;
    text-align: left;
  }

  body.vrl-it-page--chi-siamo .vrl-itw-exp__item--right .vrl-itw-exp__num { justify-content: flex-start; }
  body.vrl-it-page--chi-siamo .vrl-itw-exp__item--right .vrl-itw-exp__label { margin-left: 0; }

  body.vrl-it-page--chi-siamo .vrl-itw-exp__bridge {
    width: 1px;
    height: 64px;
    margin: 24px 0 24px 18px;
    background: linear-gradient(180deg, rgba(238, 240, 248, 0.5), rgba(90, 155, 246, 0.8));
  }

  body.vrl-it-page--chi-siamo .vrl-itw-exp__bridge span { display: none; }

  body.vrl-it-page--chi-siamo .vrl-itw-exp__num { font-size: clamp(84px, 26vw, 120px); }
  body.vrl-it-page--chi-siamo .vrl-itw-exp__text { margin-top: 36px; text-align: left; }
}

@media (max-width: 560px) {
  body.vrl-it-page--chi-siamo { --itw-section: 64px; }

  body.vrl-it-page--chi-siamo .vrl-itw-hero__title { font-size: clamp(30px, 8.8vw, 40px); }
  body.vrl-it-page--chi-siamo .vrl-itw-hero__actions { flex-direction: column; width: 100%; }
  body.vrl-it-page--chi-siamo .vrl-itw-hero__actions .vrl-itw-btn { width: 100%; }
  body.vrl-it-page--chi-siamo .vrl-itw-duo__label,
  body.vrl-it-page--chi-siamo .vrl-itw-duo__meet-label { font-size: 16px; }

  body.vrl-it-page--chi-siamo .vrl-itw-h2 { font-size: clamp(30px, 8.4vw, 38px); }
  body.vrl-it-page--chi-siamo .vrl-itw-not__title { font-size: clamp(30px, 8.6vw, 40px); }

  body.vrl-it-page--chi-siamo .vrl-itw-pillar__visual { max-width: 240px; }
  body.vrl-it-page--chi-siamo .vrl-itw-pillar__title { font-size: clamp(24px, 7vw, 30px); }
  body.vrl-it-page--chi-siamo .vrl-itw-pillar__items { grid-template-columns: 1fr; }

  body.vrl-it-page--chi-siamo .vrl-itw-conv__src text,
  body.vrl-it-page--chi-siamo .vrl-itw-conv__note { font-size: 13px; }
  body.vrl-it-page--chi-siamo .vrl-itw-conv__label { font-size: 12px; }

  body.vrl-it-page--chi-siamo .vrl-itw-not__item { gap: 14px; padding: 18px 0; }

  body.vrl-it-page--chi-siamo .vrl-itw-cta__actions { flex-direction: column; }
  body.vrl-it-page--chi-siamo .vrl-itw-cta__actions .vrl-itw-btn { width: 100%; }
  body.vrl-it-page--chi-siamo .vrl-itw-cta__duo { display: none; }
}

/* ================================================================
 * M. Movimento reduzido
 * ================================================================ */

@media (prefers-reduced-motion: reduce) {
  body.vrl-it-page--chi-siamo .vrl-itw-fog,
  body.vrl-it-page--chi-siamo .vrl-itw-badge__dot::after,
  body.vrl-it-page--chi-siamo .vrl-itw-duo__flow,
  body.vrl-it-page--chi-siamo .vrl-itw-duo__center,
  body.vrl-it-page--chi-siamo .vrl-itw-duo__ring--dash,
  body.vrl-it-page--chi-siamo .vrl-itw-duo__pulse,
  body.vrl-it-page--chi-siamo .vrl-itw-exp__bridge span,
  body.vrl-it-page--chi-siamo .vrl-itw-emblem__halo,
  body.vrl-it-page--chi-siamo .vrl-itw-emblem__flow,
  body.vrl-it-page--chi-siamo .vrl-itw-conv__pulse,
  body.vrl-it-page--chi-siamo .vrl-itw-cta__duo span {
    animation: none !important;
  }

  body.vrl-it-page--chi-siamo .vrl-itw-duo__center,
  body.vrl-it-page--chi-siamo .vrl-itw-pillar__visual,
  body.vrl-it-page--chi-siamo .vrl-itw-emblem__grid rect,
  body.vrl-it-page--chi-siamo .vrl-itw-emblem__layer,
  body.vrl-it-page--chi-siamo .vrl-itw-conv__line,
  body.vrl-it-page--chi-siamo .vrl-itw-exp__timeline,
  body.vrl-it-page--chi-siamo .vrl-itw-work__bar { transition: none; }

  body.vrl-it-page--chi-siamo .vrl-itw-exp__bridge span { display: none; }
}

/* ================================================================
 * N. 04 I soci (v2, 09/10/2026): grid de 2 colunas com o card de
 * "Come lavoriamo", foto e linha do cargo. Classes novas apenas.
 * ================================================================ */

body.vrl-it-page--chi-siamo .vrl-itw-soci {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

body.vrl-it-page--chi-siamo .vrl-itw-socio__photo {
  display: block;
  width: 120px;
  height: 120px;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 14px;
  margin-bottom: 8px;
}

body.vrl-it-page--chi-siamo .vrl-itw-socio__role {
  color: #a4adc4;
  font-size: 13px;
  line-height: 1.5;
}

@media (max-width: 760px) {
  body.vrl-it-page--chi-siamo .vrl-itw-soci { grid-template-columns: 1fr; gap: 12px; }
  body.vrl-it-page--chi-siamo .vrl-itw-socio__photo { width: 96px; height: 96px; }
}