.border {
  border: 1px solid #dee2e6;
}

.border-thick {
  border-width: 3px;
}

/* Callouts personalizados */
.callout-note {
  border-left-color: #8be9fd !important;
}

.callout-warning {
  border-left-color: #ffb86c !important;
}

.callout-tip {
  border-left-color: #50fa7b !important;
}

/* Mejoras para tablas */
.reveal table {
  font-size: 0.75em;
}

.reveal table th {
  background-color: #44475a;
}

/* Mejoras para listas */
.reveal ul li {
  margin-bottom: 0.5em;
}

/* Estilos para diagramas mermaid */
.mermaid {
  background-color: transparent !important;
}

/* Colores para conceptos de arquitectura */
.highlight-microservice {
  color: #50fa7b;
  font-weight: bold;
}

.highlight-event {
  color: #ff79c6;
  font-weight: bold;
}

.highlight-saga {
  color: #ffb86c;
  font-weight: bold;
}

.highlight-cqrs {
  color: #8be9fd;
  font-weight: bold;
}

.highlight-gateway {
  color: #bd93f9;
  font-weight: bold;
}

.highlight-pattern {
  color: #f1fa8c;
  font-weight: bold;
}

.highlight-arka {
  color: #ff5555;
  font-weight: bold;
}

/* Código terminal */
.terminal-output {
  background-color: #1e1e1e;
  border-left: 3px solid #50fa7b;
  padding: 0.5em;
  font-size: 0.8em;
}

/* Badge para patrones */
.pattern-badge {
  display: inline-block;
  padding: 0.2em 0.6em;
  border-radius: 4px;
  font-size: 0.75em;
  font-weight: bold;
  margin-right: 0.5em;
}

.badge-structural {
  background-color: #bd93f9;
  color: #282a36;
}

.badge-behavioral {
  background-color: #50fa7b;
  color: #282a36;
}

.badge-data {
  background-color: #8be9fd;
  color: #282a36;
}

.badge-saga {
  background-color: #ffb86c;
  color: #282a36;
}