.edcrc-grid{display:grid;gap:12px}
.edcrc-grid.cols-2{grid-template-columns:repeat(2,1fr)}
.edcrc-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.edcrc-grid.cols-4{grid-template-columns:repeat(4,1fr)}
.edcrc-card{background:color-mix(in srgb, var(--cardbg) 98%, black);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column}
.edcrc-media{display:block;position:relative;padding-top:46%;background:#f3f4f6}
.edcrc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.edcrc-body{padding:10px 12px 6px}
.edcrc-title{display:block;font-weight:600;color:#0b57d0;text-decoration:none}
.edcrc-title:hover{text-decoration:underline}
.edcrc-sub{font-size:.9rem;color:#6b7280;margin-top:2px}
.edcrc-foot{display:flex;align-items:center;gap:8px;padding:10px 12px 12px}
.edcrc-progress{flex:1;height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}
.edcrc-progress-bar{height:100%;background:#22c55e}
.edcrc-percent{font-size:.9rem;color:#374151;white-space:nowrap}
.edcrc-empty{padding:12px;color:#6b7280}

/* Carousel layout */
.edcrc-wrapper{position:relative;padding-top:16px}
.edcrc-controls{position:absolute;top:-50px;right:12px;display:flex;gap:6px;z-index:2}
.edcrc-btn{background:var(--cardbg);font-size: 1.2rem;color:var(--cardcolor);border:1px solid var(--cardborder);border-radius:8px;padding:4px 12px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.edcrc-btn:disabled{opacity:.5;cursor:default}
.edcrc-viewport{overflow:hidden}
.edcrc-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/4);gap:12px;transition:transform .25s ease}
/* Card look */
.edcrc-card{background:color-mix(in srgb, var(--cardbg) 98%, black);border-radius:6px;border: 1px solid var(--cardborder);overflow:hidden;display:flex;flex-direction:column}
.edcrc-media{display:block;position:relative;padding-top:46%;background:#f3f4f6}
.edcrc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.edcrc-body{padding:10px 12px 6px}
.edcrc-title{display:block;font-weight:600;color: var(--cardcolor);text-decoration:none}
.edcrc-title:hover{text-decoration:underline}
.edcrc-sub{font-size:.9rem;color:#6b7280;margin-top:2px}
.edcrc-foot{display:flex;align-items:center;gap:8px;padding:10px 12px 12px}
.edcrc-progress{flex:1;height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}
.edcrc-progress-bar{height:100%;background:#22c55e}
.edcrc-percent{font-size:.9rem;color:#374151;white-space:nowrap}


/* Mobile: 1 card por vez (<= 780px) */
@media (max-width: 780px) {
  .edcrc-wrapper { padding-top: 16px; }
  .edcrc-track {
    grid-auto-columns: 100%;   /* 1 card visível */
    gap: 10px;                 /* opcional: gap um pouco menor */
  }
}