/* Seção "Conexões que fazem parte da Avero" (landing) — mosaico de cartões que ocupam a área toda,
   com 6px de respiro; ao passar o mouse o cartão ativo cresce (2fr) e o outro recua (1fr), como no
   DynamicFrameLayout. Sem JS: a troca de tamanho é CSS (grid-template-columns com transição). */
.pt-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:6px;height:clamp(460px,44vw,600px);margin-top:clamp(36px,5vw,60px);text-align:left;transition:grid-template-columns .45s cubic-bezier(.4,0,.2,1)}
@media(hover:hover) and (min-width:901px){
  .pt-grid:has(.pt-feature:hover){grid-template-columns:2fr 1fr}
  .pt-grid:has(.pt-photo:hover){grid-template-columns:1fr 2fr}
}
.pt-card{position:relative;container-type:inline-size;min-width:0;height:100%;overflow:hidden;border-radius:26px;color:#0b0d10;isolation:isolate}
.pt-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:99px;border:1px solid rgba(11,13,16,.1);background:rgba(255,255,255,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#4c5056;white-space:nowrap}
.pt-tag i{width:6px;height:6px;border-radius:50%;background:#ff5a1f}

/* cartão 1: logos sobre fundo claro */
.pt-feature{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:clamp(20px,2.4cqw,32px);background:radial-gradient(circle at 50% 0,#fff,#f7f5f1 75%);border:1px solid rgba(11,13,16,.08);box-shadow:0 1px 0 #fff inset}
.pt-feature::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 100% 100%,rgba(255,90,31,.1),transparent 55%);opacity:0;transition:opacity .45s}
.pt-feature:hover::before{opacity:1}
.pt-feature .pt-tag{align-self:flex-start}
.pt-logos{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(14px,3cqw,40px);min-height:0}
.pt-logo{display:grid;place-items:center;min-width:0;transition:transform .45s cubic-bezier(.4,0,.2,1)}
.pt-feature:hover .pt-logo{transform:scale(1.06)}
.pt-logo img{display:block;width:auto;max-width:100%;object-fit:contain}
.pt-logo-sebrae img{height:clamp(44px,11cqw,92px)}
.pt-logo-eli img{height:clamp(58px,14cqw,120px)}
.pt-plus{flex:none;display:grid;place-items:center;width:clamp(30px,5cqw,44px);height:clamp(30px,5cqw,44px);border-radius:50%;border:1px solid rgba(11,13,16,.12);background:#fff;font-size:clamp(16px,2.4cqw,22px);font-weight:300;color:#8b8f96;line-height:1}
.pt-body h3{margin:0;font-size:clamp(22px,5cqw,38px);line-height:1.08;letter-spacing:-.04em;font-weight:800}
.pt-body p{margin:10px 0 0;font-size:clamp(13px,1.9cqw,15px);line-height:1.65;color:#4c5056;max-width:54ch}
.pt-chip{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;padding:10px 15px;border-radius:14px;background:#0b0d10;color:#fff;font-size:clamp(12px,1.8cqw,13px);font-weight:600}
.pt-chip svg{flex:none;color:#ff8a4c}

/* cartão 2: foto de ponta a ponta com texto por cima */
.pt-photo{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(18px,2.4cqw,28px);color:#fff;background:#0b0d10}
.pt-photo .pt-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:62% 38%;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.pt-photo:hover .pt-bg{transform:scale(1.07)}
.pt-photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,13,16,.05) 35%,rgba(11,13,16,.78))}
.pt-photo .pt-tag{align-self:flex-start}
.pt-photo .pt-body h3{color:#fff;font-size:clamp(24px,5.4cqw,44px)}
.pt-photo .pt-body p{color:#e6e9ef;max-width:44ch}

@media(max-width:900px){
  .pt-grid{grid-template-columns:1fr;grid-template-rows:auto;height:auto;gap:10px}
  .pt-card{height:auto}
  .pt-feature{min-height:0}.pt-logos{padding:14px 0}
  .pt-photo{min-height:380px}
  .pt-logo-sebrae img{height:54px}.pt-logo-eli img{height:70px}
}
@media(prefers-reduced-motion:reduce){.pt-grid,.pt-logo,.pt-photo .pt-bg,.pt-feature::before{transition:none}}