:root {
  --ar-verde: #2e7d32;
  --ar-verde-escuro: #1b5e20;
}

body {
  min-height: 100vh;
  background-color: #f5f7f5;
}

.navbar-brand {
  font-weight: 600;
}

.ar-card-modulo {
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  height: 100%;
}

.ar-card-modulo:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.ar-card-modulo .bi {
  font-size: 2rem;
  color: var(--ar-verde);
}

main {
  padding-bottom: 2rem;
}

@media (max-width: 576px) {
  .container, .container-fluid {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}