.canales { display: grid; gap: 1rem; margin-top: clamp(1.6rem, 3vw, 2.4rem); grid-template-columns: 1fr; }
.canal { background: var(--panel); border: 1px solid var(--linea); border-radius: var(--r); padding: 1.3rem 1.3rem 1.4rem; display: flex; flex-direction: column; }
.canal__ico { width: 32px; height: 32px; color: var(--rojo); }
.canal__t { font-family: var(--titulo); font-weight: 700; font-size: 1.05rem; margin-top: .8rem; letter-spacing: .01em; }
.canal p { color: var(--tinta2); font-size: .94rem; margin: .5rem 0 0; }
.canal__enlace { margin-top: auto; padding-top: 1rem; }
.canal__enlace a { font-family: var(--titulo); font-weight: 700; color: var(--verde-vivo); font-size: .92rem; letter-spacing: .02em; }
.canal__enlace a:hover { color: var(--tinta); }

@media (min-width: 820px) {
    .canales { grid-template-columns: repeat(3, 1fr); }
}