.academy-shell{padding:18px;max-width:1100px;margin:auto}
.academy-header{margin-bottom:22px}
.academy-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.academy-tabs button{border-radius:12px;padding:10px 14px}
.academy-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.academy-dialog{width:min(94vw,760px);max-height:90vh;overflow:auto;border:0;border-radius:18px;padding:22px}
.academy-dialog::backdrop{background:rgba(0,0,0,.75)}
.academy-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.academy-dialog label{display:block;margin:12px 0}
.academy-dialog input,.academy-dialog textarea,.academy-dialog select{width:100%;margin-top:6px}
.academy-viewer{width:min(96vw,1100px)}
#academyViewerContent img,#academyViewerContent video{max-width:100%;max-height:70vh}
#academyViewerContent iframe{width:100%;height:65vh;border:0}
@media(max-width:600px){
.academy-shell{padding:10px}
.academy-dialog{padding:14px}
.academy-dialog-header h2{font-size:1.1rem}
}


/* ===== RANCH ACADEMY POPUP E BIBLIOTECA ===== */
.academy-dialog [hidden] { display:none !important; }
.academy-card {
  padding:18px;
  border:1px solid rgba(128,128,128,.35);
  border-radius:16px;
  background:rgba(128,128,128,.08);
  overflow-wrap:anywhere;
}
.academy-card-icon { font-size:2rem; margin-bottom:12px; }
.academy-card h3 { margin:0 0 10px; }
.academy-card p { margin:0 0 12px; white-space:pre-wrap; }
.academy-card small { display:block; opacity:.7; margin-bottom:12px; }
.academy-card-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
.academy-card-actions button { padding:9px 14px; border-radius:10px; }
.academy-delete { opacity:.8; }
.academy-filter-active { outline:2px solid currentColor; }
.academy-dialog { color:#202020; background:#fff; }
.academy-dialog button { cursor:pointer; }
.academy-dialog-header { position:sticky; top:0; background:inherit; z-index:2; }
#academyViewerContent { text-align:center; overflow-wrap:anywhere; }
#academyViewerContent iframe { display:block; }
#academyViewerContent a { display:inline-block; padding:14px; }