/* ═══════════════════════════════════════════════════
   EMBED CARD COMPONENT — about.lan.ga pagine interne
   Card servizio rotativa dentro feat-vis o standalone
   ═══════════════════════════════════════════════════ */
.ec-card{
  display:flex;flex-direction:column;justify-content:flex-end;
  min-height:340px;border-radius:24px;overflow:hidden;
  padding:clamp(24px,4vw,40px);text-decoration:none;
  position:relative;isolation:isolate;
  transition:transform .4s cubic-bezier(.25,.1,.25,1),box-shadow .4s;
  border:1px solid rgba(255,255,255,.04);
}
.ec-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");
  opacity:.5;
}
.ec-card>*{position:relative;z-index:1}
.ec-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.2)}
.ec-fav{width:40px;height:40px;border-radius:10px;margin-bottom:auto}
.ec-net{font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;display:block}
.ec-name{font-size:clamp(20px,3vw,28px);font-weight:700;letter-spacing:-.02em;display:block;margin-bottom:4px}
.ec-tag{font-size:13px;line-height:1.5;font-weight:300;max-width:300px;display:block;margin-bottom:14px}
.ec-feats{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}
.ec-feat{font-size:9px;padding:3px 8px;border-radius:12px;letter-spacing:.02em;border:1px solid}
.ec-cta{font-size:12px;font-weight:600;display:block}
.lt .ec-card{border-color:rgba(0,0,0,.06)}
.lt .ec-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.08)}

/* Mobile */
@media(max-width:480px){
  .ec-card{min-height:280px;border-radius:18px}
  .ec-name{font-size:20px}
}