.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 Spring Boot */
.highlight-spring {
  color: #6db33f;
  font-weight: bold;
}

.highlight-boot {
  color: #50fa7b;
  font-weight: bold;
}

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

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

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

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

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

.highlight-test {
  color: #50fa7b;
  font-weight: bold;
}

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

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

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

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

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

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

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

.badge-config {
  background-color: #f1fa8c;
  color: #282a36;
}

.badge-security {
  background-color: #ff79c6;
  color: #282a36;
}