/* Tepcomex · Insights (página do blog e artigos) · Elemento Digital (usa site.css, paginas.css e expertise.css) */

/* código da categoria (o mesmo do painel de partidas da Home) */
.ar-cod{display:inline-grid;place-items:center;min-width:46px;padding:4px 8px;border-radius:7px;background:var(--ouro);color:var(--noite);font-weight:800;font-size:13px;letter-spacing:.12em}
.ar-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#cfe3ee}
.ar-meta i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6}

/* página Insights: categorias + artigo em destaque na abertura */
.in-cats-t{margin-top:30px;font-weight:700;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#8fc3d6}
.in-cats{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.in-cats a{display:flex;align-items:center;gap:12px;height:100%;padding:11px 14px;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);font-weight:700;font-size:16px;line-height:1.25;color:#fff;transition:background-color .25s,border-color .25s}
.in-cats a:hover,.in-cats a:focus-visible{background:rgba(255,255,255,.1);border-color:rgba(217,164,65,.6)}
.in-cats .ar-cod{flex:none}
.in-dest{animation:sobe 1s .3s var(--ease) both}

/* cartão de artigo (destaque, grade e "continue lendo") */
.in-card{display:flex;flex-direction:column;height:100%;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--linha);color:var(--tinta);transition:box-shadow .3s,transform .3s var(--ease)}
.in-card:hover{box-shadow:var(--sombra);transform:translateY(-4px)}
.in-card figure{margin:0;aspect-ratio:16/9;overflow:hidden}
.in-card figure img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.in-card:hover figure img{transform:scale(1.05)}
.in-card-txt{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.in-card .ar-meta{gap:8px;font-size:12px;letter-spacing:.06em;color:var(--azul2)}
.in-card h2,.in-card h3{margin-top:14px;font-size:22px;font-weight:800;line-height:1.18;color:var(--azul)}
.in-card-sub{margin-top:10px;font-size:16px;line-height:1.55;color:var(--tinta2)}
.in-card .mt-link{margin-top:auto;padding-top:18px}
.in-dest .in-card{background:rgba(2,31,51,.72);border-color:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(10px);box-shadow:0 50px 90px -50px rgba(0,0,0,.9)}
.in-dest .in-card h2{font-size:26px;color:#fff}
.in-dest .in-card .ar-meta{color:#8fc3d6}
.in-dest .in-card-sub{color:#cfe3ee}
.in-dest .mt-link{color:#fff;border-color:var(--ouro)}

/* grade sem vão: 6 colunas; 5 cartões = 3 + 2, 6 cartões = 3 + 3 */
.in-sec{padding:100px 0;background:var(--gelo)}
.in-grade{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.in-grade>li{grid-column:span 2}
.in-grade>li:nth-last-child(2):nth-child(3n+1),.in-grade>li:last-child:nth-child(3n+2){grid-column:span 3}
.in-grade>li:last-child:nth-child(3n+1){grid-column:1/-1}

/* artigo */
.ph-ar h1{font-size:clamp(32px,3.3vw,50px);line-height:1.08}
.ph-ar .ar-meta{margin-top:18px}
.ar{padding:90px 0 100px;background:#fff}
.ar-txt{max-width:800px;margin:0 auto}
.ar-txt>p{margin-top:20px;font-size:18.5px;line-height:1.75;color:var(--tinta2);text-align:justify;hyphens:manual}
.ar-txt>p:first-child{margin-top:0;font-size:20px;color:var(--tinta)}
.ar-txt strong{color:var(--tinta)}
.ar-txt h2{position:relative;margin-top:60px;padding-top:22px;font-size:clamp(26px,2.4vw,34px);font-weight:800;line-height:1.15;color:var(--azul)}
.ar-txt h2::before{content:"";position:absolute;left:0;top:0;width:56px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--ciano),var(--ouro))}
.ar-txt h3{margin-top:36px;font-size:22px;font-weight:800;line-height:1.2;color:var(--azul2)}
.ar-txt h2+p,.ar-txt h3+p{margin-top:14px}
.ar-lista{list-style:none;margin:22px 0 0;padding:24px 28px;display:grid;gap:12px 32px;border-radius:16px;background:var(--gelo);border:1px solid var(--linha)}
.ar-lista-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ar-lista li{position:relative;padding-left:34px;font-size:17.5px;line-height:1.5;color:var(--tinta)}
.ar-lista li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:6px;background:var(--azul) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8.5 2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.ar-txt>.ar-destaque{margin-top:40px;padding:28px 30px;border-radius:16px;background:var(--noite);color:#fff;font-size:24px;font-weight:800;line-height:1.3;text-align:center}

/* fechamento do artigo com o convite do próprio texto */
.ar-cta{position:relative;max-width:800px;margin:64px auto 0;padding:40px 44px 42px;border-radius:20px;background:linear-gradient(165deg,var(--noite2),var(--noite));color:#fff;overflow:hidden}
.ar-cta::before{content:"";position:absolute;left:44px;right:44px;top:0;height:3px;background:linear-gradient(90deg,var(--ciano),var(--ouro))}
.ar-cta h2{font-size:clamp(24px,2.2vw,30px);font-weight:800;line-height:1.2;color:#fff}
.ar-cta p{margin-top:14px;font-size:17.5px;line-height:1.65;color:#cfe3ee;text-align:justify;hyphens:manual}
.ar-cta .ar-cta-t{margin-top:22px;font-size:20px;font-weight:700;line-height:1.45;color:var(--ouro2);text-align:left}
.ar-cta-bts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* continue lendo */
.ar-mais{padding:90px 0;background:var(--gelo)}
.ar-mais .in-grade{margin-top:32px}
.ar-mais h2{margin-top:16px;font-size:clamp(30px,3vw,42px);font-weight:800;color:var(--azul)}

@media (max-width:1060px){
  .in-dest{max-width:620px}
  .in-grade{grid-template-columns:1fr 1fr}
  .in-grade>li,.in-grade>li:nth-last-child(2):nth-child(3n+1),.in-grade>li:last-child:nth-child(3n+2),.in-grade>li:last-child:nth-child(3n+1){grid-column:auto}
  .in-grade>li:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:720px){
  .ph-hub .in-cats-t{text-align:center}
  .in-cats{grid-template-columns:1fr}
  .in-dest{margin:0 auto}
  .in-sec{padding:64px 0}
  .in-grade{grid-template-columns:1fr}
  .in-grade>li:last-child:nth-child(odd){grid-column:auto}
  .in-card-txt{text-align:center;padding:20px 18px 22px}
  .in-card .ar-meta{justify-content:center}
  .in-card-sub{text-align:left}
  .in-card .mt-link{align-self:center}
  .ph-ar .ar-meta{justify-content:center}
  .ar{padding:56px 0 64px}
  .ar-txt>p,.ar-txt>p:first-child{text-align:left;font-size:17.5px}
  .ar-txt h2,.ar-txt h3{text-align:center}
  .ar-txt h2::before{left:50%;margin-left:-28px}
  .ar-lista,.ar-lista-2{grid-template-columns:1fr;padding:18px 16px}
  .ar-lista li{font-size:16.5px}
  .ar-txt>.ar-destaque{padding:22px 18px;font-size:20px;text-align:center}
  .ar-cta{padding:30px 18px 28px;text-align:center}
  .ar-cta::before{left:18px;right:18px}
  .ar-cta p,.ar-cta .ar-cta-t{text-align:left}
  .ar-cta-bts{flex-direction:column}
  .ar-mais{padding:64px 0}
  .ar-mais h2{font-size:clamp(28px,7.6vw,34px)}
}