/* CSS Document */
.logo-home{
	margin: 0 auto;
}

.brand-link:hover .brand-logo {
  opacity: 0.85;
  transform: scale(1.10);
}
.brand-logo {
  transition: opacity .2s, transform .2s;
}
.access-buttons {
    margin-top: 20px;
    display: flex;
    gap: 12px;
    justify-content: center;
}

.access-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    min-width: 160px;
    transition: all 0.2s ease;
    text-align: center;
}

/* CSO */
.access-btn.cso {
    background: linear-gradient(135deg, #1e88e5, #1565c0);
}
.access-btn.cso:hover {
    background: linear-gradient(135deg, #c1d8eb, #5195da);
    text-decoration: none;
    color: #424242;
}

/* TREC */
.access-btn.trec {
    background: linear-gradient(135deg, #2e7d32, #1b5e20);
}
.access-btn.trec:hover {
    background: linear-gradient(135deg, #b6d3b7, #6aad6d);
    text-decoration: none;
    color: #424242;
}