/* ============================================================
   Trilion Signature — CTA da série de artigos de topo de funil ("Marketing imobiliário") nas páginas /signature/luxo e no hub.
   Carregado depois de luxo.css; tudo sob .lx-serie. Mesmo visual dos cartões "Continue lendo" (.lx-rel), com capa pequena e grupos por família.
   Cartões fixos em grade; alvos de toque de 44 px; foco visível; sem rolagem lateral em 390 e 1360 px; tema claro (html.ts-light) e escuro.
   ============================================================ */
.lx-serie-hd{max-width:780px;margin:0 0 clamp(26px,3.4vw,44px)}
.lx-serie-k{margin:0 0 14px;font-size:calc(11px + var(--ts-fs,0px));letter-spacing:.26em;text-transform:uppercase;font-weight:500;color:var(--lx-rot)}
.lx-serie-hd h2,.lx-serie-hd h3{margin:0}
.lx-serie-sub{margin:16px 0 0;font-size:calc(17px + var(--ts-fs,0px));line-height:1.65;color:var(--tc-soft,var(--muted))}

.lx-serie-grupo+.lx-serie-grupo{margin-top:clamp(30px,4vw,48px)}
.lx-serie-gh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--hair)}
.lx-serie-gh h3,.lx-serie-gh h4{margin:0;font-weight:300;font-size:calc(clamp(22px,2.3vw,28px) + var(--ts-fs,0px));line-height:1.2;color:var(--tc-strong)}
.lx-serie-gh span{flex:none;font-size:calc(12px + var(--ts-fs,0px));letter-spacing:.2em;text-transform:uppercase;color:var(--lx-rot)}
.lx-serie-fr{margin:12px 0 0;font-size:calc(15.5px + var(--ts-fs,0px));line-height:1.6;color:var(--tc-soft,var(--muted))}

.lx-serie-g{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:clamp(12px,1.4vw,18px)}
.lx-serie-c{display:flex;flex-direction:column;height:100%;min-height:44px;border:1px solid var(--hair);border-radius:3px;background:var(--onyx-2);overflow:hidden;
  transition:border-color .3s,transform .35s cubic-bezier(.16,1,.3,1)}
.lx-serie-c:hover{border-color:var(--gold);transform:translateY(-3px)}
.lx-serie-im{display:block;aspect-ratio:3/2;overflow:hidden;background:#241E17}
.lx-serie-im img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.lx-serie-c:hover .lx-serie-im img{transform:scale(1.04)}
.lx-serie-tx{display:flex;flex-direction:column;gap:8px;padding:14px 16px 18px}
.lx-serie-tag{align-self:flex-start;font-size:calc(10.5px + var(--ts-fs,0px));letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--lx-rot)}
.lx-serie-q{font-weight:300;font-size:calc(clamp(17px,1.5vw,19px) + var(--ts-fs,0px));line-height:1.3;color:var(--tc-strong);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.lx-serie a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

@media(max-width:560px){
  .lx-serie-g{grid-template-columns:minmax(0,1fr)}
  .lx-serie-c{flex-direction:row}
  .lx-serie-im{flex:none;width:112px;aspect-ratio:auto;align-self:stretch}
  .lx-serie-tx{justify-content:center;padding:12px 14px}
  .lx-serie-q{-webkit-line-clamp:3}
}
@media(prefers-reduced-motion:reduce){.lx-serie-c,.lx-serie-im img{transition:none}.lx-serie-c:hover{transform:none}.lx-serie-c:hover .lx-serie-im img{transform:none}}
html.ts-still .lx-serie-c,html.ts-still .lx-serie-im img{transition:none!important}

/* alto contraste / tema claro (padrão das páginas /luxo) */
html.ts-light .lx-serie-c{background:#FBF5E6;border-color:#D9C58E}
html.ts-light .lx-serie-im{background:#fff}
html.ts-light .lx-serie-k,html.ts-light .lx-serie-gh span,html.ts-light .lx-serie-tag{color:#6F5C2B}
html.ts-light .lx-serie-gh{border-bottom-color:#D9C58E}
html.ts-light .lx-serie-q,html.ts-light .lx-serie-gh h3,html.ts-light .lx-serie-gh h4{color:#1A1612}
html.ts-light .lx-serie-sub,html.ts-light .lx-serie-fr{color:#4A3F31}