body {
  font-family: 'Oswald', sans-serif;
  /* background-color: #fffaf3; */
  background-color: #ffffff;
  background-image: url(/assets/medical-pattern-418cdcc84ba7671f13797ce9da9a2d49e850eeb476bc56307b8412e28022d58e.png);
  background-repeat: repeat;
  background-size: 300px; /* ajusta tamaño del patrón */
  color: #4b4b4b;
}

.main-content {
  margin-left: 75px;
  padding: 30px;
  transition: margin-left 0.3s ease;
}

.sidebar:hover ~ .main-content {
  margin-left: 220px;
} 

.card {
  border-radius: 1rem;
  box-shadow: 0 2px 12px rgba(0,0,0,0.05);
  background-color: #F4F8FB;
  padding: 1rem;
  transition: transform 0.2s, box-shadow 0.2s;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}