/* =============================================================================
   Linux para Programadores — estilos propios del curso.

   La plataforma solo aporta la tipografía base de `.cuerpo-rico`. Todo lo de
   aquí —la ventana de terminal y las cajas de aviso— es de este curso y viaja
   dentro de su paquete: otro curso puede traer un lenguaje visual distinto sin
   tocar el CSS del sitio.
   ========================================================================== */

/* La terminal: se reconoce de un vistazo y no se confunde con un bloque de
   código que se copia entero. El prompt va en ::before para que copiar el
   comando no se lleve el $ de arrastre. */
.terminal{ background:#12101F; border-radius:var(--r-lg); overflow:hidden; margin:1.7em 0;
  box-shadow:0 20px 40px -24px rgba(0,0,0,.7); }
.terminal-barra{ display:flex; align-items:center; gap:7px; padding:11px 16px;
  background:#1C1930; border-bottom:1px solid rgba(255,255,255,.07); }
.terminal-barra i{ width:11px; height:11px; border-radius:50%; background:#3A3555; }
.terminal-barra i:nth-child(1){ background:#FF5F57; }
.terminal-barra i:nth-child(2){ background:#FEBC2E; }
.terminal-barra i:nth-child(3){ background:#28C840; }
.terminal-barra span{ margin-left:8px; font-family:'JetBrains Mono',monospace; font-size:12px; color:#7C769B; }
.terminal pre{ margin:0; background:none; border-radius:0; padding:18px 20px; color:#D8D4F5; }
.terminal .cmd{ color:#9A7BFF; }
.terminal .cmd::before{ content:'$ '; color:#4B4670; }
.terminal .sal{ color:#8E89AD; }
.terminal .ok{ color:#3DDC97; }

.clave-caja{ display:grid; gap:12px; margin:1.8em 0; }
.clave{ display:flex; gap:13px; align-items:flex-start; background:var(--blanco);
  border:1px solid var(--borde); border-left:3px solid var(--violeta); border-radius:var(--r);
  padding:15px 18px; font-size:15px; }
.clave .ico{ width:19px; height:19px; color:var(--violeta); margin-top:3px; }
.clave.tip{ border-left-color:var(--sol); } .clave.tip .ico{ color:var(--sol); }
.clave.ojo{ border-left-color:var(--coral); } .clave.ojo .ico{ color:var(--coral); }