/* FILE: assets/css/hscl.css
 MoFutbol HS Champions League page styles
 (Companion to stl-soccer/champions-league.html)
 Inherits CSS variables from style.css
 */

/* Hero with logo */.hscl-hero-row{
 display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;
}.hscl-logo{
 width:96px;height:96px;flex-shrink:0;
 border-radius:var(--r-md);background:var(--surface);
 border:1px solid var(--border);padding:.5rem;
 object-fit:contain;
}
@media (max-width:640px){.hscl-logo{width:72px;height:72px;}
}

/* Cor Jesu / featured result card */.hscl-feature-card{
 position:relative;padding:1.25rem 1.4rem 1.1rem;
 background:linear-gradient(135deg, rgba(231,76,154,.12), rgba(252,178,22,.08));
 border:1px solid rgba(231,76,154,.35);
 border-radius:var(--r-md);
 border-left:4px solid #e74c9a;
 display:flex;flex-direction:column;gap:.6rem;
}.hscl-feature-badge{
 display:inline-block;align-self:flex-start;
 padding:.3rem.7rem;border-radius:var(--r-full);
 background:rgba(231,76,154,.18);color:#f291bf;
 font-family:var(--f-mono);font-size:.65rem;font-weight:700;letter-spacing:.07em;
 text-transform:uppercase;
}.hscl-feature-headline{
 font-family:var(--f-display),sans-serif;font-size:1.25rem;font-weight:900;
 color:var(--text);line-height:1.25;
}.hscl-feature-blurb{
 font-size:.92rem;color:var(--muted);line-height:1.55;margin:0;max-width:70ch;
}.hscl-feature-meta{
 display:flex;flex-wrap:wrap;gap:.85rem;
 font-family:var(--f-mono);font-size:.68rem;color:var(--muted);
}.hscl-feature-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.25rem;}

/* Photo gallery */.hscl-gallery-grid{
 display:grid;gap:.85rem;
 grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
}.hscl-photo{
 margin:0;background:var(--surface);
 border:1px solid var(--border);border-radius:var(--r-md);
 overflow:hidden;
 transition:transform.15s ease,border-color.15s ease;
}.hscl-photo:hover{transform:translateY(-2px);border-color:var(--accent);}.hscl-photo img{
 width:100%;aspect-ratio:4/3;object-fit:cover;display:block;
 background:var(--surface-2);
}.hscl-photo-caption{
 display:flex;flex-direction:column;gap:.4rem;
 padding:.7rem.9rem.85rem;
}.hscl-photo-text{
 font-size:.88rem;color:var(--text);line-height:1.4;font-weight:500;
}.hscl-photo-meta{
 display:flex;justify-content:space-between;align-items:center;gap:.5rem;
 font-family:var(--f-mono);font-size:.62rem;color:var(--muted);letter-spacing:.04em;
}.hscl-photo-year{color:var(--accent);font-weight:700;}.hscl-photo-credit a{
 color:var(--muted);text-decoration:none;
 border-bottom:1px solid transparent;transition:border-color.15s ease;
}.hscl-photo-credit a:hover{border-color:var(--muted);}

@media (max-width:640px){.hscl-gallery-grid{grid-template-columns:1fr;}
}
