/* Custom FCAL Brand Variables sobre Bootstrap 5 */
:root {
  /* Paleta Institucional FCAL / UNER */
  --fcal-orange: #f26522;         /* Naranja FCAL */
  --fcal-orange-hover: #d95318;
  --fcal-blue: #003366;           /* Azul UNER */
  --fcal-blue-dark: #002244;
  
  /* Sobreescritura de tokens de Bootstrap */
  --bs-primary: var(--fcal-orange);
  --bs-primary-rgb: 242, 101, 34;
  --bs-secondary: var(--fcal-blue);
  --bs-secondary-rgb: 0, 51, 102;
  --bs-link-color: var(--fcal-blue);
  --bs-link-hover-color: var(--fcal-orange);
}

/* Base Body */
body {
  background-color: #f4f6f9;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

/* Top bar superior de acento */
.fcal-topbar {
  background-color: var(--fcal-blue);
  height: 4px;
  width: 100%;
}

/* Header / Navbar */
.navbar-fcal {
  background-color: #ffffff;
  border-bottom: 3px solid var(--fcal-orange);
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

.fcal-service-title {
  font-weight: 700;
  color: var(--fcal-blue);
  font-size: 1.15rem;
  border-left: 2px solid #dee2e6;
  padding-left: 0.75rem;
  margin-left: 0.5rem;
}

.navbar-fcal .nav-link {
  color: #495057;
  font-weight: 500;
  transition: color 0.2s ease-in-out;
}

.navbar-fcal .nav-link:hover {
  color: var(--fcal-orange);
}

/* Tarjetas con acento superior naranja */
.card-fcal-accent {
  border-top: 3px solid var(--fcal-orange) !important;
}

/* Footer Institucional */
.footer-fcal {
  background-color: var(--fcal-blue);
  color: #ffffff;
  border-top: 4px solid var(--fcal-orange);
  margin-top: auto;
}

.footer-fcal a {
  color: #ffc107;
  text-decoration: none;
}

.footer-fcal a:hover {
  color: #ffffff;
  text-decoration: underline;
}