/* ============================================================
   AP EUROPAY EC — layout dos 13 slides
   ============================================================ */

.colL{ max-width:600px; }

/* padrão de pontos no canto superior direito (slides 7 a 11) */
.dots-tr{ right:0; top:0; width:26%; height:26%;
  --dc:rgba(13,60,30,.22); --ds:16px;
  --dm:linear-gradient(215deg, rgba(0,0,0,1) 8%, transparent 62%); }

/* ============================================================
   E1 — Capa
   ============================================================ */
.E1{ background:#03130a; min-height:max(780px,100vh); }
.E1__art{ inset:0; }
/* leve zoom + ancorado à esquerda: joga a maquininha para a direita, como no PDF */
.E1__art .art__img{ --pos:0% center; background-size:106% auto; }
.E1__art .art__shade{
  --shade:linear-gradient(90deg,#03130a 0%, rgba(3,19,10,.97) 25%, rgba(3,19,10,.74) 43%, rgba(3,19,10,.18) 60%, rgba(3,19,10,0) 75%);
}
.E1__vig{ inset:0; background:radial-gradient(130% 100% at 18% 45%, rgba(6,42,24,.35) 0%, rgba(1,8,4,.9) 100%); }

/* dois chevrons arredondados (motivo do emblema) que somem atrás da maquininha */
.E1__chev{ left:46%; right:8%; top:6%; height:53%; z-index:2; }
.E1__chev svg{ width:100%; height:100%; }
.E1__chev path{
  fill:none; stroke:var(--g-neon); stroke-width:1.15;
  vector-effect:non-scaling-stroke; stroke-linecap:round;
}
.E1__chev .c1{ opacity:.30; }
.E1__chev .c2{ opacity:.19; }
/* a máscara faz as linhas desaparecerem antes/sobre o aparelho, como no PDF */
.E1__chev{
  -webkit-mask-image:linear-gradient(93deg, #000 0%, #000 8%, rgba(0,0,0,.30) 20%, rgba(0,0,0,.06) 34%, transparent 48%);
          mask-image:linear-gradient(93deg, #000 0%, #000 8%, rgba(0,0,0,.30) 20%, rgba(0,0,0,.06) 34%, transparent 48%);
}

.E1__glow{ right:20%; top:26%; width:38%; height:50%; --gc:rgba(0,166,46,.28); --gb:90px; }

/* logo da capa maior, na proporção do PDF (~26% da largura do slide) */
.E1 .logo--xl{ height:clamp(58px, 8vw, 130px); }
.E1 .rule--neon{ height:3px; }

.E1__chips{ display:flex; align-items:center; flex-wrap:wrap; }
.E1__chips > li{ display:flex; align-items:center; gap:clamp(11px,1.1vw,16px);
                 padding:0 clamp(16px,2vw,32px); color:var(--g-neon); }
.E1__chips > li:first-child{ padding-left:0; }
.E1__chips > li + li{ border-left:1px solid rgba(107,222,99,.35); }
.E1__chips .i{ font-size:clamp(24px,1.75vw,34px); }
.E1__chips span{ font-size:clamp(13px,1.12vw,20px); line-height:1.26; color:#fff; }

.E1__sign{
  position:absolute; z-index:6; right:10.5%; bottom:7%;
  padding-left:26px; border-left:2px solid var(--g-neon);
}
.E1__sign b{ font-family:var(--ff-display); font-weight:500;
             font-size:clamp(22px,1.98vw,40px); color:#fff; line-height:1.05; }
.E1__sign b i{ font-style:normal; color:var(--g-neon); }
.E1__sign p{ font-family:var(--ff-display); font-weight:500; font-size:clamp(11px,.99vw,19px);
             letter-spacing:.26em; text-transform:uppercase; color:#fff; margin-top:12px; }
.E1__sign p span{ color:var(--g-neon); }

@media (max-width:900px){
  .E1__art{ left:0; }
  /* no mobile o slide fica alto: volta ao cover para não sobrar faixa vazia */
  .E1__art .art__img{ background-size:cover; --pos:72% center; }
  .E1__art .art__shade{ --shade:linear-gradient(180deg, rgba(3,19,10,.9), rgba(3,19,10,.96)); }
  .E1__chev{ display:none; }
  /* chips em 2 colunas, sem divisórias soltas na quebra */
  .E1__chips{ row-gap:20px; }
  .E1__chips > li{ flex:0 0 50%; padding-left:0; border-left:0; }
  .E1__sign{ position:relative; right:auto; bottom:auto; margin-top:36px; }
}

/* ============================================================
   E2 — Seu negócio movimenta dinheiro
   ============================================================ */
.clip-defs{ position:absolute; width:0; height:0; overflow:hidden; }
.E2{ background:linear-gradient(158deg,#fafafa 0%, #f6f6f5 54%, #eceeec 100%); padding:clamp(56px,7vh,76px) 0; }
/* A coluna acompanha a area clara no topo, mas pode avancar nas regioes
   em que a curva abre. Isso preserva o fluxo de seis etapas sem encostar
   visualmente na fotografia. */
.E2 .colL{
  max-width:min(clamp(620px, 44.3vw, 760px),
                calc(48.2vw - max(var(--gut), (100vw - var(--wrap)) / 2) - 24px));
}
.E2__logo{ height:clamp(32px, 4vw, 66px); }

/* a arte extrapola à direita: reduz o peso do executivo e revela mais
   dos painéis, reproduzindo a escala da cena no PDF */
.E2__art{ left:0; right:-18%; top:0; bottom:0; z-index:2; }
.E2__art .art__img{
  --pos:left center;
  -webkit-clip-path:url(#e2-photo-clip);
          clip-path:url(#e2-photo-clip);
}

/* A fotografia e o filete usam o mesmo recorte Bezier. O filete fica
   levemente deslocado para a esquerda e acompanha a curva sem degraus. */
.E2__white{ display:none; }
.E2__wedge{
  left:0; right:-18%; top:0; bottom:0;
  z-index:1;
  background:linear-gradient(180deg,#0d7a33 0%, var(--g-neon) 62%, #178a36 100%);
  -webkit-clip-path:url(#e2-photo-clip);
          clip-path:url(#e2-photo-clip);
  transform:translateX(-3px);
  filter:drop-shadow(-3px 0 10px rgba(4,48,25,.16));
}

/* trilha de 6 etapas: ícones soltos, sem moldura, como no PDF */
.E2__flow{
  display:flex; align-items:flex-start; gap:0; flex-wrap:nowrap;
  margin-top:clamp(26px,4.4vh,60px);
}
.E2__flow > li{ text-align:center; flex:1 1 0; min-width:0; }
.E2__flow .i{
  font-size:clamp(32px,3.05vw,58px); color:var(--g-dark);
  margin:0 auto; stroke-width:1.35;
}
.E2__flow p{
  font-size:clamp(10.5px,.96vw,18px); line-height:1.3;
  color:var(--ink-2); margin-top:clamp(10px,1vw,18px);
}
.E2__flow .sep{
  flex:0 0 auto; align-self:flex-start; display:flex; align-items:center; gap:0;
  margin-top:clamp(16px,1.55vw,29px);
}
.E2__flow .sep .ln{ width:clamp(12px,1.5vw,28px); height:1.6px; background:var(--g-vivid); }
.E2__flow .sep .arrow-x{ border-left-color:var(--g-vivid); border-left-width:7px;
                         border-top-width:4.5px; border-bottom-width:4.5px; }

/* herda o tamanho de .p (mesma escala do subtitulo da capa);
   so libera a largura, pois as quebras vem de <br> */
.E2__p{ max-width:none; }
.E2__p:first-of-type{ margin-top:clamp(24px,3vh,44px); }

/* faixa escura de fecho */
.E2__bar{
  position:relative; overflow:hidden;
  display:flex; align-items:center; gap:clamp(18px,2.2vw,40px);
  padding:clamp(18px,2.05vw,34px) clamp(22px,2.5vw,42px);
  border-radius:clamp(16px,1.5vw,26px);
  margin-top:clamp(24px,3.2vh,46px);
}
.E2__bar-dots{
  right:0; top:0; bottom:0; width:26%;
  --dc:rgba(107,222,99,.30); --ds:13px;
  --dm:linear-gradient(255deg, rgba(0,0,0,1) 12%, transparent 74%);
}
.E2__shield{
  flex:none; font-size:clamp(42px,3.9vw,74px);
  color:var(--g-neon); stroke-width:1.7;
}
.E2__bar p{
  position:relative; z-index:1;
  font-size:clamp(13.5px,1.36vw,26px); line-height:1.42; color:#fff;
}

@media (max-width:900px){
  .E2 .colL{ max-width:none; }
  .E2 .wrap{ order:1; }
  .E2__art{
    order:2; position:relative; inset:auto;
    width:min(var(--wrap), 100% - (var(--gut) * 2)); margin:30px auto 0;
    height:56vw; min-height:280px; border-radius:26px; overflow:hidden;
    border:1px solid rgba(18,105,47,.18);
    box-shadow:0 24px 54px -34px rgba(3,40,22,.42);
  }
  .E2__art .art__img{ -webkit-clip-path:none; clip-path:none; }
  .E2__white, .E2__wedge{ display:none; }
  .E2__flow{ flex-wrap:wrap; gap:22px 0; }
  .E2__flow > li{ flex:0 0 33.33%; }
  .E2__flow .sep{ display:none; }
  .E2__bar{ flex-direction:column; align-items:flex-start; gap:16px; }
}

@media (min-width:901px) and (max-width:1180px){
  .E2 .colL{
    max-width:calc(51vw - max(var(--gut), (100vw - var(--wrap)) / 2) - 22px);
  }
  .E2__art .art__img,
  .E2__wedge{
    -webkit-clip-path:url(#e2-photo-clip-tablet);
            clip-path:url(#e2-photo-clip-tablet);
  }
}

/* ============================================================
   E3 — “Receber é apenas o começo”
   Geometria medida na página 3 do PDF (2230x1255):
   coluna 4,3%→41% · folha da foto 43,5%→100% (topo→62,6%)
   · card 40%→100% (62,6%→base)
   ============================================================ */
.E3{
  background:var(--bg);
  /* margem do slide igual à do PDF (4,3%) sem quebrar o container central */
  --pull: max(0px, (100vw - var(--wrap)) / 2 - 4.3vw);
}

/* ---- foto em recorte-folha ---- */
.E3__art{ left:43.5%; right:0; top:0; bottom:37.4%; }
.E3__art .art__img,
.E3__art .art__edge{
  border-radius:0;
  -webkit-clip-path:url(#e3-photo-clip);
          clip-path:url(#e3-photo-clip);
}
/* remedido no PDF: rosto a 49% da largura da folha e 38% da altura;
   cabeca ocupando 42% da altura da caixa -> foto desenhada a 162% */
.E3__art .art__img{ background-size:162% auto; --pos:94% 20%; }
.E3__art .art__edge{ background:var(--g-neon); transform:translateX(-3px); }

/* ---- rede de nós sobre a foto (vetorial no PDF, não está na imagem) ---- */
.E3__net{
  position:absolute; inset:0; pointer-events:none; z-index:3;
  -webkit-clip-path:url(#e3-photo-clip);
          clip-path:url(#e3-photo-clip);
}
.E3__net-l{ position:absolute; inset:0; width:100%; height:100%; }
.E3__node{
  --s:clamp(48px, 4.98vw, 104px);
  position:absolute; width:var(--s); height:var(--s);
  transform:translate(-50%,-50%);
  display:grid; place-items:center; border-radius:50%;
  border:1.5px solid rgba(107,222,99,.5);
  box-shadow:0 0 22px rgba(63,190,63,.18), inset 0 0 18px rgba(63,190,63,.10);
}
.E3__node .i{ font-size:calc(var(--s) * .42); color:rgba(255,255,255,.9); stroke-width:1.4; }
.E3__node--a{ left:24.3%; top:27.4%; }
.E3__node--b{ left:23.6%; top:53.4%; }
.E3__node--c{ left:86.7%; top:27.4%; }

/* ---- coluna de texto ---- */
.E3__col{
  margin-left:calc(-1 * var(--pull));
  max-width:calc(42.5vw - max(var(--gut), (100vw - var(--wrap)) / 2) + var(--pull));
}
.E3__rule2{ margin:clamp(20px,2.6vh,34px) 0 0; width:clamp(46px,3.63vw,76px); }
.E3 .lead--xl{ margin-top:clamp(22px,3vh,40px); color:var(--ink); }

/* ---- lista de perguntas ---- */
.E3__q{ margin-top:clamp(18px,2.4vh,32px); max-width:min(100%, 29vw); }
.E3__q > li{
  position:relative; display:flex; align-items:center;
  gap:clamp(14px,1.52vw,32px); padding:clamp(6px,.46vw,10px) 0;
}
.E3__q > li + li::before{
  content:""; position:absolute; top:0; right:0;
  left:calc(var(--s) + clamp(14px,1.52vw,32px));
  height:1px; background:#dfe9e5;
}
.E3__q .ficon{ --s:clamp(38px,2.78vw,58px); }
.E3__q p{ font-size:clamp(14px,1.02vw,22px); line-height:1.3; color:var(--ink); }

/* ---- card escuro ---- */
.E3__card{
  position:absolute; z-index:7;
  left:40%; right:0; top:62.6%; bottom:0;
  border-radius:28px 0 0 0;
  padding:clamp(22px,2.5vw,52px) 6.4% clamp(22px,2.6vw,54px) .5%;
  display:flex; flex-direction:column; justify-content:center;
  gap:clamp(20px,2.4vw,50px);
}
.E3__card-h{ display:grid; grid-template-columns:19.7% minmax(0,1fr); align-items:center; }
.E3__card-h .ficon{ --s:clamp(64px,6.14vw,128px); justify-self:center; }
.E3__card-h .ficon .i{ font-size:calc(var(--s) * .52); }
.E3__card-h h3{
  font-family:var(--ff-display); font-weight:600;
  font-size:clamp(19px,1.56vw,33px); line-height:1.5; color:#fff;
  border-left:1.5px solid rgba(107,222,99,.42);
  padding-left:clamp(18px,1.9vw,40px);
}
.E3__cols{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.E3__cols > div{ text-align:center; padding:0 clamp(8px,1vw,22px); }
.E3__cols > div + div{ border-left:1px solid rgba(255,255,255,.16); }
.E3__cols .i{ font-size:clamp(30px,2.7vw,56px); color:var(--g-neon); margin:0 auto; stroke-width:1.5; }
.E3__cols p{
  font-size:clamp(13px,1.20vw,25px); line-height:1.4;
  color:rgba(255,255,255,.88); margin-top:clamp(10px,1vw,20px);
}

@media (max-width:900px){
  .E3{ --pull:0px; }
  .E3 .wrap{ order:1; }
  .E3__col{ margin-left:0; max-width:none; }
  .E3__q{ max-width:none; }
  .E3__art{
    order:2; position:relative; inset:auto;
    width:min(var(--wrap), 100% - (var(--gut) * 2)); margin:30px auto 0;
    height:64vw; min-height:280px; border-radius:var(--r-lg); overflow:hidden;
  }
  .E3__art .art__img, .E3__art .art__edge, .E3__net{ clip-path:none; }
  .E3__art .art__img{ background-size:cover; --pos:72% 34%; }
  .E3__art .art__edge{ display:none; }
  .E3__node{ --s:clamp(40px,9vw,64px); }
  .E3__card{
    order:3; position:relative; inset:auto; margin-top:26px;
    border-radius:var(--r-lg); padding:26px 22px;
  }
  .E3__card-h{ grid-template-columns:auto minmax(0,1fr); gap:18px; }
  .E3__card-h .ficon{ --s:clamp(56px,11vw,84px); }
  .E3__cols{ grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:22px; }
  .E3__cols > div:nth-child(odd){ border-left:0; }
}

/* ============================================================
   E4 — Quem é a EuroPay
   ============================================================ */
.E4{
  background:
    radial-gradient(circle at 22% 16%,#fff 0%,transparent 36%),
    linear-gradient(155deg,#fafafa 0%,#f5f6f5 64%,#eef0ef 100%);
  align-items:flex-start;
  padding:clamp(70px,8vh,88px) 0 0;
  min-height:max(900px,100vh);
}
.E4 .colL{ max-width:674px !important; }
.E4 .eyebrow-row::before{ width:40px; }
.E4 .h1{
  font-size:clamp(34px,3.05vw,54px);
  line-height:1.16;
  letter-spacing:-.022em;
}
.E4 .colL > .rule{ margin:clamp(22px,2.8vh,28px) 0 clamp(22px,2.8vh,28px); width:72px; }
.E4 .colL > .p{
  font-size:clamp(16px,1.23vw,21px);
  line-height:1.52;
  max-width:52ch !important;
}
.E4__art{
  left:47%; right:0; top:0; bottom:0;
  z-index:2;
  --bl:0;
}
.E4__art .art__img,
.E4__art .art__edge{
  border-radius:0;
  -webkit-clip-path:url(#e4-photo-clip);
          clip-path:url(#e4-photo-clip);
}
.E4__art .art__img{
  --pos:75% center;
  z-index:2;
}
.E4__art .art__edge{
  z-index:1;
  background:linear-gradient(180deg,#11c5a8 0%,#2bc99b 58%,#19b888 100%);
  transform:translateX(-2px);
  filter:drop-shadow(-4px 0 11px rgba(4,94,69,.18));
}
.E4__tri{
  z-index:6;
  right:0; bottom:0; width:16%; height:27%;
  background:linear-gradient(135deg,#18caa8 0%,#08ac91 62%,#049b85 100%);
  clip-path:polygon(100% 0,100% 100%,0 100%);
  filter:drop-shadow(-2px -2px 0 rgba(222,255,246,.92));
}
.E4__stats{
  position:absolute; z-index:7;
  left:2.4%; right:23.2%; top:61.4%; bottom:9.7%;
  border-radius:22px;
  padding:clamp(28px,3.8vh,36px) clamp(20px,1.55vw,26px);
  display:grid; grid-template-columns:repeat(4,1fr);
  background:linear-gradient(140deg,#063a25 0%,#052d1d 46%,#021d13 100%);
  border:1px solid rgba(83,214,91,.16);
  box-shadow:0 10px 22px rgba(3,32,20,.16);
}
.E4__stat{ min-width:0; padding:0 clamp(18px,1.65vw,28px); }
.E4__stat:first-child{ padding-left:0; }
.E4__stat + .E4__stat{ border-left:1px solid rgba(255,255,255,.20); }
.E4__stat-h{ display:flex; align-items:center; gap:clamp(14px,1.35vw,22px); }
.E4__stat-h .ficon{ --s:clamp(58px,4.4vw,74px); }
.E4__stat .stat__n{ font-size:clamp(26px,2.18vw,37px); white-space:nowrap; }
.E4__stat .stat__n small{ font-size:.56em; font-weight:700; }
.E4__stat .stat__l{
  font-size:clamp(11px,.93vw,15.5px);
  line-height:1.28; letter-spacing:.035em; margin-top:6px;
  min-height:2.56em;
}
.E4__stat p{
  position:relative;
  font-size:clamp(12px,.98vw,16px); line-height:1.48;
  color:rgba(255,255,255,.84);
  margin-top:clamp(14px,1.6vh,18px);
  padding-top:clamp(15px,1.8vh,18px);
  border-top:0;
}
.E4__stat p::before{
  content:""; position:absolute; left:0; top:0;
  width:28px; height:2px; background:rgba(42,202,73,.72);
}
.E4__stat:first-child p{ margin-left:calc(clamp(58px,4.4vw,74px) + clamp(14px,1.35vw,22px)); }
.E4__foot{
  position:absolute; z-index:7; left:4.7%; bottom:2.8%;
  display:flex; align-items:center; gap:clamp(22px,2.4vw,40px);
}
.E4__foot .logo{ height:clamp(30px,2.45vw,40px); }
.E4__foot .vr{ background:rgba(18,105,47,.48); }
.E4__foot .tag{
  font-family:var(--ff-display); font-weight:600;
  font-size:clamp(10px,.88vw,14.5px);
  letter-spacing:.34em; text-transform:uppercase; color:#164b37;
}
.E4__foot .tag span{ color:var(--g-vivid); }
@media (max-width:900px){
  /* .E4 e .E13 definem align-items:flex-start para o desktop; no empilhamento
     mobile isso impede o stretch e colapsa a largura das artes para 0. */
  .slide.E4, .slide.E13{ align-items:stretch; }
}
@media (max-width:900px){
  .E4__art{ position:relative; inset:auto; left:auto; right:auto; height:54vw; min-height:260px;
            border-radius:var(--r-lg); overflow:hidden; margin-top:28px; --bl:var(--r-lg); }
  .E4__art .art__img,
  .E4__art .art__edge{ -webkit-clip-path:none; clip-path:none; border-radius:inherit; }
  .E4__art .art__img{ --pos:center; }
  .E4__art .art__edge{ display:none; }
  .E4__tri{ display:none; }
  .E4__stats{ position:relative; left:auto; right:auto; top:auto; bottom:auto; margin-top:26px;
              border-radius:var(--r-lg); grid-template-columns:repeat(2,1fr); row-gap:30px; }
  .E4__stat:nth-child(odd){ border-left:0; padding-left:0; }
  .E4__stat:first-child p{ margin-left:0; }
  .E4__foot{ position:relative; left:auto; bottom:auto; margin-top:26px; }
}

/* ============================================================
   E5 — Ecossistema
   ============================================================ */
.E5{
  background:
    radial-gradient(circle at 18% 17%,#fff 0%,transparent 35%),
    linear-gradient(155deg,#fafafa 0%,#f5f6f5 66%,#eff1ef 100%);
}
.E5 .colL{ max-width:520px !important; }
.E5 .logo{ height:clamp(34px,2.75vw,46px); }
.E5 .colL > .rule:first-of-type{ margin-bottom:45px !important; }
.E5 .h1{
  font-size:clamp(34px,2.70vw,48px);
  line-height:1.16;
  letter-spacing:-.025em;
}
.E5 .h1 + .rule{ width:66px; margin:28px 0 24px; }
.E5 .colL > .p{
  font-size:clamp(16px,1.22vw,21px);
  line-height:1.48;
}
.E5__visual{
  position:absolute;
  z-index:2;
  inset:0 0 0 auto;
  width:62.92%;
  height:100%;
  max-width:none;
  object-fit:cover;
  /* ancora na esquerda: o corte do cover recai no lado da foto,
     preservando a curva desenhada da borda esquerda */
  object-position:left center;
}
.E5__tri{
  z-index:3; left:0; bottom:0; width:10%; height:14.5%;
  background:linear-gradient(135deg,#087847 0%,#045b37 100%);
  clip-path:polygon(0 0,0 100%,100% 100%);
}
.E5__callout{
  width:min(100%,490px); min-height:164px;
  margin-top:38px;
  display:flex; gap:24px; align-items:center;
  padding:20px 24px;
  border:1.2px solid rgba(5,66,41,.60);
  border-radius:16px;
  background:rgba(255,255,255,.34);
}
.E5__callout > .i{
  font-size:78px !important; width:100px; height:82px;
  padding-right:24px; border-right:1px solid rgba(5,66,41,.34);
  color:#075d35 !important;
}
.E5__callout > div > p:first-child{
  font-size:clamp(15px,1.12vw,18.5px) !important;
  line-height:1.4 !important;
}
.E5__callout > div > .p{
  font-size:clamp(13px,.98vw,16.5px);
  line-height:1.45;
}
@media (max-width:900px){
  .E5 .wrap{ order:1; }
  .E5__tri{ display:none; }
  .E5__visual{
    position:relative; inset:auto; order:2;
    width:min(var(--wrap),100% - (var(--gut) * 2));
    height:auto; aspect-ratio:1052 / 941;
    object-fit:cover; border-radius:var(--r-lg);
    margin-top:28px;
  }
  .E5__callout{ width:100%; }
}

/* ============================================================
   E6 — Soluções
   ============================================================ */
.E6{
  background:
    radial-gradient(circle at 18% 16%,#fff 0%,transparent 36%),
    linear-gradient(150deg,#fafafa 0%,#f4f5f4 100%);
  align-items:flex-start;
  padding:clamp(64px,7vh,72px) 0 0;
}
.E6 .colL{ max-width:520px !important; }
.E6 .logo{ height:clamp(38px,2.85vw,48px); }
.E6 .eyebrow{
  margin-top:clamp(54px,6.9vh,66px);
  font-size:clamp(12px,.92vw,15px);
  letter-spacing:.18em;
}
.E6__title-rule{ width:32px; margin:12px 0 16px; }
.E6 .h1{
  font-size:clamp(34px,2.75vw,46px);
  line-height:1.16;
  letter-spacing:-.025em;
}
.E6__copy{
  margin-top:clamp(36px,4.3vh,43px);
  font-size:clamp(16px,1.18vw,20px);
  line-height:1.38;
}
.E6__photo{
  z-index:0; left:60%; right:0; top:0; bottom:0;
  -webkit-clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 11%);
          clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 11%);
}
.E6__photo .art__img{ --pos:center; filter:saturate(.9) brightness(.9); }
.E6__deco1{
  z-index:2; left:60%; top:0; width:7.4%; height:11.2%;
  background:linear-gradient(135deg,#18382e,#0a241a);
  clip-path:polygon(100% 0,88% 0,0 100%,12% 100%);
}
.E6__deco2{
  z-index:3; left:-28%; bottom:-73.4%; width:52%; height:92%;
  background:linear-gradient(145deg,#073a25 0%,#001f13 72%);
  border-radius:50% 50% 0 0;
}
.E6__deco3{
  z-index:4; left:-27.35%; bottom:-72%; width:52%; height:92%;
  border:1.5px solid rgba(19,190,154,.72);
  border-radius:50% 50% 0 0;
}
.E6__deco4{
  z-index:3; right:0; bottom:0; width:41.2%; height:14.2%;
  background-color:#063b27;
  background-image:
    radial-gradient(circle,rgba(26,155,104,.28) 0 2px,transparent 2.5px),
    linear-gradient(115deg,#082f22 0%,#00472d 100%);
  background-size:30px 30px,100% 100%;
  background-position:12px 12px,0 0;
  clip-path:polygon(15.5% 0,100% 0,100% 100%,0 100%);
}
.E6__rows{
  position:absolute; z-index:6;
  left:41.35%; right:0; top:10.55%; bottom:13.55%;
  display:grid; grid-template-rows:repeat(5,minmax(0,1fr)); gap:4px;
}
.E6__row{
  position:relative; isolation:isolate; overflow:hidden;
  display:flex; align-items:stretch;
  border:1px solid rgba(27,55,44,.16);
  border-right:0;
  border-radius:18px 0 0 18px;
  background:#fff;
  box-shadow:0 4px 12px rgba(0,0,0,.10);
}
.E6__row::before{
  content:""; position:absolute; z-index:0; inset:0;
  background-image:url("../../imagens/AP%20EUROPAY%20EC/06-colagem-servicos-financeiros.png");
  background-repeat:no-repeat;
  background-size:200% auto;
  filter:saturate(.95) contrast(1.02);
}
.E6__row::after{
  content:""; position:absolute; z-index:1; inset:0;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 49%,rgba(255,255,255,.88) 57%,rgba(255,255,255,.20) 74%,transparent 84%);
}
.E6__row:nth-child(1)::before{ background-position:left top; }
.E6__row:nth-child(2)::before{ background-position:right top; }
.E6__row:nth-child(3)::before{ background-position:left bottom; }
.E6__row:nth-child(4)::before{ background-position:left 78%; }
.E6__row:nth-child(5)::before{ background-position:right bottom; }
.E6__card{
  position:relative; z-index:2;
  display:flex; align-items:center; gap:clamp(20px,2vw,34px);
  width:62%; height:100%;
  padding:10px 10px 10px 12px;
  background:transparent;
}
.E6__card .ficon{
  --s:clamp(82px,6.75vw,112px);
  border-radius:16px;
  font-size:calc(var(--s) * .48);
}
.E6__card h4{
  font-family:var(--ff-display); font-weight:700;
  font-size:clamp(15px,1.25vw,20px); line-height:1.15; color:var(--ink);
}
.E6__card h4::after{
  content:""; display:block; width:28px; height:1.5px;
  margin:7px 0; background:var(--g-vivid);
}
.E6__card p{
  font-size:clamp(12px,.99vw,16.5px); line-height:1.32;
  color:var(--ink-2); margin:0;
}
.E6__foot{
  position:absolute; z-index:7; left:26.45%; bottom:4.25%;
  display:flex; align-items:center; gap:26px;
}
.E6__foot .ficon{ --s:52px; color:#13973f; }
.E6__foot .vr{ height:52px; background:rgba(18,105,47,.38); }
.E6__foot p{ font-size:clamp(13px,1.07vw,18px); line-height:1.3; color:var(--ink-2); }
@media (max-width:900px){
  .E6{ padding:72px 0; }
  .E6__photo, .E6__deco1, .E6__deco2, .E6__deco3, .E6__deco4{ display:none; }
  .E6__rows{
    order:2; position:relative; left:auto; right:auto; top:auto; bottom:auto;
    margin-top:34px; grid-template-rows:repeat(5,minmax(124px,auto)); gap:12px;
  }
  .E6__row{ border-right:1px solid rgba(27,55,44,.16); border-radius:18px; }
  .E6__row::after{ background:linear-gradient(90deg,rgba(255,255,255,.98) 0 74%,rgba(255,255,255,.72) 100%); }
  .E6__card{ width:100%; }
  .E6__card .ficon{ --s:76px; }
  .E6__foot{ order:3; position:relative; left:auto; bottom:auto; margin-top:26px; }
}

/* ============================================================
   Slides claros com diagrama (E7 a E12)
   ============================================================ */
.Ediag{ background:var(--bg); padding-bottom:clamp(72px,8vw,112px); }
.Ediag .wrap{ z-index:5; }
.figbox{ position:relative; width:100%; }
.Ediag .figure__img, .orbit > img{
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 3%, #000 97%, transparent 100%),
                     linear-gradient(180deg, transparent 0, #000 5%, #000 95%, transparent 100%);
  -webkit-mask-composite:source-in;
          mask-image:linear-gradient(90deg, transparent 0, #000 3%, #000 97%, transparent 100%),
                     linear-gradient(180deg, transparent 0, #000 5%, #000 95%, transparent 100%);
          mask-composite:intersect;
}
.figbox .figure__lbl b{
  font-family:var(--ff-display); font-weight:700; display:block;
  font-size:clamp(11px,1.02vw,14.5px); letter-spacing:.05em; text-transform:uppercase; color:var(--g-dark);
}
.figbox .figure__lbl p{ font-size:clamp(10.5px,.92vw,13px); line-height:1.4; color:var(--body); margin-top:5px; }
.chipnode{
  display:flex; align-items:center; gap:12px;
  padding:9px 15px; border-radius:14px; background:#fff;
  border:1px solid var(--line-soft);
  box-shadow:0 16px 36px -26px rgba(11,25,17,.5);
  white-space:nowrap;
}
.chipnode span{ font-size:clamp(11px,.98vw,13.5px); line-height:1.3; color:var(--ink-2); white-space:normal; }
.callout{
  display:flex; align-items:center; gap:clamp(16px,2vw,30px);
  padding:clamp(16px,2vw,26px) clamp(20px,2.6vw,34px);
  border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.7);
}
.callout h3{
  font-family:var(--ff-display); font-weight:700; line-height:1.2;
  font-size:clamp(17px,2vw,30px); color:var(--ink);
}
.callout h3 span{ color:var(--g-dark); }

/* E7 */
.E7{
  --e7-bg:#fefefd;
  background:var(--e7-bg);
  padding-top:clamp(84px,10vh,96px);
}
.E7 .dots-tr{ opacity:.55; }
.E7__layout{ align-items:flex-start; }
.E7__copy{ padding-top:8px; max-width:570px; }
.E7 .h1{
  margin-top:52px !important;
  font-size:clamp(46px,3.85vw,64px);
  line-height:1.08;
  letter-spacing:-.025em;
}
.E7__flow{
  position:relative;
  width:auto;
  aspect-ratio:1672 / 941;
  margin:0 0 0 -16%;
  overflow:visible;
  background:transparent;
}
.E7__flow .figure__img{
  width:100%; height:100%; max-width:none;
  object-fit:contain; object-position:center;
  mix-blend-mode:multiply;
  -webkit-mask-image:none;
          mask-image:none;
}
.E7__mini{
  display:flex; align-items:center; gap:0;
  width:min(100%,548px);
  margin-top:34px;
  padding:28px 20px 26px;
  border-color:#dedfdd;
  border-radius:18px;
  background:rgba(254,254,253,.72);
}
.E7__mini > div{ text-align:center; padding:0 clamp(14px,1.9vw,30px); flex:1; }
.E7__mini > div + div{ border-left:1px solid var(--line); }
.E7__mini .ficon{ --s:clamp(52px,4vw,64px); }
.E7__mini p{ font-size:clamp(13px,1.13vw,18px); line-height:1.2; color:var(--ink-2); margin-top:14px; }
.E7__mini p b{ color:var(--g-dark); display:block; }
@media (max-width:900px){
  .E7{ padding-top:72px; }
  .E7__copy{ padding-top:0; max-width:none; }
  .E7 .h1{ margin-top:34px !important; }
  .E7__flow{
    width:112%;
    max-width:760px;
    margin:34px -6% 0;
  }
  .E7__mini{ width:100%; }
}
@media (max-width:620px){
  .E7__flow{
    width:116%;
    margin-left:-8%;
    margin-right:-8%;
  }
  .E7__mini{ padding:22px 10px; }
  .E7__mini > div{ padding:0 8px; }
  .E7__mini .ficon{ --s:46px; }
  .E7__mini p{ font-size:12px; }
}

/* E8 */
.E8{
  --e8-bg:#fefefd;
  background:var(--e8-bg);
  padding-top:clamp(78px,9vh,92px);
}
.E8__layout{ align-items:flex-start; }
.E8__copy{ padding-top:12px; max-width:520px; }
.E8__visual{
  position:relative;
  width:auto;
  aspect-ratio:1672 / 941;
  margin:-18px 0 0 -13%;
  overflow:visible;
  background:transparent;
}
.E8__visual .figure__img{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:contain;
  object-position:center;
  mix-blend-mode:multiply;
  -webkit-mask-image:none;
          mask-image:none;
}
.E8__meta{
  position:absolute; z-index:6; right:0; top:16%; width:min(27%,320px);
  background:#fff; border:1px solid var(--line-soft); border-radius:18px; padding:6px 20px;
  box-shadow:0 26px 60px -42px rgba(11,25,17,.55);
}
.E8__meta > div{ display:flex; align-items:center; gap:14px; padding:15px 0; }
.E8__meta > div + div{ border-top:1px solid var(--line-soft); }
.E8__meta small{ display:block; font-size:12.5px; color:var(--muted); }
.E8__meta b{ font-family:var(--ff-display); font-weight:600; font-size:clamp(13px,1.15vw,16px); color:var(--ink); }
.E8__ur{
  position:absolute; z-index:6; left:50%; top:47%; transform:translate(-50%,-50%); text-align:center;
}
.E8__ur b{ font-family:var(--ff-display); font-weight:800; font-size:clamp(34px,4.4vw,68px);
           color:#fff; line-height:.9; letter-spacing:-.02em; display:block; }
.E8__ur i{ font-style:normal; font-family:var(--ff-display); font-weight:700;
           font-size:clamp(11px,1.15vw,17px); letter-spacing:.04em; color:var(--g-neon-2);
           text-transform:uppercase; display:block; margin-top:8px; line-height:1.15; }
.E8__cards{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(12px,1.6vw,24px); }

/* E9 — trilha de 6 etapas sobre a figura */
.E9{
  --e9-bg:#fefefd;
  background:var(--e9-bg);
  padding-top:clamp(78px,9vh,92px);
}
.E9__layout{ align-items:flex-start; }
.E9__copy{ padding-top:12px; max-width:510px; }
.E9__visual{
  position:relative;
  width:auto;
  aspect-ratio:1653 / 951;
  margin:-18px 0 0 -16%;
  overflow:visible;
  background:transparent;
}
.E9__visual .figure__img{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:contain;
  object-position:center;
  mix-blend-mode:multiply;
  -webkit-mask-image:none;
          mask-image:none;
}
.E9__visual picture{ display:block; width:100%; height:100%; }
.E9__fig{ position:relative; padding-bottom:6%; }
.E9__num{ position:absolute; top:24%; transform:translate(-50%,-50%); z-index:3; }
.E9__lab{ position:absolute; top:72%; transform:translateX(-50%); width:14%; text-align:center; z-index:3; }
.E9__lab h5{
  font-family:var(--ff-display); font-weight:700; font-size:clamp(9.5px,.95vw,14px);
  letter-spacing:.05em; text-transform:uppercase; color:var(--g-dark); line-height:1.15;
}
.E9__lab p{ font-size:clamp(8.5px,.82vw,12px); line-height:1.38; color:var(--body); margin-top:6px; }
.E9__lab::before{
  content:""; position:absolute; left:50%; top:-14%; width:1px; height:12%;
  background:repeating-linear-gradient(180deg, rgba(18,105,47,.5) 0 4px, transparent 4px 8px);
}

/* E10 / E11 — nós orbitando a figura central */
.E10{
  --e10-bg:#fefefd;
  background:var(--e10-bg);
  padding-top:clamp(78px,9vh,92px);
}
.E10__layout{ align-items:flex-start; }
.E10__copy{ padding-top:12px; max-width:520px; }
.E10__visual{
  position:relative;
  width:auto;
  aspect-ratio:3 / 2;
  margin:-18px 0 0 -13%;
  overflow:visible;
  background:transparent;
}
.E10__visual .figure__img{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:contain;
  object-position:center;
  mix-blend-mode:multiply;
  -webkit-mask-image:none;
          mask-image:none;
}
.orbit{
  display:grid; grid-template-columns:.82fr minmax(0,1.9fr) .82fr;
  align-items:center; gap:clamp(6px,1.2vw,20px);
}
.orbit--wide{ grid-template-columns:.9fr minmax(0,1.5fr) .9fr; }
.orbit > img{ width:100%; height:auto; }
.orbit__side{ display:flex; flex-direction:column; gap:clamp(22px,3.6vw,52px); }
.orbit__side--l{ text-align:right; align-items:flex-end; }
.orbit__side--r{ text-align:left; align-items:flex-start; }
.orbit__n{ position:relative; max-width:220px; }
.orbit__n b{
  font-family:var(--ff-display); font-weight:700; display:block;
  font-size:clamp(11px,1.02vw,15px); letter-spacing:.06em; text-transform:uppercase; color:var(--g-dark);
}
.orbit__n p{ font-size:clamp(10px,.9vw,13px); line-height:1.45; color:var(--body); margin-top:6px; }
.orbit__side--l .chipnode{ justify-content:flex-end; text-align:right; }
.orbit__side .chipnode{ max-width:240px; }

/* E11 — marca d'água de escudo */
.E11{
  --e11-bg:#fefefd;
  background:var(--e11-bg);
  padding-top:clamp(78px,9vh,92px);
}
.E11__layout{ align-items:flex-start; }
.E11__copy{ padding-top:12px; max-width:520px; }
.E11__visual{
  position:relative;
  width:auto;
  aspect-ratio:1672 / 941;
  margin:-18px 0 0 -14%;
  overflow:visible;
  background:transparent;
}
.E11__visual .figure__img{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:contain;
  object-position:center;
  mix-blend-mode:multiply;
  -webkit-mask-image:none;
          mask-image:none;
}
.E11__ghost{
  left:2%; top:44%; width:26%; height:auto; aspect-ratio:1;
  stroke:rgba(18,105,47,.055); fill:none; stroke-width:.6; pointer-events:none;
}

/* E12 */
.E12__art{
  left:46%; right:0; top:0; height:62%;
  border-radius:0 0 0 26%;
  overflow:hidden;
}
.E12__art .art__img{ --pos:center; }
.E12__art::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, var(--bg) 0%, rgba(244,244,244,.6) 16%, transparent 44%);
}
.E12__head{ padding-top:clamp(20px,4vw,60px); position:relative; z-index:6; }
.E12__head::after{
  content:""; position:absolute; left:100%; top:34px; width:32%; height:1px;
  background:repeating-linear-gradient(90deg, rgba(18,105,47,.55) 0 6px, transparent 6px 12px);
}
.E12__bottom{
  display:grid; grid-template-columns:1.55fr .8fr; gap:clamp(16px,2.4vw,34px);
  align-items:stretch; margin-top:clamp(28px,4vw,60px); position:relative; z-index:6;
}
@media (max-width:900px){
  .E12__art{ position:relative; inset:auto; left:auto; right:auto; height:52vw;
             border-radius:var(--r-lg); margin-top:26px; }
  .E12__art::after{ display:none; }
  .E12__head::after{ display:none; }
  .E12__bottom{ grid-template-columns:1fr; }
  .E11__ghost{ display:none; }
  .orbit, .orbit--wide{ grid-template-columns:1fr; gap:20px; }
  .orbit__side--l{ text-align:left; align-items:flex-start; }
  .orbit__side--l .chipnode{ justify-content:flex-start; text-align:left; }
  .orbit__n{ max-width:none; }
  .E9__num{ display:none; }
  .E9__lab{ position:static; width:100%; transform:none; text-align:left; margin-top:14px; }
  .E9__lab::before{ display:none; }
  .E9__fig{ display:flex; flex-direction:column; }
  .E9__fig > img{ order:-1; }
}

/* E12 */
.E12__panel{ display:grid; grid-template-columns:repeat(5,1fr);
  background:rgba(255,255,255,.86); border:1px solid var(--line-soft); border-radius:22px;
  padding:26px clamp(16px,2vw,30px); box-shadow:0 30px 70px -50px rgba(11,25,17,.5); }
.E12__panel > div{ text-align:center; padding:0 clamp(8px,1.2vw,18px); }
.E12__panel > div + div{ border-left:1px solid var(--line); }
.E12__panel h5{ font-family:var(--ff-display); font-weight:700; font-size:clamp(10.5px,.95vw,13.5px);
                letter-spacing:.05em; text-transform:uppercase; color:var(--g-dark); margin-top:12px; }
.E12__panel p{ font-size:clamp(10px,.88vw,12.5px); line-height:1.42; color:var(--body); margin-top:8px; }
.E12__cta{ padding:clamp(22px,2.6vw,34px); border-radius:22px; }
.E12__cta h3{ font-family:var(--ff-display); font-weight:700; line-height:1.2;
              font-size:clamp(16px,1.8vw,26px); color:#fff; }
.E12__cta h3 span{ color:var(--g-neon); }
.E12__cta p{ font-size:clamp(12px,1.05vw,15px); line-height:1.55; color:rgba(255,255,255,.82); margin-top:18px; }

/* ============================================================
   E13 — Fechamento
   ============================================================ */
.E13{
  background:var(--bg);
  align-items:flex-start;
  padding-top:clamp(54px,6.2vh,64px);
}
.E13 .wrap{ width:min(1540px,100% - (var(--gut) * 2)); }
.E13 .colL{ max-width:720px !important; }
.E13 .h1{
  margin-top:clamp(108px,13.5vh,132px) !important;
  font-size:clamp(42px,3.15vw,56px);
  line-height:1.13;
  letter-spacing:-.025em;
}
.E13 .colL > .rule{ width:62px; margin:36px 0 30px; }
.E13 .colL > .p{ font-size:clamp(16px,1.35vw,22px); line-height:1.48; }
.E13__dark{
  left:52%; right:0; top:0; bottom:0;
  background:linear-gradient(150deg,#0a1c12 0%, #03120a 50%, #010805 100%);
  border-radius:50% 0 0 0 / 32% 0 0 0;
}
.E13__art{
  left:52%; right:0; top:0; bottom:0;
  --bl:50% 0 0 0 / 32% 0 0 0;
}
.E13__art .art__img{
  --pos:47% center;
  background-size:auto 106%;
}
.E13__edge{
  left:52%; right:0; top:0; bottom:0;
  border-top:1.5px solid rgba(63,190,63,.5); border-left:1.5px solid rgba(63,190,63,.5);
  border-radius:50% 0 0 0 / 32% 0 0 0; transform:translate(-2px,-2px);
}
.E13__card{
  position:absolute; z-index:7; right:clamp(48px,7.4vw,126px); bottom:7.6%;
  width:min(31%,505px); background:rgba(255,255,255,.95); border-radius:24px; padding:12px 30px 12px 64px;
  box-shadow:0 40px 90px -50px rgba(0,0,0,.6);
}
.E13__card::before{
  content:"";
  position:absolute;
  left:31px;
  top:28px;
  bottom:24px;
  width:1px;
  background:rgba(0,145,71,.72);
}
.E13__card > div{ display:flex; align-items:center; gap:18px; padding:14px 0; min-height:59px; }
.E13__card > div + div{ border-top:1px solid var(--line-soft); }
.E13__card a{ display:inline-flex; align-items:center; min-height:44px; }
.E13__card b{ font-size:clamp(13px,1.15vw,16px); color:var(--ink-2); font-weight:500; }
.E13__logo{ position:absolute; z-index:6; left:clamp(54px,4vw,70px); bottom:7.6%; }
.E13__wave{ left:0; bottom:0; width:53%; height:17%; opacity:.52; }
.E13__wave svg{ width:100%; height:100%; }
.E13__wave path{ fill:none; stroke:rgba(18,105,47,.34); stroke-width:1.05; }
@media (max-width:900px){
  .E13{ padding-top:72px; }
  .E13 .h1{ margin-top:34px !important; }
  .E13__dark, .E13__edge, .E13__wave{ display:none; }
  .E13__art{ position:relative; inset:auto; left:auto; right:auto; height:56vw; min-height:250px;
             border-radius:var(--r-lg); overflow:hidden; margin-top:28px; --bl:var(--r-lg); }
  .E13__art .art__img{ background-size:cover; --pos:64% center; }
  .E13__card{ position:relative; right:auto; bottom:auto; width:100%; margin-top:24px; }
  .E13__card::before{ left:28px; }
  .E13__logo{ position:relative; left:auto; bottom:auto; margin-top:28px; }
}

/* ============================================================
   Responsivo comum
   ============================================================ */
@media (max-width:1100px){
  .E9__steps, .E9__nums{ grid-template-columns:repeat(3,1fr); row-gap:24px; }
  .E8__cards{ grid-template-columns:repeat(2,1fr); }
  .E12__panel{ grid-template-columns:repeat(3,1fr); row-gap:24px; }
  .E12__panel > div:nth-child(3n+1){ border-left:0; }
}
@media (max-width:900px){
  .Ediag{ padding-bottom:72px; }
  .E8{ padding-top:72px; }
  .E8__copy{ padding-top:0; max-width:none; }
  .E8__visual{
    width:112%;
    max-width:900px;
    margin:20px -6% 0;
  }
  .E9{ padding-top:72px; }
  .E9__copy{ padding-top:0; max-width:none; }
  .E9__visual{
    width:100%;
    max-width:560px;
    aspect-ratio:864 / 1821;
    margin:28px auto 0;
  }
  .E10{ padding-top:72px; }
  .E10__copy{ padding-top:0; max-width:none; }
  .E10__visual{
    width:112%;
    max-width:900px;
    margin:24px -6% 0;
  }
  .E11{ padding-top:72px; }
  .E11__copy{ padding-top:0; max-width:none; }
  .E11__visual{
    width:112%;
    max-width:900px;
    margin:24px -6% 0;
  }
  .nodegrid .n{ position:relative; width:100%; left:auto !important; right:auto !important;
                top:auto !important; bottom:auto !important; transform:none !important; margin-top:14px; }
  .E8__meta{ position:relative; right:auto; top:auto; width:100%; margin-top:20px; }
  .E9__steps, .E9__nums{ grid-template-columns:repeat(2,1fr); }
  .E12__panel{ grid-template-columns:repeat(2,1fr); }
  .E12__panel > div:nth-child(odd){ border-left:0; }
  .E7__mini{ flex-wrap:wrap; row-gap:18px; }
  .E7__mini > div{ flex:0 0 50%; border-left:0; }
}
@media (max-width:620px){
  .E8__visual{
    width:118%;
    margin-left:-9%;
    margin-right:-9%;
  }
  .E9__visual{
    width:100%;
    margin-left:auto;
    margin-right:auto;
  }
  .E10__visual{
    width:118%;
    margin-left:-9%;
    margin-right:-9%;
  }
  .E11__visual{
    width:118%;
    margin-left:-9%;
    margin-right:-9%;
  }
}

/* ============================================================
   Navegação EC — fixa, minimalista e responsiva
   ============================================================ */
.sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
.topbar--ec{
  min-height:68px;
  padding:9px clamp(20px,3vw,48px);
  gap:18px;
  background:rgba(2,16,9,.34);
  border-bottom-color:rgba(255,255,255,.08);
  box-shadow:none;
}
.topbar--ec.is-scrolled{
  background:rgba(250,250,249,.92);
  border-bottom-color:rgba(5,35,20,.09);
  box-shadow:0 12px 34px -28px rgba(4,28,16,.48);
}
.topbar__brand{ display:flex; align-items:center; flex:none; }
.topbar--ec .topbar__logo{
  height:clamp(36px,2.8vw,46px);
  width:auto;
  filter:drop-shadow(0 4px 14px rgba(0,0,0,.14));
}
.topbar__menu{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:2px;
}
.topbar__menu-link{
  position:relative;
  padding:8px 7px;
  border-radius:999px;
  color:rgba(255,255,255,.82);
  font-family:var(--ff-display);
  font-size:10px;
  font-weight:600;
  line-height:1;
  letter-spacing:.055em;
  text-transform:uppercase;
  white-space:nowrap;
  transition:color .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease);
}
.topbar__menu-link:hover,
.topbar__menu-link:focus-visible{
  color:#fff;
  background:rgba(255,255,255,.12);
  outline:none;
}
.topbar__menu-link.is-active{ color:#fff; background:rgba(0,166,46,.3); }
.topbar__menu-page{
  margin-left:7px;
  padding-inline:13px;
  color:#fff;
  background:var(--g-dark);
  border:1px solid rgba(106,222,99,.48);
}
.topbar--ec.is-scrolled .topbar__menu-link{ color:#52605a; }
.topbar--ec.is-scrolled .topbar__menu-link:hover,
.topbar--ec.is-scrolled .topbar__menu-link:focus-visible{
  color:var(--g-dark);
  background:rgba(18,105,47,.08);
}
.topbar--ec.is-scrolled .topbar__menu-link.is-active{
  color:var(--g-dark);
  background:rgba(18,105,47,.11);
}
.topbar--ec.is-scrolled .topbar__menu-page,
.topbar--ec.is-scrolled .topbar__menu-page:hover,
.topbar--ec.is-scrolled .topbar__menu-page:focus-visible{
  color:#fff;
  background:var(--g-dark);
}
.topbar__toggle{
  display:none;
  width:44px;
  height:44px;
  margin-left:auto;
  padding:11px 9px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.1);
  cursor:pointer;
}
.topbar__toggle > span:not(.sr-only){
  display:block;
  width:22px;
  height:1.5px;
  margin:4px auto;
  border-radius:2px;
  background:#fff;
  transition:transform .25s var(--ease),opacity .2s var(--ease);
}
.topbar--ec.is-scrolled .topbar__toggle{ background:rgba(18,105,47,.08); }
.topbar--ec.is-scrolled .topbar__toggle > span:not(.sr-only){ background:var(--g-dark); }
.topbar--ec.is-open .topbar__toggle > span:nth-child(1){ transform:translateY(5.5px) rotate(45deg); }
.topbar--ec.is-open .topbar__toggle > span:nth-child(2){ opacity:0; }
.topbar--ec.is-open .topbar__toggle > span:nth-child(3){ transform:translateY(-5.5px) rotate(-45deg); }
.slide{ scroll-margin-top:68px; }

/* Transição curta entre sessões: separa sem criar um novo rodapé visual. */
.slide:not(.E1)::before{
  content:"";
  position:absolute;
  z-index:24;
  top:0;
  left:clamp(20px,4vw,72px);
  right:clamp(20px,4vw,72px);
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(18,105,47,.18) 18%,rgba(18,105,47,.18) 82%,transparent);
  box-shadow:0 8px 24px rgba(4,45,24,.08);
}

/* ============================================================
   Auditoria tipográfica EC — escala e alinhamento consistentes
   ============================================================ */
:root{
  --ec-section-title:clamp(34px,2.88vw,48px);
  --ec-section-copy:clamp(16px,1.1vw,19px);
}
.E2 .h1,.E3 .h1,.E4 .h1,.E5 .h1,.E6 .h1,
.E7 .h1,.E8 .h1,.E9 .h1,.E10 .h1,.E11 .h1,.E12 .h1,.E13 .h1{
  font-family:var(--ff-display);
  font-size:var(--ec-section-title);
  line-height:1.12;
  letter-spacing:-.022em;
}
.slide:not(.E1) .eyebrow{
  font-family:var(--ff-display);
  font-size:clamp(11px,.74vw,12px);
  font-weight:700;
  line-height:1.25;
  letter-spacing:.18em;
}
.slide:not(.E1) .eyebrow-row::before{ width:42px; }
.E4 .h1,.E7 .h1,.E8 .h1,.E9 .h1,.E10 .h1,.E11 .h1,.E12 .h1{
  margin-top:32px !important;
}
.E2 .E2__p,.E3 .E3__col > .p,.E4 .colL > .p,.E5 .colL > .p,.E6 .E6__copy,
.E7__copy > .lead,.E8__copy > .lead,.E8__copy > .p,.E9__copy > .p,
.E10__copy > .p,.E11__copy > .p,.E12 .grid2 > div:first-child > .p,.E13 .colL > .p{
  font-family:var(--ff-text);
  font-size:var(--ec-section-copy);
  line-height:1.55;
  text-align:left;
  max-width:49ch;
}

@media (max-width:1380px){
  .topbar--ec{ background:rgba(250,250,249,.95); border-bottom-color:rgba(5,35,20,.09); }
  .topbar--ec .topbar__toggle{ display:block; }
  .topbar--ec .topbar__toggle > span:not(.sr-only){ background:var(--g-dark); }
  .topbar--ec .topbar__menu{
    position:absolute;
    top:calc(100% + 8px);
    left:clamp(20px,3vw,48px);
    right:clamp(20px,3vw,48px);
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
    padding:14px;
    border:1px solid rgba(18,105,47,.12);
    border-radius:18px;
    background:#fff;
    box-shadow:0 22px 55px -28px rgba(4,28,16,.46);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-8px);
    transition:opacity .24s var(--ease),transform .24s var(--ease),visibility .24s;
  }
  .topbar--ec.is-open .topbar__menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  .topbar--ec .topbar__menu-link{
    color:#52605a;
    padding:14px 12px;
    border-radius:10px;
    font-size:11px;
  }
  .topbar--ec .topbar__menu-link:hover,
  .topbar--ec .topbar__menu-link:focus-visible,
  .topbar--ec .topbar__menu-link.is-active{
    color:var(--g-dark);
    background:rgba(18,105,47,.08);
  }
  .topbar--ec .topbar__menu-page,
  .topbar--ec .topbar__menu-page:hover,
  .topbar--ec .topbar__menu-page:focus-visible{
    margin-left:0;
    color:#fff;
    background:var(--g-dark);
  }
}
@media (max-width:900px){
  .topbar--ec{ min-height:64px; padding-block:8px; }
  .topbar--ec .topbar__logo{ height:38px; }
  .slide{ scroll-margin-top:64px; }
  .E7__flow,.E8__visual,.E10__visual,.E11__visual{
    width:100%;
    max-width:760px;
    margin-left:auto;
    margin-right:auto;
  }
  .E5__visual{
    aspect-ratio:1672 / 941;
    object-fit:contain;
    background:#fefefd;
  }
}
@media (max-width:620px){
  /* o icone consome a largura da celula e empurra o numero para fora: empilha */
  .E4__stat-h{ flex-direction:column; align-items:flex-start; gap:12px; }
}
@media (max-width:620px){
  :root{ --ec-section-title:clamp(32px,10vw,40px); --ec-section-copy:16px; }
  .topbar--ec .topbar__menu{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-height:calc(100vh - 86px);
    overflow-y:auto;
  }
  .topbar--ec .topbar__menu-link{ font-size:10.5px; }
  .E7__flow,.E8__visual,.E10__visual,.E11__visual{ width:100%; }
}

/* ============================================================
   Otimização mobile final — EuroPay EC
   Regras isoladas: o desktop permanece inalterado.
   ============================================================ */
@media (max-width:900px){
  .E1{
    min-height:100svh;
    padding:clamp(88px,14vw,112px) 0 54px;
  }
  .E1 .wrap{ width:min(720px,calc(100% - (var(--gut) * 2))); }
  .E1 .logo--xl{ height:clamp(70px,17vw,96px); max-width:72vw; }
  .E1 .h1{ max-width:15ch; line-height:1.08; }
  .E1 .lead--xl{ max-width:34ch; line-height:1.48; }
  .E1 .lead--xl br{ display:none; }
  .E1__chips{ width:100%; max-width:520px; }
  .E1__sign{ width:calc(100% - (var(--gut) * 2)); margin-inline:auto; }

  .E2,.E3,.E4,.E5,.E6,.Ediag,.E13{ padding-top:64px; padding-bottom:64px; }
  .E2__art,.E3__art,.E4__art,.E12__art,.E13__art{
    width:min(720px,calc(100% - (var(--gut) * 2)));
    margin-left:auto;
    margin-right:auto;
  }
  .E2__art,.E3__art,.E4__art,.E13__art{
    height:auto;
    min-height:0;
    aspect-ratio:4 / 3;
  }
  .E2__p br,.E4 .colL > .p br,.E5 .colL > .p br,.E6__copy br,
  .E8__copy > .p br,.E9__copy > .p br,.E10__copy > .p br,
  .E11__copy > .p br,.E12 .grid2 > div:first-child > .p br,.E13 .colL > .p br{
    display:none;
  }
  .E2__bar{ padding:22px; }
  .E2__bar p{ font-size:17px; }
  .E3__q li{ min-height:58px; }
  .E3__q p{ font-size:16px; }
  .E3__card{ width:min(720px,calc(100% - (var(--gut) * 2))); margin-inline:auto; }
  .E3__card-h h3{ font-size:clamp(18px,4.8vw,24px); }
  .E3__cols p{ font-size:14px; }

  .E4 .wrap{ order:1; }
  .E4__art{ order:2; }
  .E4__stats{ order:3; width:min(720px,calc(100% - (var(--gut) * 2))); margin-inline:auto; }
  .E4__foot{ order:4; width:min(720px,calc(100% - (var(--gut) * 2))); margin-inline:auto; }
  .E4__foot .tag{ line-height:1.5; }

  .E5__visual{
    width:min(720px,calc(100% - (var(--gut) * 2)));
    aspect-ratio:1052 / 941;
    object-fit:contain;
    object-position:center;
  }
  .E5__callout{ min-height:0; padding:20px; }
  .E5__callout > .i{ width:74px; height:64px; font-size:58px !important; padding-right:18px; }

  .E6__rows,.E6__foot{ width:min(720px,calc(100% - (var(--gut) * 2))); margin-inline:auto; }
  .E6__foot{ padding:18px; border:1px solid var(--line-soft); border-radius:18px; }

  .Ediag .grid2{ gap:30px; }
  .Ediag .figure picture{ display:block; width:100%; height:100%; }
  .Ediag .figure picture .figure__img{ width:100%; height:100%; object-fit:contain; }
  .E7__flow,.E8__visual,.E10__visual,.E11__visual{ overflow:hidden; }

  .E12 .wrap{ order:1; }
  .E12__art{
    order:2;
    width:min(720px,calc(100% - (var(--gut) * 2)));
    height:auto;
    aspect-ratio:4 / 3;
  }
  .E12__head{ padding-top:0; }
  .E12__cta{ padding:24px; }

  .E13 .wrap{ order:1; }
  .E13__art{ order:2; }
  .E13__card{ order:3; width:min(720px,calc(100% - (var(--gut) * 2))); margin-inline:auto; }
  .E13__logo{ order:4; width:min(720px,calc(100% - (var(--gut) * 2))); margin-inline:auto; }
}

@media (max-width:620px){
  .E1{ padding-top:84px; }
  .E1 .h1{ font-size:clamp(34px,10.5vw,44px); }
  .E1 .rule--neon{ margin-top:34px !important; }
  .E1__chips{ gap:14px 0; }
  .E1__chips > li{ gap:10px; padding-right:8px; }
  .E1__chips .i{ font-size:26px; }
  .E1__chips span{ font-size:13px; }
  .E1__sign{ margin-top:30px; padding-left:18px; }
  .E1__sign p{ font-size:10px; letter-spacing:.16em; line-height:1.5; }

  .E2,.E3,.E4,.E5,.E6,.Ediag,.E13{ padding-top:54px; padding-bottom:54px; }
  .E2__logo{ height:48px; }
  .E2 .h1,.E3 .h1,.E4 .h1,.E5 .h1,.E6 .h1,
  .E7 .h1,.E8 .h1,.E9 .h1,.E10 .h1,.E11 .h1,.E12 .h1,.E13 .h1{
    font-size:clamp(32px,9.7vw,40px);
    line-height:1.1;
  }
  .E2__flow{ gap:14px; }
  .E2__flow > li{
    flex:0 0 calc(50% - 7px);
    padding:16px 8px;
    border:1px solid var(--line-soft);
    border-radius:16px;
    background:rgba(255,255,255,.72);
  }
  .E2__flow .i{ font-size:42px; }
  .E2__flow p{ margin-top:9px; font-size:13px; }
  .E2__bar{ align-items:center; text-align:center; }
  .E2__bar p br{ display:none; }

  .E3__art{ aspect-ratio:1 / 1; }
  .E3__net{ display:none; }
  .E3__q .ficon{ --s:44px; }
  .E3__q p{ font-size:15px; }
  .E3__card{ padding:24px 18px; }
  .E3__card-h{ grid-template-columns:1fr; text-align:center; }
  .E3__card-h h3{ border-left:0; border-top:1px solid rgba(107,222,99,.35); padding:16px 0 0; }
  .E3__cols{ grid-template-columns:1fr; row-gap:0; }
  .E3__cols > div{ padding:18px 0; }
  .E3__cols > div + div{ border-left:0; border-top:1px solid rgba(255,255,255,.14); }

  .E4__art{ aspect-ratio:1 / 1; }
  .E4__stats{ grid-template-columns:1fr; row-gap:0; padding:24px 20px; }
  .E4__stat,.E4__stat:nth-child(odd){ padding:22px 0; border-left:0; }
  .E4__stat + .E4__stat{ border-left:0; border-top:1px solid rgba(255,255,255,.16); }
  .E4__stat-h{ flex-direction:row; align-items:center; }
  .E4__foot{ align-items:flex-start; gap:16px; }
  .E4__foot .vr{ height:54px !important; }
  .E4__foot .tag{ font-size:10px; letter-spacing:.18em; }

  .E5__callout{ align-items:flex-start; gap:16px; }
  .E5__callout > .i{ width:54px; height:52px; font-size:42px !important; padding-right:12px; }
  .E5__visual{ border-radius:18px; }

  .E6 .eyebrow{ margin-top:34px; }
  .E6__copy{ margin-top:26px; }
  .E6__rows{ grid-template-rows:none; }
  .E6__row{ min-height:116px; }
  .E6__row::before{ background-size:250% auto; }
  .E6__card{ gap:14px; padding:14px; }
  .E6__card .ficon{ --s:60px; flex:none; }
  .E6__card h4{ font-size:16px; }
  .E6__card p{ font-size:13.5px; }
  .E6__foot{ align-items:flex-start; gap:14px; }
  .E6__foot .ficon{ --s:44px; flex:none; }
  .E6__foot .vr{ display:none; }

  .Ediag .eyebrow-row{ gap:12px; }
  .Ediag .eyebrow-row::before{ width:30px; }
  .E7__mini{ display:grid; grid-template-columns:1fr; padding:8px 18px; }
  .E7__mini > div{ display:flex; align-items:center; gap:16px; text-align:left; padding:16px 0; }
  .E7__mini > div + div{ border-left:0; border-top:1px solid var(--line); }
  .E7__mini .ficon{ --s:48px; margin:0 !important; flex:none; }
  .E7__mini p{ margin-top:0; font-size:14px; }
  .E7__flow,.E8__visual,.E10__visual,.E11__visual{
    width:100%;
    max-width:430px;
    aspect-ratio:2 / 3;
    margin:22px auto 0;
  }
  .E9__visual{
    width:100%;
    max-width:430px;
    aspect-ratio:864 / 1821;
    margin:22px auto 0;
  }

  .E12__art{ aspect-ratio:1 / 1; }
  .E12__bottom{ gap:18px; margin-top:28px; }
  .E12__panel{ grid-template-columns:1fr; padding:8px 20px; }
  .E12__panel > div{ display:grid; grid-template-columns:58px minmax(0,1fr); text-align:left; gap:4px 16px; padding:18px 0; }
  .E12__panel > div + div{ border-left:0; border-top:1px solid var(--line); }
  .E12__panel .ficon{ grid-row:1 / 3; margin:0 !important; --s:52px; }
  .E12__panel h5{ margin-top:2px; font-size:13px; }
  .E12__panel p{ margin-top:2px; font-size:13px; }
  .E12__cta .frow{ align-items:flex-start; }

  .E13__art{ aspect-ratio:1 / 1; }
  .E13__card{ padding:12px 18px 12px 48px; }
  .E13__card::before{ left:24px; }
  .E13__card > div{ gap:12px; }
  .E13__card b{ min-width:0; overflow-wrap:anywhere; }
  .E13__logo{ max-width:220px; }
}

/* Arte do ecossistema reordenada para leitura confortável no celular. */
@media (max-width:620px){
  .E5__visual{
    content:url("../../imagens/AP%20EUROPAY%20EC/05-ecossistema-mobile-v2.png");
    width:min(100% - 24px,460px);
    height:auto;
    aspect-ratio:4 / 5;
    margin:28px auto 0;
    object-fit:cover;
    object-position:center;
    border-radius:22px;
    background:#03110b;
    box-shadow:0 22px 48px -34px rgba(1,25,13,.72);
  }
}