/* =========================================================
   Sección 05 — Desarrolladores (bloque de código)
   ========================================================= */

/* Desarrolladores */
.dev { display: grid; gap: 3rem; align-items: center; }
@media (min-width: 960px) { .dev { grid-template-columns: 1fr 1.2fr; gap: 4rem; } }
.dev__copy .btn { margin-top: 2rem; }
.code { border-radius: var(--radius-lg); border: 1px solid var(--border-strong); background: #01080b; overflow: hidden; box-shadow: 0 30px 80px -30px rgba(56, 189, 248, 0.35); }
.code__tabs { display: flex; align-items: center; gap: 0.25rem; padding: 0.6rem; border-bottom: 1px solid var(--border); background: rgba(6, 40, 49, 0.5); }
.code__tab { padding: 0.45rem 0.9rem; border-radius: 8px; font-family: var(--mono); font-size: 0.8rem; color: var(--text-muted); transition: background 0.2s, color 0.2s; }
.code__tab:hover { color: var(--text); }
.code__tab.is-active { background: rgba(81, 206, 224, 0.14); color: var(--cyan); }
.code__copy { margin-left: auto; padding: 0.45rem 0.9rem; font-family: var(--mono); font-size: 0.75rem; color: var(--text-muted); border: 1px solid var(--border); border-radius: 8px; }
.code__copy:hover { color: var(--text); border-color: var(--cyan); }
.code__body { padding: 1.5rem; overflow-x: auto; font-family: var(--mono); font-size: 0.85rem; line-height: 1.75; color: #cbd5e1; min-height: 320px; }
.tk-k { color: var(--sky); }
.tk-s { color: var(--teal); }
.tk-c { color: #64748b; font-style: italic; }
.tk-n { color: #fbbf24; }
.tk-f { color: var(--cyan-light); }