.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 section.smaller table {
  font-size: 0.7em;
}

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

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

.reveal section.smaller p,
.reveal section.smaller li {
  line-height: 1.2;
}

.reveal section.smaller pre {
  max-height: 430px;
}

.reveal section.smaller pre code {
  font-size: 0.8em;
}

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

.reveal section.compact-mermaid .mermaid svg {
  max-height: 320px !important;
  width: auto !important;
}

.reveal section.code-tight pre code {
  font-size: 0.58em;
  white-space: pre-wrap;
  word-break: break-word;
}

/* Colores para conceptos Spring */
.highlight-spring {
  color: #6db33f;
  font-weight: bold;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.badge-resilience {
  background-color: #ff5555;
  color: #fff;
}

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

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

/* Columnas compactas */
.reveal section.compact-columns .columns {
  gap: 0.5em;
}

.reveal section.compact-columns .column p,
.reveal section.compact-columns .column li {
  font-size: 0.85em;
}

/* Objetivos con lista compacta */
.reveal section.objective ul {
  margin-top: 0.4em;
}

.reveal section.objective li {
  margin-bottom: 0.3em;
}