.ocultar{
display:none;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
font-family: 'Roboto', sans-serif; font-size: 0.9rem; }
table, th, td {
border: 1px solid #f0f0f0;
}
th{
padding: 10px;
text-align: left;
font-weight: 500 !important;
}
td {
padding: 10px;
text-align: left;
font-weight: 400 !important;
color: #404040;
} table a {
color: #3257A0 !important; text-decoration: none; }
table a:hover {
text-decoration: underline; }
#filter-section {
margin-bottom: 20px !important;
display: flex;
gap: 20px; justify-content: flex-start; max-width: 100%; margin: 0 auto; align-items: center; } #filter-section label {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 1rem;
margin-right: 10px; display: inline-block;
white-space: nowrap; }
#filter-section select {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 1rem;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box; }
#filter-section select:focus {
outline: none;
border-color: #3257A0; box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); } .details-button {
cursor: pointer;
font-size: 1rem;
background-color: #3257A0;
color: white;
border: none;
padding: 3px 10px;
border-radius: 0px;
} .hidden {
display: none;
} .details-row td {
border-top: none;
padding: 5px 0px; text-align: left;
background-color: #f9f9f9;
margin-left: 0; padding-left: 10px; }
.details-row td strong {
margin-right: 5px; display: inline; margin-left: 0; }
.details-row td p {
margin: 2px 0; line-height: 1.4; } @media (max-width: 768px) { th:nth-child(3), td:nth-child(3) {
display: table-cell;
} th:nth-child(4), td:nth-child(4), th:nth-child(5), td:nth-child(5) {
display: none;
}
.ocultar{
display:block;
} th, td {
font-size: 0.8rem; }
.details-button {
font-size: 1rem; } #filter-section {
flex-direction: column;
align-items: stretch;
}
#filter-section select {
width: 100%;
}
} .pagination-container {
text-align: center;
margin-top: 20px;
}
.pagination-container button {
background-color: #ffffff;
border: 0px solid #ccc;
padding: 5px 10px;
margin: 0 5px;
cursor: pointer;
color: #444444; font-size: 0.9rem; }
.pagination-container button.active {
color: #3257A0;
font-size: 0.9rem; font-weight: 600;
} .pagination-container button.active:hover {
background-color: #3257A0; color: white; .pagination-container button[disabled] {
cursor: not-allowed;
opacity: 0.5;
font-size: 0.9rem; }
.pagination-container button:hover:not(.active):not([disabled]) {
background-color: #ddd;
}