.associados-list-container {
margin: 2em 0;
}
.associados-list-title {
font-size: 2em;
margin-bottom: 1.5em;
font-weight: 600;
color: var(--e-global-color-primary, #333);
}
.associados-state-section {
margin-bottom: 2.5em;
}
.associados-state-title {
font-size: 1.5em;
margin-bottom: 1em;
font-weight: 600;
color: var(--e-global-color-primary, #333);
border-bottom: 2px solid #e0e0e0;
padding-bottom: 0.5em;
}
.associados-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 0.75em;
}
.associado-item {
margin: 0;
padding: 0;
background: none !important;
border: none !important;
box-shadow: none !important;
}
.associado-name {
margin: 0 0 0.5em;
padding: 0 !important;
font-size: 1em;
font-weight: 600;
background: none !important;
border: none !important;
box-shadow: none !important;
}
.associado-link {
display: inline;
padding: 0 !important;
text-decoration: none;
color: #333;
transition: color 0.2s ease;
background: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.associado-link:hover {
color: var(--e-global-color-primary, #0073aa);
text-decoration: underline;
background: none !important;
border: none !important;
box-shadow: none !important;
transform: none !important;
} @media (max-width: 768px) {
.associados-list {
grid-template-columns: 1fr;
}
.associados-list-title {
font-size: 1.75em;
}
.associados-state-title {
font-size: 1.25em;
}
}