/* Recortes: cards servidos pelo banco, sem SDK de terceiros. */
.bds-recortes{ --bds-accent:#E51C24; display:grid; grid-template-columns:repeat(var(--bds-cols,4),1fr); gap:14px; }
@media(max-width:1024px){ .bds-recortes{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:600px){ .bds-recortes{ grid-template-columns:repeat(2,1fr); } }

.bds-rec{ display:flex; flex-direction:column; text-decoration:none; background:#16161B; border:1px solid #2C2C36; border-radius:12px; overflow:hidden; transition:transform .15s ease,border-color .15s ease; }
.bds-rec:hover{ transform:translateY(-3px); border-color:#3a3a46; }
.bds-rec__thumb{ position:relative; aspect-ratio:3/4; background:#0B0B0E; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.bds-rec__thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.bds-rec__thumb .bds-ph{ font:500 11px Inter,sans-serif; color:#3a3a46; }
.bds-rec__thumb::after{ content:""; position:absolute; left:0; bottom:0; width:0; height:0; border-style:solid; border-width:0 0 16px 16px; border-color:transparent transparent var(--bds-accent) transparent; }
.bds-rec__body{ padding:12px 14px 14px; display:flex; flex-direction:column; gap:6px; }
.bds-rec__plat{ font:700 10px/1 Inter,system-ui,sans-serif; letter-spacing:.06em; text-transform:uppercase; color:var(--bds-accent); }
.bds-rec__title{ font:600 13px/1.35 Inter,sans-serif; color:#fff; }
.bds-rec:hover .bds-rec__title{ text-decoration:underline; }
.bds-recortes--editor{ padding:22px; border:1px dashed #4a4a55; border-radius:12px; color:#A2A8B4; font:400 13px Inter,sans-serif; background:#16161B; }