/* secciones */
section{padding:84px 0;border-top:4px solid var(--tinta)}
section h2{font-size:clamp(2.2rem,6vw,4rem);text-transform:uppercase;letter-spacing:-.01em}
section .sub{font-weight:300;font-style:italic;margin:0 0 40px;max-width:60ch}
.releases{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:32px}
.cover{aspect-ratio:1;border:4px solid var(--tinta);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:16px;margin-bottom:14px;font:900 clamp(1.5rem,3.2vw,2.1rem)/.98 var(--display);text-transform:uppercase;letter-spacing:-.01em}
.cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,currentColor 1.6px,#0000 2.2px) 0 0/9px 9px;opacity:.22;-webkit-mask:linear-gradient(200deg,#000 0,#0000 55%);mask:linear-gradient(200deg,#000 0,#0000 55%)}
.cover span{position:relative}
.cover .cv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover.hasimg:before,.cover.hasimg span{display:none}
.c0{background:var(--rojo);color:#fff}.c1{background:#000;color:#fff}.c2{background:var(--gris);color:#000}.c3{background:#fff;color:var(--rojo)}
.rel{display:flex;flex-direction:column;align-items:flex-start}
.rel .cover{width:100%}
.rel .meta{margin-bottom:12px}
.rel .abrir{margin-top:auto}
.rel h3{font:800 1.1rem/1.3 var(--display)}
.rel .meta{font:500 .9rem/1.5 var(--display);margin-top:4px}
.tipo{display:inline-block;border:2px solid var(--tinta);padding:0 10px;font:800 .8rem/1.6 var(--display);margin-bottom:8px}
.lnk{display:inline-block;margin-top:8px;font:800 .95rem var(--display);color:var(--rojo);text-decoration-thickness:3px;text-underline-offset:4px}
.vids{list-style:none;margin:0;padding:0;border-top:4px solid var(--tinta)}
.vids li{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0;border-bottom:2px solid var(--tinta)}
.vids b{font:800 clamp(1.05rem,2.4vw,1.4rem) var(--display)}
.vids a{font:800 .95rem var(--display);color:var(--rojo);white-space:nowrap}