/* Tecela AI · versão em inglês (/en): componentes que só ela usa. Carregado pelo build nas páginas de src/pages/en/.
   A identidade é a mesma do site (tokens de site.css); aqui só entram blocos novos: números de mercado, escada de oferta,
   lista de sinais, tabela de fuso, documentos, blocos de serviço e a grade de trabalhos sem links para páginas em português. */

/* Números de mercado e prova */
.en-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.en-stat {display:flex;flex-direction:column;gap:12px;padding:30px 26px 24px;border:1px solid var(--border);border-radius:14px;background:var(--bg-2)}
.en-stat-n {font-size:clamp(44px,5vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--fg)}
.en-stat-n span {color:var(--accent)}
.en-stat p {margin:0;color:var(--fg-2);font-size:15px}
.en-stat cite {margin-top:auto;padding-top:10px;font:600 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-style:normal}
.en-lede {max-width:62ch;margin:36px 0 0;font-size:20px;line-height:1.5;letter-spacing:-.02em;color:var(--fg)}
.en-proof {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 56px;padding:0;list-style:none}
.en-proof li {margin:0;padding:20px 4px 0;border-top:2px solid var(--accent)}
.en-proof b {display:block;font-size:clamp(30px,3.4vw,44px);font-weight:500;letter-spacing:-.045em;line-height:1.05;margin-bottom:8px}
.en-proof span {display:block;font-size:14px;line-height:1.5;color:var(--fg-2)}

/* Dois caminhos da home e escada da oferta */
.en-paths {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.en-path {display:flex;flex-direction:column;padding:32px 30px 28px;border:1px solid var(--border);border-radius:14px;background:var(--bg-2);color:var(--fg);transition:border-color .2s,translate .2s}
.en-path:hover {text-decoration:none;border-color:color-mix(in srgb,var(--accent) 45%,var(--border));translate:0 -2px}
.en-path .en-k {font:600 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.en-path h3 {font-size:clamp(24px,2.4vw,30px);margin-bottom:12px}
.en-path p {color:var(--fg-2);font-size:15.5px}
.en-path .proof-link {margin-top:auto;padding-top:14px;color:var(--accent)}
.en-ladder {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.en-rung {display:flex;flex-direction:column;padding:30px 26px 28px;border:1px solid var(--border);border-radius:14px;background:var(--bg-2)}
.en-rung .en-k {font:600 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.en-rung h3 {font-size:clamp(23px,2.2vw,28px);margin-bottom:8px}
.en-rung .en-meta {margin:0 0 18px;font-size:14px;color:var(--muted)}
.en-rung .en-fit {margin:auto 0 0;padding-top:20px;border-top:1px solid var(--border);font-size:14px;color:var(--fg-2)}
.en-rung .en-fit b {color:var(--fg)}
.en-dots {list-style:none;margin:0 0 20px;padding:0;display:grid;gap:11px}
.en-dots li {margin:0;position:relative;padding-left:20px;font-size:15px;line-height:1.5;color:var(--fg-2)}
.en-dots li::before {content:"";position:absolute;left:1px;top:.58em;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.en-checks {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--border)}
.en-checks li {margin:0;position:relative;padding:20px 0 20px 30px;border-bottom:1px solid var(--border);font-size:16px;line-height:1.5;color:var(--fg)}
.en-checks li::before {content:"";position:absolute;left:3px;top:27px;width:10px;height:10px;border:2px solid var(--accent);border-radius:3px}

/* Documentos, cadência e dados */
.en-docs {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--border)}
.en-docs li {margin:0;padding:20px 0;border-bottom:1px solid var(--border)}
.en-docs b {display:block;font-size:17px;font-weight:600;letter-spacing:-.02em;margin-bottom:4px}
.en-docs span {display:block;font-size:14.5px;color:var(--fg-2)}
.en-cadence {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.en-cadence article {padding:24px 22px;border:1px solid var(--border);border-radius:14px;background:var(--bg-2)}
.en-cadence .en-k {display:block;font:600 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.en-cadence h3 {font-size:20px;margin-bottom:8px}
.en-cadence p {margin:0;font-size:14.5px;color:var(--fg-2)}

/* Tabela de fuso (contato e "como trabalhamos") */
.en-table-wrap {overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--bg-2)}
.en-table {width:100%;min-width:600px;border-collapse:collapse;font-size:14.5px}
.en-table caption {padding:16px 18px 4px;text-align:left;font-size:13.5px;color:var(--muted);caption-side:bottom}
.en-table th,.en-table td {padding:14px 18px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}
.en-table thead th {font:600 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.en-table tbody th {font-weight:650;color:var(--fg)}
.en-table tbody tr:last-child th,.en-table tbody tr:last-child td {border-bottom:0}
.en-table td {color:var(--fg-2)}
.en-table .en-best {color:var(--fg)}

/* Applied AI: um bloco por serviço */
.en-service {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;padding:64px 0;border-top:1px solid var(--border);scroll-margin-top:105px}
.en-service:first-of-type {border-top:0;padding-top:8px}
.en-service h2 {font-size:clamp(30px,3.2vw,44px)}
.en-service .lead {font-size:18px}
.en-service h3 {font-size:15px;font-weight:650;letter-spacing:-.01em;margin:30px 0 12px;color:var(--muted);text-transform:uppercase;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em}
.en-service h3:first-child {margin-top:0}
.en-service-side {display:grid;gap:8px;align-content:start}

/* Work: grade sem links para páginas em português */
.en-work-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.en-work-grid .work-media {min-height:240px}
.en-pills {list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.en-pills li {margin:0;padding:7px 15px;border:1px solid var(--border);border-radius:99px;font-size:14px;color:var(--fg-2)}
.en-caps {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--border)}
.en-caps li {margin:0;padding:16px 0 16px 26px;position:relative;border-bottom:1px solid var(--border);font-size:16px;color:var(--fg)}
.en-caps li::before {content:"";position:absolute;left:2px;top:25px;width:8px;height:8px;border-radius:50%;background:var(--accent)}

/* Sobre */
.en-about-split {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:start}
.en-about-split p {color:var(--fg-2)}
.en-about-split .lead {color:var(--fg)}
.en-partner {padding:36px 34px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,var(--bg-2),var(--bg))}
.en-partner p {max-width:62ch;margin:0 0 1em;color:var(--fg-2);font-size:17px}
.en-partner p:last-child {margin-bottom:0}
.en-partner strong {color:var(--fg)}

/* Contato: o formulário vem de contato.css; aqui só o espaço da tabela de fuso */
.en-zones {padding-top:0}
.en-zones h2 {font-size:clamp(28px,3vw,38px)}

@media (max-width:1100px) {
  .en-ladder {grid-template-columns:1fr}
  .en-service {grid-template-columns:1fr;gap:28px}
  .en-about-split {grid-template-columns:1fr;gap:32px}
}
@media (max-width:820px) {
  .en-stats,.en-paths,.en-cadence {grid-template-columns:1fr}
  .en-proof {grid-template-columns:repeat(2,minmax(0,1fr))}
  .en-checks,.en-docs,.en-caps,.en-work-grid {grid-template-columns:1fr}
}
@media (max-width:520px) {
  .en-proof {grid-template-columns:1fr}
  .en-stat,.en-rung,.en-path {padding-left:22px;padding-right:22px}
  .en-partner {padding:28px 22px}
}