:root{--glass: rgba(255,255,255,.08);}
.gradient-hero{
  background:
    radial-gradient(1200px 800px at 10% 10%, rgba(14,165,233,.25), transparent 50%),
    radial-gradient(900px 700px at 90% 20%, rgba(34,197,94,.22), transparent 55%),
    radial-gradient(1000px 800px at 40% 90%, rgba(99,102,241,.18), transparent 50%),
    linear-gradient(180deg, #020617 0%, #06152f 55%, #0b1220 100%);
}
.glass{background:var(--glass);border:1px solid rgba(255,255,255,.12);backdrop-filter: blur(10px);}

/* Hover pro (landing) */
.cs-btn{transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;}
.cs-btn:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(2,6,23,.18);filter:brightness(1.02);}

/* Cards pro */
.cs-card{transition:transform .15s ease, box-shadow .15s ease;}
.cs-card:hover{transform:translateY(-3px);box-shadow:0 18px 55px rgba(2,6,23,.16);}

/* Avatar circular */
.cs-avatar{width:72px;height:72px;border-radius:9999px;overflow:hidden;flex:0 0 auto;border:3px solid rgba(2,6,23,.06);background:#e2e8f0;}
.cs-avatar img{width:100%;height:100%;object-fit:cover;}
.cs-avatar.xl{width:120px;height:120px;}

/* Lightbox */
.cs-lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:16px;z-index:60;}
.cs-lightbox.open{display:flex;}
.cs-lightbox .backdrop{position:absolute;inset:0;background:rgba(2,6,23,.72);}
.cs-lightbox .panel{position:relative;max-width:min(980px,100%);max-height:min(86vh,100%);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 30px 90px rgba(2,6,23,.4);}
.cs-lightbox img{display:block;max-width:100%;max-height:76vh;object-fit:contain;background:#000;}
.cs-lightbox .cap{padding:12px 14px;font-size:14px;color:#334155;background:#fff;}
.cs-lightbox .close{position:absolute;top:10px;right:10px;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;font-weight:700;}

/* Clamp helper (cuando Tailwind no trae line-clamp) */
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}