/* Academy · catálogo de cursos (orden del owner 30-sep 21:29): un curso = una tarjeta, separados por línea con su color
   (R8: Audio azul, Video verde, Iluminación magenta). Estética de rack: cabecera de línea en lámina 2U, tarjetas en Ventana. */
.acCatalog{display:grid;gap:0;margin:0}
.acLine{--ac:#2aa4ff;--ac-soft:rgba(42,164,255,.22);margin:0;background:#061018}
.acLine-video{--ac:#32d17d;--ac-soft:rgba(50,209,125,.22)}
.acLine-light{--ac:#e30098;--ac-soft:rgba(227,0,152,.24)}
.acLineHead{display:flex;align-items:center;gap:14px;padding:0 8%;aspect-ratio:1086/120;max-height:120px;background:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-01.png") center/100% 100% no-repeat;color:#C9BBA6}
.acLine-video .acLineHead{background-image:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-04.png")}
.acLine-light .acLineHead{background-image:url("/shared/design-system/rack/v1/assets/2U-cuerpo/2U-BODY-RACK-TOOLS-05.png")}
.acLineHead>b{font:900 clamp(18px,2.6vw,30px)/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.06em;color:var(--ac);text-shadow:0 0 10px var(--ac-soft),0 2px 3px #000}
.acLineHead>span{flex:1;font:800 clamp(10px,1.1vw,13px)/1.1 "Arial Narrow",Arial,sans-serif;letter-spacing:.08em;color:#C9BBA6;opacity:.9}
.acLineHead small{font:800 11px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.08em;color:#C9BBA6}
.acLineHead small b{color:var(--ac)}
.acGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:18px;border:22px solid transparent;
  border-image:url("/shared/design-system/rack/v1/assets/ventana/VENTANA-PANTALLA-9SLICE.png") 56 fill / 22px round;box-shadow:inset 0 0 40px var(--ac-soft)}
.acCourse{position:relative;display:flex;flex-direction:column;gap:6px;min-height:150px;padding:14px 14px 12px;border:1px solid #26353b;border-top:3px solid var(--ac);border-radius:4px;
  background:linear-gradient(#0d1a22,#081118);box-shadow:0 0 14px var(--ac-soft),inset 0 1px 0 #ffffff12;color:#C9BBA6}
.acLineTag{font:800 10px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.14em;color:var(--ac)}
.acCourse h3{margin:0;font:800 17px/1.15 "Arial Narrow",Arial,sans-serif;color:#eee6d6;text-transform:none;letter-spacing:.01em}
.acMeta{margin:0;font:700 12px/1.2 "Arial Narrow",Arial,sans-serif;color:#9fb0b8}
.acMeta b{color:#eee6d6}
.acOpen{margin-top:auto;align-self:center;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--p440-label-color,#C9BBA6)!important;
  font:var(--p440-label-font,800 11px/1.15 "Arial Narrow",Arial,sans-serif);letter-spacing:var(--p440-label-track,.06em);text-transform:uppercase;text-decoration:none}
.acOpen i{display:block;width:36px;aspect-ratio:1;background:url("/assets/ui-controls/v2/pkg07-gray.webp") center top/100% 200% no-repeat;filter:drop-shadow(0 2px 2px #000b)}
.acOpen:hover i{background-position:center bottom}
.acOpen:active i{transform:translateY(1px)}
@media(max-width:640px){.acGrid{grid-template-columns:1fr 1fr;padding:8px;gap:8px;border-width:12px;border-image-width:12px}.acCourse{min-height:130px;padding:10px}.acCourse h3{font-size:14px}.acLineHead{padding:0 7%}}
@media(max-width:380px){.acGrid{grid-template-columns:1fr}}