body {
  background: #f6f8fb;
  color: #203041;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Navbar */
.logo-navbar {
  max-height: 50px; width: auto;
  border-radius: 7px;
  margin-right: 12px;
}
.navbar {
  font-size: 1.14rem;
}
.bg-primary, .btn-primary {
  background-color: #234c92 !important;
  border-color: #234c92 !important;
}
.bg-secondary {
  background: #134c93 !important;
}

/* Banner */
.img-fluid.rounded-4 {
  box-shadow: 0 4px 28px rgba(35,76,146,0.10);
  border-radius: 26px !important;
  background: #fff;
  min-height: 220px;
  object-fit: cover;
}

/* Bloques de departamentos */
.dept-card {
  background-image: linear-gradient(135deg,#eaf2fd 70%,#d8e9fc 100%);
  border-radius: 20px;
  box-shadow: 0 4px 22px rgba(43,70,130,0.11);
  text-align: center;
  padding: 2.2rem 1rem 2rem 1rem;
  min-height: 142px;
  text-decoration: none !important;
  margin-bottom: 18px;
  transition: box-shadow .16s, transform .17s;
  border-bottom: 5px solid #234c92;
}
.dept-card:hover { box-shadow: 0 10px 32px #b6c4fa70; border-bottom:7px solid #234c92; transform: scale(1.034);}
.dept-title { color: #234c92; font-size: 1.29rem; font-weight: 700; }
.dept-artes { border-left: 8px solid #826ff3;}
.dept-ciencias { border-left: 8px solid #2bbb7f;}
.dept-ef { border-left: 8px solid #f1b954;}
.dept-mate { border-left: 8px solid #4274c7;}

/* Sitios de interés logos */
.logo-bar { margin-bottom: 0; }
.logo-img {
  height: 60px; width: auto;
  background: #fffde6;
  border-radius: 10px;
  padding: 7px;
  box-shadow: 0 2px 17px rgba(60,90,160,0.08);
  transition: box-shadow .14s, transform .13s;
}
.logo-img:hover { box-shadow: 0 8px 30px #aecffa36; transform: scale(1.07); }

footer {
  background: #234c92;
  color: #e3ebfa;
  margin-top: 45px;
}
footer a { color: #e3eaff !important; text-decoration: underline;}
footer h5 { font-weight: 700; margin-top: 9px;}

@media (max-width: 900px) {
  .img-fluid.rounded-4 { min-height: 90px;}
  .dept-card { font-size: 1rem; padding: 1.2rem 0.3rem; }
}

/* Oculta el selector de Facebook en pantallas muy pequeñas */
@media (max-width: 700px){
  .logo-navbar { max-height: 38px;}
  .dept-title { font-size: 1.15rem; }
}