html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* Colores BRICKELL - Paleta de marca */
:root {
  --brickell-green: #28a745;
  --brickell-orange: #fd7e14;
  --brickell-blue: #007bff;
  --brickell-dark: #212529;
}

/* Botones con colores BRICKELL */
.btn-primary {
  background-color: var(--brickell-blue);
  border-color: var(--brickell-blue);
}

.btn-primary:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}

.btn-success {
  background-color: var(--brickell-green);
  border-color: var(--brickell-green);
}

.btn-success:hover {
  background-color: #218838;
  border-color: #218838;
}

.btn-warning {
  background-color: var(--brickell-orange);
  border-color: var(--brickell-orange);
  color: white;
}

.btn-warning:hover {
  background-color: #e66a00;
  border-color: #e66a00;
  color: white;
}

/* Card headers con colores */
.card-header.bg-primary {
  background-color: var(--brickell-blue) !important;
}

.card-header.bg-success {
  background-color: var(--brickell-green) !important;
}

.card-header.bg-warning {
  background-color: var(--brickell-orange) !important;
  color: white !important;
}

/* Badges */
.badge.bg-success {
  background-color: var(--brickell-green) !important;
}

.badge.bg-warning {
  background-color: var(--brickell-orange) !important;
  color: white;
}

/* Alertas */
.alert-success {
  background-color: #d4edda;
  border-color: var(--brickell-green);
  color: #155724;
}

.alert-warning {
  background-color: #fff3cd;
  border-color: var(--brickell-orange);
  color: #856404;
}

.alert-danger {
  border-color: #dc3545;
}

/* Links */
a {
  color: var(--brickell-blue);
}

a:hover {
  color: #0056b3;
}

/* Texto de éxito */
.text-success {
  color: var(--brickell-green) !important;
}

/* Fondo claro para tarjetas */
.card.bg-light {
  background-color: #f8f9fa !important;
}