/* /Components/Common/DataTable.razor.rz.scp.css */
.data-table-container[b-6pjv8hoako] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.data-table-filters[b-6pjv8hoako] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e9ecef;
    flex-wrap: wrap;
}

.filter-search[b-6pjv8hoako] {
    position: relative;
    flex: 1;
    min-width: 250px;
    max-width: 400px;
}

.search-icon[b-6pjv8hoako] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    pointer-events: none;
}

.search-input[b-6pjv8hoako] {
    padding-left: 40px;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    transition: all 0.2s ease;
}

.search-input:focus[b-6pjv8hoako] {
    border-color: var(--setec-primary, #0066cc);
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
}

.filter-actions[b-6pjv8hoako] {
    display: flex;
    gap: 0.5rem;
    margin-left: auto;
}

.btn-export[b-6pjv8hoako] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    color: #495057;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-export:hover[b-6pjv8hoako] {
    background: #e9ecef;
    border-color: #ced4da;
}

.data-table-wrapper[b-6pjv8hoako] {
    overflow-x: auto;
}

.data-table[b-6pjv8hoako] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.data-table thead[b-6pjv8hoako] {
    background: #f8f9fa;
}

.data-table th[b-6pjv8hoako] {
    padding: 0.875rem 1rem;
    font-weight: 600;
    color: #495057;
    text-align: left;
    border-bottom: 2px solid #e9ecef;
    white-space: nowrap;
}

.data-table th.sortable[b-6pjv8hoako] {
    cursor: pointer;
    user-select: none;
}

.data-table th.sortable:hover[b-6pjv8hoako] {
    background: #e9ecef;
}

.sort-indicator[b-6pjv8hoako] {
    margin-left: 0.5rem;
    color: var(--setec-primary, #0066cc);
}

.data-table td[b-6pjv8hoako] {
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    vertical-align: middle;
}

.data-table tbody tr:hover[b-6pjv8hoako] {
    background: #f8f9fa;
}

.data-table tbody tr:last-child td[b-6pjv8hoako] {
    border-bottom: none;
}

.actions-header[b-6pjv8hoako] {
    width: 1%;
    white-space: nowrap;
}

.actions-cell[b-6pjv8hoako] {
    text-align: right;
}

.loading-cell[b-6pjv8hoako],
.empty-cell[b-6pjv8hoako] {
    text-align: center;
    padding: 3rem 1rem;
}

/* Pagination */
.data-table-pagination[b-6pjv8hoako] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e9ecef;
    background: #f8f9fa;
}

.pagination-info[b-6pjv8hoako] {
    color: #6c757d;
    font-size: 0.875rem;
}

.pagination-controls[b-6pjv8hoako] {
    display: flex;
    gap: 0.25rem;
}

.pagination-controls .btn[b-6pjv8hoako] {
    min-width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #dee2e6;
    background: white;
    color: #495057;
    border-radius: 6px;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

.pagination-controls .btn:hover:not(:disabled)[b-6pjv8hoako] {
    background: #e9ecef;
    border-color: #ced4da;
}

.pagination-controls .btn:disabled[b-6pjv8hoako] {
    opacity: 0.5;
    cursor: not-allowed;
}

.pagination-controls .btn.active[b-6pjv8hoako] {
    background: var(--setec-primary, #0066cc);
    border-color: var(--setec-primary, #0066cc);
    color: white;
}

.pagination-ellipsis[b-6pjv8hoako] {
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
    color: #6c757d;
}

/* Responsive */
@media (max-width: 768px) {
    .data-table-filters[b-6pjv8hoako] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-search[b-6pjv8hoako] {
        max-width: none;
    }
    
    .filter-actions[b-6pjv8hoako] {
        margin-left: 0;
        justify-content: flex-end;
    }
    
    .data-table-pagination[b-6pjv8hoako] {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }
    
    .data-table th[b-6pjv8hoako],
    .data-table td[b-6pjv8hoako] {
        padding: 0.75rem 0.5rem;
        font-size: 0.85rem;
    }
}
/* /Components/Common/GridCard.razor.rz.scp.css */
/* GridCard.razor.css - Estilos para grid cards com identidade visual SETEC */

:root[b-uxlcsg0r4o] {
    --color-primary: #000157;
    --color-secondary: #FFD700;
    --color-primary-light: #0800a2;
    --color-secondary-light: #afaca9;
    --color-text-light: #ffffff;
    --color-text-dark: #333333;
    --color-gray-light: #f8f9fa;
    --color-gray-medium: #6c757d;
    --border-radius: 12px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    --box-shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.grid-card[b-uxlcsg0r4o] {
    border: none;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    overflow: hidden;
    background: white;
    cursor: pointer;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.grid-card:hover[b-uxlcsg0r4o] {
    transform: translateY(-5px);
    box-shadow: var(--box-shadow-hover);
}

/* Image Container */
.grid-card-image[b-uxlcsg0r4o] {
    position: relative;
    overflow: hidden;
    height: 200px;
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
}

.grid-card-image img[b-uxlcsg0r4o] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.grid-card:hover .grid-card-image img[b-uxlcsg0r4o] {
    transform: scale(1.1);
}

/* Fallback for missing images */
.grid-card-image[b-uxlcsg0r4o]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
    opacity: 0.8;
    z-index: 1;
}

.grid-card-image[b-uxlcsg0r4o]::after {
    content: '🖼️';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    color: white;
    opacity: 0.6;
    z-index: 2;
}

.grid-card-image img[b-uxlcsg0r4o] {
    position: relative;
    z-index: 3;
}

/* Card Body */
.grid-card-body[b-uxlcsg0r4o] {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.grid-card-title[b-uxlcsg0r4o] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 0.75rem;
    line-height: 1.3;
    transition: var(--transition);
}

.grid-card:hover .grid-card-title[b-uxlcsg0r4o] {
    color: var(--color-primary-light);
}

.grid-card-text[b-uxlcsg0r4o] {
    color: var(--color-gray-medium);
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 1rem;
    flex-grow: 1;
}

/* Card Footer */
.grid-card-footer[b-uxlcsg0r4o] {
    padding: 1rem 1.5rem;
    background: var(--color-gray-light);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: auto;
}

/* Action Buttons */
.grid-card .btn[b-uxlcsg0r4o] {
    border-radius: 20px;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: var(--transition);
    border: none;
    margin-top: 0.5rem;
}

.grid-card .btn-primary[b-uxlcsg0r4o] {
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
    color: white;
    box-shadow: 0 4px 15px rgba(0, 1, 87, 0.3);
}

.grid-card .btn-primary:hover[b-uxlcsg0r4o] {
    background: linear-gradient(135deg, var(--color-primary-light), var(--color-primary));
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 1, 87, 0.4);
}

.grid-card .btn-outline-primary[b-uxlcsg0r4o] {
    background: transparent;
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
}

.grid-card .btn-outline-primary:hover[b-uxlcsg0r4o] {
    background: var(--color-primary);
    color: white;
    transform: translateY(-2px);
}

.grid-card .btn-outline-secondary[b-uxlcsg0r4o] {
    background: transparent;
    color: var(--color-gray-medium);
    border: 2px solid var(--color-gray-medium);
}

.grid-card .btn-outline-secondary:hover[b-uxlcsg0r4o] {
    background: var(--color-gray-medium);
    color: white;
    transform: translateY(-2px);
}

/* Badges */
.grid-card .badge[b-uxlcsg0r4o] {
    border-radius: 20px;
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 0.5rem;
    display: inline-block;
}

.grid-card .badge-primary[b-uxlcsg0r4o] {
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
    color: white;
}

.grid-card .badge-secondary[b-uxlcsg0r4o] {
    background: linear-gradient(135deg, var(--color-secondary), #e6c200);
    color: var(--color-primary);
}

.grid-card .badge-success[b-uxlcsg0r4o] {
    background: linear-gradient(135deg, #28a745, #1e7e34);
    color: white;
}

.grid-card .badge-warning[b-uxlcsg0r4o] {
    background: linear-gradient(135deg, #ffc107, #e0a800);
    color: var(--color-primary);
}

.grid-card .badge-danger[b-uxlcsg0r4o] {
    background: linear-gradient(135deg, #dc3545, #c82333);
    color: white;
}

.grid-card .badge-info[b-uxlcsg0r4o] {
    background: linear-gradient(135deg, #17a2b8, #138496);
    color: white;
}

/* Icons */
.grid-card .oi[b-uxlcsg0r4o] {
    margin-right: 0.5rem;
    opacity: 0.8;
}

/* Hover Effects */
.grid-card[b-uxlcsg0r4o]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, var(--color-secondary), transparent);
    opacity: 0;
    transition: var(--transition);
    z-index: 1;
    pointer-events: none;
}

.grid-card:hover[b-uxlcsg0r4o]::before {
    opacity: 0.1;
}

.grid-card > *[b-uxlcsg0r4o] {
    position: relative;
    z-index: 2;
}

/* Ripple Effect */
.grid-card[b-uxlcsg0r4o]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: var(--color-secondary);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s, opacity 0.6s;
    opacity: 0;
    z-index: 1;
}

.grid-card:active[b-uxlcsg0r4o]::after {
    width: 300px;
    height: 300px;
    opacity: 0.3;
}

/* Responsive Design */
@media (max-width: 768px) {
    .grid-card-image[b-uxlcsg0r4o] {
        height: 160px;
    }
    
    .grid-card-body[b-uxlcsg0r4o] {
        padding: 1.25rem;
    }
    
    .grid-card-title[b-uxlcsg0r4o] {
        font-size: 1.1rem;
    }
    
    .grid-card-text[b-uxlcsg0r4o] {
        font-size: 0.9rem;
    }
    
    .grid-card-footer[b-uxlcsg0r4o] {
        padding: 0.75rem 1.25rem;
    }
    
    .grid-card .btn[b-uxlcsg0r4o] {
        font-size: 0.8rem;
        padding: 0.4rem 0.8rem;
    }
}

@media (max-width: 480px) {
    .grid-card-image[b-uxlcsg0r4o] {
        height: 140px;
    }
    
    .grid-card-body[b-uxlcsg0r4o] {
        padding: 1rem;
    }
    
    .grid-card-title[b-uxlcsg0r4o] {
        font-size: 1rem;
    }
    
    .grid-card-text[b-uxlcsg0r4o] {
        font-size: 0.85rem;
    }
    
    .grid-card-footer[b-uxlcsg0r4o] {
        padding: 0.75rem 1rem;
    }
    
    .grid-card .badge[b-uxlcsg0r4o] {
        font-size: 0.7rem;
        padding: 0.3rem 0.6rem;
    }
}

/* Dark Theme Support */
@media (prefers-color-scheme: dark) {
    .grid-card[b-uxlcsg0r4o] {
        background: #1a1a1a;
        color: white;
    }
    
    .grid-card-title[b-uxlcsg0r4o] {
        color: white;
    }
    
    .grid-card-text[b-uxlcsg0r4o] {
        color: #ccc;
    }
    
    .grid-card-footer[b-uxlcsg0r4o] {
        background: #2a2a2a;
        border-top-color: rgba(255, 255, 255, 0.1);
    }
    
    .grid-card .badge-secondary[b-uxlcsg0r4o] {
        color: white;
    }
}

/* Animation for card entrance */
@keyframes cardEntrance-b-uxlcsg0r4o {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.grid-card[b-uxlcsg0r4o] {
    animation: cardEntrance-b-uxlcsg0r4o 0.6s ease-out;
    animation-fill-mode: both;
}

/* Stagger animation for multiple cards */
.grid-card:nth-child(1)[b-uxlcsg0r4o] { animation-delay: 0.1s; }
.grid-card:nth-child(2)[b-uxlcsg0r4o] { animation-delay: 0.2s; }
.grid-card:nth-child(3)[b-uxlcsg0r4o] { animation-delay: 0.3s; }
.grid-card:nth-child(4)[b-uxlcsg0r4o] { animation-delay: 0.4s; }
.grid-card:nth-child(5)[b-uxlcsg0r4o] { animation-delay: 0.5s; }
.grid-card:nth-child(6)[b-uxlcsg0r4o] { animation-delay: 0.6s; }
/* /Components/Common/List.razor.rz.scp.css */
/* List.razor.css - Estilos para listas com identidade visual SETEC */

:root[b-vlknejwyhq] {
    --color-primary: #000157;
    --color-secondary: #FFD700;
    --color-primary-light: #0800a2;
    --color-secondary-light: #afaca9;
    --color-text-light: #ffffff;
    --color-text-dark: #333333;
    --color-gray-light: #f8f9fa;
    --color-gray-medium: #6c757d;
    --border-radius: 12px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    --box-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.list-container[b-vlknejwyhq] {
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    overflow: hidden;
    transition: var(--transition);
}

.list-container:hover[b-vlknejwyhq] {
    box-shadow: var(--box-shadow-hover);
}

.list-item[b-vlknejwyhq] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    transition: var(--transition);
    position: relative;
    overflow: hidden;
}

.list-item:last-child[b-vlknejwyhq] {
    border-bottom: none;
}

.list-item:hover[b-vlknejwyhq] {
    background: var(--color-gray-light);
    transform: translateX(4px);
}

.list-item[b-vlknejwyhq]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--color-secondary);
    transform: scaleY(0);
    transition: var(--transition);
}

.list-item:hover[b-vlknejwyhq]::before {
    transform: scaleY(1);
}

/* List Item Content */
.list-item > *[b-vlknejwyhq] {
    padding: 1rem 1.5rem;
    margin: 0;
}

/* Interactive List Items */
.list-item[role="button"][b-vlknejwyhq],
.list-item.clickable[b-vlknejwyhq] {
    cursor: pointer;
}

.list-item[role="button"]:hover[b-vlknejwyhq],
.list-item.clickable:hover[b-vlknejwyhq] {
    background: linear-gradient(135deg, var(--color-gray-light), white);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.list-item[role="button"]:active[b-vlknejwyhq],
.list-item.clickable:active[b-vlknejwyhq] {
    transform: translateX(2px);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

/* Active State */
.list-item.active[b-vlknejwyhq] {
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
    color: white;
    border-color: var(--color-primary);
}

.list-item.active[b-vlknejwyhq]::before {
    background: var(--color-secondary);
    transform: scaleY(1);
}

.list-item.active:hover[b-vlknejwyhq] {
    background: linear-gradient(135deg, var(--color-primary-light), var(--color-primary));
    color: white;
}

/* Selected State */
.list-item.selected[b-vlknejwyhq] {
    background: linear-gradient(135deg, var(--color-secondary), #e6c200);
    color: var(--color-primary);
    border-color: var(--color-secondary);
    font-weight: 500;
}

.list-item.selected[b-vlknejwyhq]::before {
    background: var(--color-primary);
    transform: scaleY(1);
}

/* Ripple Effect */
.list-item[b-vlknejwyhq] {
    position: relative;
    overflow: hidden;
}

.list-item[b-vlknejwyhq]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: var(--color-secondary);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s, opacity 0.6s;
    opacity: 0;
    pointer-events: none;
}

.list-item:active[b-vlknejwyhq]::after {
    width: 200px;
    height: 200px;
    opacity: 0.3;
}

.list-item.active:active[b-vlknejwyhq]::after {
    background: white;
    opacity: 0.2;
}

/* Loading State */
.list-item.loading[b-vlknejwyhq] {
    opacity: 0.6;
    pointer-events: none;
}

.list-item.loading[b-vlknejwyhq]::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    animation: loading-b-vlknejwyhq 1.5s infinite;
}

@keyframes loading-b-vlknejwyhq {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* Nested Lists */
.list-item .list-container[b-vlknejwyhq] {
    margin: 0.5rem 0;
    box-shadow: none;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.list-item .list-item[b-vlknejwyhq] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.list-item .list-item:last-child[b-vlknejwyhq] {
    border-bottom: none;
}

/* Grouped Lists */
.list-container.grouped[b-vlknejwyhq] {
    background: transparent;
    box-shadow: none;
}

.list-container.grouped .list-item[b-vlknejwyhq] {
    background: white;
    margin-bottom: 0.5rem;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: var(--box-shadow);
}

.list-container.grouped .list-item:last-child[b-vlknejwyhq] {
    margin-bottom: 0;
}

.list-container.grouped .list-item:hover[b-vlknejwyhq] {
    box-shadow: var(--box-shadow-hover);
}

/* Compact Lists */
.list-container.compact .list-item > *[b-vlknejwyhq] {
    padding: 0.75rem 1rem;
}

.list-container.compact .list-item[b-vlknejwyhq]::before {
    width: 3px;
}

/* Large Lists */
.list-container.large .list-item > *[b-vlknejwyhq] {
    padding: 1.5rem 2rem;
}

.list-container.large .list-item[b-vlknejwyhq]::before {
    width: 6px;
}

/* Icon Lists */
.list-item .list-icon[b-vlknejwyhq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: var(--color-secondary);
    color: var(--color-primary);
    border-radius: 50%;
    margin-right: 1rem;
    font-size: 1rem;
    font-weight: bold;
    flex-shrink: 0;
}

.list-item.active .list-icon[b-vlknejwyhq] {
    background: white;
    color: var(--color-primary);
}

.list-item.selected .list-icon[b-vlknejwyhq] {
    background: var(--color-primary);
    color: white;
}

/* Action Buttons */
.list-item .list-actions[b-vlknejwyhq] {
    display: flex;
    gap: 0.5rem;
    margin-left: auto;
    align-items: center;
}

.list-item .btn[b-vlknejwyhq] {
    border-radius: 20px;
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: var(--transition);
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.list-item .btn:hover[b-vlknejwyhq] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.list-item .btn-primary[b-vlknejwyhq] {
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
    color: white;
}

.list-item .btn-outline-primary[b-vlknejwyhq] {
    background: transparent;
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
}

.list-item .btn-outline-primary:hover[b-vlknejwyhq] {
    background: var(--color-primary);
    color: white;
}

.list-item .btn-outline-secondary[b-vlknejwyhq] {
    background: transparent;
    color: var(--color-gray-medium);
    border: 2px solid var(--color-gray-medium);
}

.list-item .btn-outline-secondary:hover[b-vlknejwyhq] {
    background: var(--color-gray-medium);
    color: white;
}

.list-item .btn-sm[b-vlknejwyhq] {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .list-item > *[b-vlknejwyhq] {
        padding: 0.75rem 1rem;
    }
    
    .list-container.large .list-item > *[b-vlknejwyhq] {
        padding: 1rem 1.25rem;
    }
    
    .list-item .list-icon[b-vlknejwyhq] {
        width: 28px;
        height: 28px;
        font-size: 0.9rem;
        margin-right: 0.75rem;
    }
    
    .list-item .list-actions[b-vlknejwyhq] {
        flex-direction: column;
        gap: 0.25rem;
        margin-top: 0.5rem;
        margin-left: 0;
        width: 100%;
    }
    
    .list-item .btn[b-vlknejwyhq] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .list-item > *[b-vlknejwyhq] {
        padding: 0.5rem 0.75rem;
    }
    
    .list-container.compact .list-item > *[b-vlknejwyhq] {
        padding: 0.5rem 0.75rem;
    }
    
    .list-item .list-icon[b-vlknejwyhq] {
        width: 24px;
        height: 24px;
        font-size: 0.8rem;
        margin-right: 0.5rem;
    }
    
    .list-item .btn[b-vlknejwyhq] {
        font-size: 0.75rem;
        padding: 0.3rem 0.6rem;
    }
}

/* Dark Theme Support */
@media (prefers-color-scheme: dark) {
    .list-container[b-vlknejwyhq] {
        background: #1a1a1a;
    }
    
    .list-item[b-vlknejwyhq] {
        border-bottom-color: rgba(255, 255, 255, 0.1);
    }
    
    .list-item:hover[b-vlknejwyhq] {
        background: #2a2a2a;
    }
    
    .list-item.active[b-vlknejwyhq] {
        background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
        color: white;
    }
    
    .list-item.selected[b-vlknejwyhq] {
        background: linear-gradient(135deg, var(--color-secondary), #e6c200);
        color: var(--color-primary);
    }
    
    .list-container.grouped .list-item[b-vlknejwyhq] {
        background: #2a2a2a;
        border-color: rgba(255, 255, 255, 0.1);
    }
    
    .list-container.grouped .list-item:hover[b-vlknejwyhq] {
        background: #3a3a3a;
    }
}

/* Animation for list entrance */
@keyframes listEntrance-b-vlknejwyhq {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.list-item[b-vlknejwyhq] {
    animation: listEntrance-b-vlknejwyhq 0.4s ease-out;
    animation-fill-mode: both;
}

/* Stagger animation for multiple items */
.list-item:nth-child(1)[b-vlknejwyhq] { animation-delay: 0.05s; }
.list-item:nth-child(2)[b-vlknejwyhq] { animation-delay: 0.1s; }
.list-item:nth-child(3)[b-vlknejwyhq] { animation-delay: 0.15s; }
.list-item:nth-child(4)[b-vlknejwyhq] { animation-delay: 0.2s; }
.list-item:nth-child(5)[b-vlknejwyhq] { animation-delay: 0.25s; }
.list-item:nth-child(6)[b-vlknejwyhq] { animation-delay: 0.3s; }
.list-item:nth-child(7)[b-vlknejwyhq] { animation-delay: 0.35s; }
.list-item:nth-child(8)[b-vlknejwyhq] { animation-delay: 0.4s; }
/* /Components/Common/LoadingSpinner.razor.rz.scp.css */
/* LoadingSpinner.razor.css - Estilos para o spinner de carregamento com identidade visual SETEC */

:root[b-hvylw66b5b] {
    --color-primary: #000157;
    --color-secondary: #FFD700;
    --color-primary-light: #0800a2;
    --color-secondary-light: #afaca9;
    --color-text-light: #ffffff;
    --color-text-dark: #333333;
    --border-radius: 12px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.loading-spinner[b-hvylw66b5b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    padding: 2rem;
    background: rgba(255, 255, 255, 0.95);
    border-radius: var(--border-radius);
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.spinner-container[b-hvylw66b5b] {
    position: relative;
    width: 80px;
    height: 80px;
    margin-bottom: 1.5rem;
}

.logo-container[b-hvylw66b5b] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    animation: logoPulse-b-hvylw66b5b 2s ease-in-out infinite;
}

.spinner-logo[b-hvylw66b5b] {
    width: 40px;
    height: 40px;
    object-fit: contain;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.spinner-ring[b-hvylw66b5b] {
    position: absolute;
    border: 3px solid transparent;
    border-radius: 50%;
    animation: spin-b-hvylw66b5b 1s linear infinite;
}

.spinner-ring:nth-child(1)[b-hvylw66b5b] {
    width: 80px;
    height: 80px;
    border-top-color: var(--color-primary);
    animation-duration: 1.2s;
}

.spinner-ring:nth-child(2)[b-hvylw66b5b] {
    width: 60px;
    height: 60px;
    top: 10px;
    left: 10px;
    border-right-color: var(--color-secondary);
    animation-duration: 1s;
    animation-direction: reverse;
}

.spinner-ring:nth-child(3)[b-hvylw66b5b] {
    width: 40px;
    height: 40px;
    top: 20px;
    left: 20px;
    border-bottom-color: var(--color-primary-light);
    animation-duration: 0.8s;
}

.spinner-center[b-hvylw66b5b] {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 30px;
    left: 30px;
    background: var(--color-secondary);
    border-radius: 50%;
    animation: pulse-b-hvylw66b5b 1.5s ease-in-out infinite;
}

.loading-text-container[b-hvylw66b5b] {
    text-align: center;
}

.loading-text[b-hvylw66b5b] {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--color-primary);
    margin-bottom: 0.5rem;
    animation: fadeInOut-b-hvylw66b5b 2s ease-in-out infinite;
}

.loading-dots[b-hvylw66b5b] {
    display: flex;
    justify-content: center;
    gap: 4px;
}

.dot[b-hvylw66b5b] {
    width: 8px;
    height: 8px;
    background: var(--color-secondary);
    border-radius: 50%;
    animation: dotPulse-b-hvylw66b5b 1.4s ease-in-out infinite;
}

.dot:nth-child(2)[b-hvylw66b5b] {
    animation-delay: 0.2s;
}

.dot:nth-child(3)[b-hvylw66b5b] {
    animation-delay: 0.4s;
}

/* Keyframes */
@keyframes spin-b-hvylw66b5b {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes pulse-b-hvylw66b5b {
    0%, 100% { 
        transform: scale(1);
        opacity: 1;
    }
    50% { 
        transform: scale(1.2);
        opacity: 0.8;
    }
}

@keyframes logoPulse-b-hvylw66b5b {
    0%, 100% { 
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    50% { 
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 0.9;
    }
}

@keyframes fadeInOut-b-hvylw66b5b {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 1; }
}

@keyframes dotPulse-b-hvylw66b5b {
    0%, 60%, 100% { 
        transform: scale(1);
        opacity: 0.4;
    }
    30% { 
        transform: scale(1.3);
        opacity: 1;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .loading-spinner[b-hvylw66b5b] {
        min-height: 150px;
        padding: 1.5rem;
    }
    
    .spinner-container[b-hvylw66b5b] {
        width: 60px;
        height: 60px;
    }
    
    .spinner-logo[b-hvylw66b5b] {
        width: 30px;
        height: 30px;
    }
    
    .spinner-ring:nth-child(1)[b-hvylw66b5b] {
        width: 60px;
        height: 60px;
    }
    
    .spinner-ring:nth-child(2)[b-hvylw66b5b] {
        width: 45px;
        height: 45px;
        top: 7.5px;
        left: 7.5px;
    }
    
    .spinner-ring:nth-child(3)[b-hvylw66b5b] {
        width: 30px;
        height: 30px;
        top: 15px;
        left: 15px;
    }
    
    .spinner-center[b-hvylw66b5b] {
        width: 15px;
        height: 15px;
        top: 22.5px;
        left: 22.5px;
    }
    
    .loading-text[b-hvylw66b5b] {
        font-size: 1rem;
    }
    
    .dot[b-hvylw66b5b] {
        width: 6px;
        height: 6px;
    }
}

@media (max-width: 480px) {
    .loading-spinner[b-hvylw66b5b] {
        min-height: 120px;
        padding: 1rem;
    }
    
    .spinner-container[b-hvylw66b5b] {
        width: 50px;
        height: 50px;
        margin-bottom: 1rem;
    }
    
    .spinner-logo[b-hvylw66b5b] {
        width: 25px;
        height: 25px;
    }
    
    .spinner-ring:nth-child(1)[b-hvylw66b5b] {
        width: 50px;
        height: 50px;
    }
    
    .spinner-ring:nth-child(2)[b-hvylw66b5b] {
        width: 37px;
        height: 37px;
        top: 6.5px;
        left: 6.5px;
    }
    
    .spinner-ring:nth-child(3)[b-hvylw66b5b] {
        width: 25px;
        height: 25px;
        top: 12.5px;
        left: 12.5px;
    }
    
    .spinner-center[b-hvylw66b5b] {
        width: 12px;
        height: 12px;
        top: 19px;
        left: 19px;
    }
    
    .loading-text[b-hvylw66b5b] {
        font-size: 0.9rem;
    }
}

/* Dark theme support */
@media (prefers-color-scheme: dark) {
    .loading-spinner[b-hvylw66b5b] {
        background: rgba(26, 26, 26, 0.95);
    }
    
    .loading-text[b-hvylw66b5b] {
        color: white;
    }
}

/* Loading overlay */
.loading-overlay[b-hvylw66b5b] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    backdrop-filter: blur(5px);
}
/* /Components/Common/ModalCrud.razor.rz.scp.css */
.modal-crud .modal-dialog[b-z9gtlidnrk] {
    margin-top: 2rem;
}

.modal-crud .modal-content[b-z9gtlidnrk] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.modal-crud .modal-header[b-z9gtlidnrk] {
    background: linear-gradient(135deg, var(--setec-primary, #0066cc) 0%, var(--setec-primary-dark, #004499) 100%);
    color: white;
    padding: 1.25rem 1.5rem;
    border-bottom: none;
}

.modal-crud .modal-title-wrapper[b-z9gtlidnrk] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.modal-crud .modal-title[b-z9gtlidnrk] {
    font-weight: 600;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.modal-crud .modal-icon[b-z9gtlidnrk] {
    font-size: 1.5rem;
}

.modal-crud .modal-subtitle[b-z9gtlidnrk] {
    opacity: 0.9;
    font-size: 0.875rem;
}

.modal-crud .btn-close[b-z9gtlidnrk] {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: 0.8;
    padding: 0.5rem;
    margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-crud .btn-close:hover[b-z9gtlidnrk] {
    opacity: 1;
}

.modal-crud .modal-body[b-z9gtlidnrk] {
    padding: 1.5rem;
    max-height: calc(100vh - 250px);
    overflow-y: auto;
}

.modal-crud .modal-footer[b-z9gtlidnrk] {
    padding: 1rem 1.5rem;
    background: #f8f9fa;
    border-top: 1px solid #e9ecef;
    gap: 0.5rem;
}

.modal-crud .modal-footer .btn[b-z9gtlidnrk] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.625rem 1.25rem;
    font-weight: 500;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.modal-crud .modal-footer .btn-primary[b-z9gtlidnrk] {
    background: var(--setec-primary, #0066cc);
    border-color: var(--setec-primary, #0066cc);
}

.modal-crud .modal-footer .btn-primary:hover:not(:disabled)[b-z9gtlidnrk] {
    background: var(--setec-primary-dark, #004499);
    border-color: var(--setec-primary-dark, #004499);
}

.modal-crud .modal-footer .btn-secondary[b-z9gtlidnrk] {
    background: white;
    color: #6c757d;
    border-color: #dee2e6;
}

.modal-crud .modal-footer .btn-secondary:hover:not(:disabled)[b-z9gtlidnrk] {
    background: #f8f9fa;
    border-color: #adb5bd;
}

.modal-crud .modal-footer .btn-danger[b-z9gtlidnrk] {
    background: #dc3545;
    border-color: #dc3545;
}

.modal-crud .modal-footer .btn-danger:hover:not(:disabled)[b-z9gtlidnrk] {
    background: #c82333;
    border-color: #bd2130;
}

.modal-crud .modal-footer .btn:disabled[b-z9gtlidnrk] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Tamanhos */
.modal-crud .modal-sm[b-z9gtlidnrk] {
    max-width: 400px;
}

.modal-crud .modal-lg[b-z9gtlidnrk] {
    max-width: 900px;
}

.modal-crud .modal-xl[b-z9gtlidnrk] {
    max-width: 1200px;
}

.modal-crud .modal-fullscreen[b-z9gtlidnrk] {
    max-width: 100%;
    margin: 0;
    height: 100vh;
}

.modal-crud .modal-fullscreen .modal-content[b-z9gtlidnrk] {
    height: 100vh;
    border-radius: 0;
}

.modal-crud .modal-fullscreen .modal-body[b-z9gtlidnrk] {
    max-height: calc(100vh - 140px);
}

/* Responsivo */
@media (max-width: 576px) {
    .modal-crud .modal-dialog[b-z9gtlidnrk] {
        margin: 0.5rem;
    }
    
    .modal-crud .modal-header[b-z9gtlidnrk] {
        padding: 1rem;
    }
    
    .modal-crud .modal-title[b-z9gtlidnrk] {
        font-size: 1.1rem;
    }
    
    .modal-crud .modal-body[b-z9gtlidnrk] {
        padding: 1rem;
        max-height: calc(100vh - 200px);
    }
    
    .modal-crud .modal-footer[b-z9gtlidnrk] {
        padding: 0.75rem 1rem;
        flex-direction: column-reverse;
    }
    
    .modal-crud .modal-footer .btn[b-z9gtlidnrk] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Display/ActividadeCard.razor.rz.scp.css */
/* ActividadeCard.razor.css - Estilos para cards de atividades com identidade visual SETEC */

:root[b-b8yl4yqmsz] {
    --color-primary: #000157;
    --color-secondary: #FFD700;
    --color-primary-light: #0800a2;
    --color-secondary-light: #afaca9;
    --color-text-light: #ffffff;
    --color-text-dark: #333333;
    --color-gray-light: #f8f9fa;
    --color-gray-medium: #6c757d;
    --border-radius: 12px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    --box-shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.actividade-card[b-b8yl4yqmsz] {
    border: none;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    overflow: hidden;
    background: white;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.actividade-card:hover[b-b8yl4yqmsz] {
    transform: translateY(-5px);
    box-shadow: var(--box-shadow-hover);
}

.actividade-card .card-img-top[b-b8yl4yqmsz] {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    transition: var(--transition);
    object-fit: cover;
}

.actividade-card:hover .card-img-top[b-b8yl4yqmsz] {
    transform: scale(1.05);
}

.actividade-card .card-body[b-b8yl4yqmsz] {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.actividade-card .card-title[b-b8yl4yqmsz] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 0.75rem;
    line-height: 1.3;
}

.actividade-card .card-text[b-b8yl4yqmsz] {
    color: var(--color-gray-medium);
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 1rem;
    flex-grow: 1;
}

/* Badges */
.actividade-card .badge[b-b8yl4yqmsz] {
    border-radius: 20px;
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Meta Information */
.actividade-meta[b-b8yl4yqmsz] {
    margin-top: auto;
    padding-top: 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.meta-item[b-b8yl4yqmsz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.85rem;
    color: var(--color-gray-medium);
    transition: var(--transition);
}

.meta-item:hover[b-b8yl4yqmsz] {
    color: var(--color-primary);
}

.meta-item svg[b-b8yl4yqmsz] {
    flex-shrink: 0;
    opacity: 0.7;
    transition: var(--transition);
}

.meta-item:hover svg[b-b8yl4yqmsz] {
    opacity: 1;
    color: var(--color-secondary);
}

/* Momentos Preview */
.momentos-preview[b-b8yl4yqmsz] {
    background: var(--color-gray-light);
    border-radius: 8px;
    padding: 0.75rem;
    margin-top: 1rem;
    border-left: 3px solid var(--color-secondary);
}

.momentos-preview small[b-b8yl4yqmsz] {
    font-weight: 500;
    color: var(--color-primary);
}

/* Action Buttons */
.actividade-card .btn[b-b8yl4yqmsz] {
    border-radius: 20px;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: var(--transition);
    border: none;
    margin-top: 0.5rem;
}

.actividade-card .btn-primary[b-b8yl4yqmsz] {
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
    color: white;
    box-shadow: 0 4px 15px rgba(0, 1, 87, 0.3);
}

.actividade-card .btn-primary:hover[b-b8yl4yqmsz] {
    background: linear-gradient(135deg, var(--color-primary-light), var(--color-primary));
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 1, 87, 0.4);
}

.actividade-card .btn-outline-primary[b-b8yl4yqmsz] {
    background: transparent;
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
}

.actividade-card .btn-outline-primary:hover[b-b8yl4yqmsz] {
    background: var(--color-primary);
    color: white;
    transform: translateY(-2px);
}

/* Department Colors */
.actividade-card .badge[style*="#007EBD"][b-b8yl4yqmsz] { /* Eng. Informática */
    background: linear-gradient(135deg, #007EBD, #005a8a) !important;
}

.actividade-card .badge[style*="#D72638"][b-b8yl4yqmsz] { /* Eng. de Produção */
    background: linear-gradient(135deg, #D72638, #a81c2a) !important;
}

.actividade-card .badge[style*="#0B5589"][b-b8yl4yqmsz] { /* Eng. Civil */
    background: linear-gradient(135deg, #0B5589, #083d63) !important;
}

.actividade-card .badge[style*="#2E8524"][b-b8yl4yqmsz] { /* Eng. Química */
    background: linear-gradient(135deg, #2E8524, #1f5a18) !important;
}

.actividade-card .badge[style*="#F9AA0E"][b-b8yl4yqmsz] { /* Eng. Electrotécnica */
    background: linear-gradient(135deg, #F9AA0E, #c7880b) !important;
}

.actividade-card .badge[style*="#595A5B"][b-b8yl4yqmsz] { /* Eng. Mecânica */
    background: linear-gradient(135deg, #595A5B, #414242) !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .actividade-card .card-body[b-b8yl4yqmsz] {
        padding: 1.25rem;
    }
    
    .actividade-card .card-title[b-b8yl4yqmsz] {
        font-size: 1.1rem;
    }
    
    .actividade-card .card-text[b-b8yl4yqmsz] {
        font-size: 0.9rem;
    }
    
    .meta-item[b-b8yl4yqmsz] {
        font-size: 0.8rem;
    }
    
    .actividade-card .btn[b-b8yl4yqmsz] {
        font-size: 0.8rem;
        padding: 0.4rem 0.8rem;
    }
}

@media (max-width: 480px) {
    .actividade-card .card-body[b-b8yl4yqmsz] {
        padding: 1rem;
    }
    
    .actividade-card .card-title[b-b8yl4yqmsz] {
        font-size: 1rem;
    }
    
    .meta-item[b-b8yl4yqmsz] {
        font-size: 0.75rem;
        gap: 0.4rem;
    }
    
    .actividade-card .badge[b-b8yl4yqmsz] {
        font-size: 0.7rem;
        padding: 0.4rem 0.6rem;
    }
}

/* Dark Theme Support */
@media (prefers-color-scheme: dark) {
    .actividade-card[b-b8yl4yqmsz] {
        background: #1a1a1a;
        color: white;
    }
    
    .actividade-card .card-title[b-b8yl4yqmsz] {
        color: white;
    }
    
    .actividade-card .card-text[b-b8yl4yqmsz] {
        color: #ccc;
    }
    
    .momentos-preview[b-b8yl4yqmsz] {
        background: #2a2a2a;
    }
    
    .actividade-meta[b-b8yl4yqmsz] {
        border-top-color: rgba(255, 255, 255, 0.1);
    }
}

/* Animation for card entrance */
@keyframes cardEntrance-b-b8yl4yqmsz {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.actividade-card[b-b8yl4yqmsz] {
    animation: cardEntrance-b-b8yl4yqmsz 0.6s ease-out;
    animation-fill-mode: both;
}

/* Stagger animation for multiple cards */
.actividade-card:nth-child(1)[b-b8yl4yqmsz] { animation-delay: 0.1s; }
.actividade-card:nth-child(2)[b-b8yl4yqmsz] { animation-delay: 0.2s; }
.actividade-card:nth-child(3)[b-b8yl4yqmsz] { animation-delay: 0.3s; }
.actividade-card:nth-child(4)[b-b8yl4yqmsz] { animation-delay: 0.4s; }
.actividade-card:nth-child(5)[b-b8yl4yqmsz] { animation-delay: 0.5s; }
.actividade-card:nth-child(6)[b-b8yl4yqmsz] { animation-delay: 0.6s; }
/* /Components/Display/ExposicaoCard.razor.rz.scp.css */
/* ExposicaoCard.razor.css - Estilos para cards de exposições com identidade visual SETEC */

:root[b-5y4vxai41l] {
    --color-primary: #000157;
    --color-secondary: #FFD700;
    --color-primary-light: #0800a2;
    --color-secondary-light: #afaca9;
    --color-text-light: #ffffff;
    --color-text-dark: #333333;
    --color-gray-light: #f8f9fa;
    --color-gray-medium: #6c757d;
    --border-radius: 12px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    --box-shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.exposicao-card[b-5y4vxai41l] {
    border: none;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    overflow: hidden;
    background: white;
    cursor: pointer;
    margin-bottom: 1rem;
}

.exposicao-card:hover[b-5y4vxai41l] {
    transform: translateY(-2px);
    box-shadow: var(--box-shadow-hover);
}

.exposicao-card.expanded[b-5y4vxai41l] {
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2);
}

.exposicao-card .card-header[b-5y4vxai41l] {
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
    color: white;
    border: none;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    padding: 1rem 1.5rem;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.exposicao-card .card-header .badge[b-5y4vxai41l] {
    background: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
    border-radius: 20px;
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.exposicao-card .card-header .badge.bg-warning[b-5y4vxai41l] {
    background: var(--color-secondary) !important;
    color: var(--color-primary) !important;
    font-weight: 600;
}

.exposicao-card .card-title[b-5y4vxai41l] {
    color: var(--color-primary);
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    line-height: 1.3;
}

.exposicao-card .card-text[b-5y4vxai41l] {
    color: var(--color-gray-medium);
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 1rem;
}

/* Expand Icon */
.expand-icon[b-5y4vxai41l] {
    transition: var(--transition);
    color: white;
    opacity: 0.8;
}

.expand-icon:hover[b-5y4vxai41l] {
    opacity: 1;
    transform: scale(1.1);
}

.expand-icon.rotated[b-5y4vxai41l] {
    transform: rotate(180deg);
}

/* Expanded Content */
.exposicao-detalhes[b-5y4vxai41l] {
    background: var(--color-gray-light);
    border-radius: 8px;
    padding: 1.5rem;
    margin-top: 1rem;
    border-left: 4px solid var(--color-secondary);
    animation: slideDown-b-5y4vxai41l 0.3s ease-out;
}

@keyframes slideDown-b-5y4vxai41l {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Imagens */
.exposicao-imagens[b-5y4vxai41l] {
    margin-bottom: 1.5rem;
}

.exposicao-imagens img[b-5y4vxai41l] {
    border-radius: 8px;
    transition: var(--transition);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.exposicao-imagens img:hover[b-5y4vxai41l] {
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.exposicao-imagens .col-6[b-5y4vxai41l],
.exposicao-imagens .col-md-4[b-5y4vxai41l] {
    padding: 0.25rem;
}

/* Texto Formatado */
.exposicao-texto[b-5y4vxai41l] {
    color: var(--color-text-dark);
    line-height: 1.7;
    font-size: 0.95rem;
}

.exposicao-texto p[b-5y4vxai41l] {
    margin-bottom: 1rem;
}

.exposicao-texto p:last-child[b-5y4vxai41l] {
    margin-bottom: 0;
}

/* Informações Adicionais */
.exposicao-info[b-5y4vxai41l] {
    background: white;
    border-radius: 8px;
    padding: 1rem;
    margin-top: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.exposicao-info .info-item[b-5y4vxai41l] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
    color: var(--color-gray-medium);
}

.exposicao-info .info-item:last-child[b-5y4vxai41l] {
    margin-bottom: 0;
}

.exposicao-info .info-item svg[b-5y4vxai41l] {
    flex-shrink: 0;
    color: var(--color-secondary);
    opacity: 0.8;
}

.exposicao-info .info-item strong[b-5y4vxai41l] {
    color: var(--color-primary);
    font-weight: 500;
}

/* Botões de Ação */
.exposicao-actions[b-5y4vxai41l] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.exposicao-actions .btn[b-5y4vxai41l] {
    border-radius: 20px;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: var(--transition);
    border: none;
}

.exposicao-actions .btn-primary[b-5y4vxai41l] {
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
    color: white;
    box-shadow: 0 4px 15px rgba(0, 1, 87, 0.3);
}

.exposicao-actions .btn-primary:hover[b-5y4vxai41l] {
    background: linear-gradient(135deg, var(--color-primary-light), var(--color-primary));
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 1, 87, 0.4);
}

.exposicao-actions .btn-outline-primary[b-5y4vxai41l] {
    background: transparent;
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
}

.exposicao-actions .btn-outline-primary:hover[b-5y4vxai41l] {
    background: var(--color-primary);
    color: white;
    transform: translateY(-2px);
}

.exposicao-actions .btn-outline-secondary[b-5y4vxai41l] {
    background: transparent;
    color: var(--color-gray-medium);
    border: 2px solid var(--color-gray-medium);
}

.exposicao-actions .btn-outline-secondary:hover[b-5y4vxai41l] {
    background: var(--color-gray-medium);
    color: white;
    transform: translateY(-2px);
}

/* Responsive Design */
@media (max-width: 768px) {
    .exposicao-card .card-header[b-5y4vxai41l] {
        padding: 0.75rem 1rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .exposicao-card .card-header .d-flex[b-5y4vxai41l] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    
    .expand-icon[b-5y4vxai41l] {
        align-self: flex-end;
        margin-top: -2rem;
    }
    
    .exposicao-card .card-title[b-5y4vxai41l] {
        font-size: 1.1rem;
    }
    
    .exposicao-detalhes[b-5y4vxai41l] {
        padding: 1rem;
    }
    
    .exposicao-actions[b-5y4vxai41l] {
        flex-direction: column;
    }
    
    .exposicao-actions .btn[b-5y4vxai41l] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .exposicao-card .card-header[b-5y4vxai41l] {
        padding: 0.75rem;
    }
    
    .exposicao-card .card-title[b-5y4vxai41l] {
        font-size: 1rem;
    }
    
    .exposicao-card .card-text[b-5y4vxai41l] {
        font-size: 0.9rem;
    }
    
    .exposicao-detalhes[b-5y4vxai41l] {
        padding: 0.75rem;
    }
    
    .exposicao-info .info-item[b-5y4vxai41l] {
        font-size: 0.85rem;
    }
    
    .exposicao-actions .btn[b-5y4vxai41l] {
        font-size: 0.8rem;
        padding: 0.4rem 0.8rem;
    }
}

/* Dark Theme Support */
@media (prefers-color-scheme: dark) {
    .exposicao-card[b-5y4vxai41l] {
        background: #1a1a1a;
        color: white;
    }
    
    .exposicao-card .card-title[b-5y4vxai41l] {
        color: white;
    }
    
    .exposicao-card .card-text[b-5y4vxai41l] {
        color: #ccc;
    }
    
    .exposicao-detalhes[b-5y4vxai41l] {
        background: #2a2a2a;
    }
    
    .exposicao-texto[b-5y4vxai41l] {
        color: #ddd;
    }
    
    .exposicao-info[b-5y4vxai41l] {
        background: #2a2a2a;
        border-color: rgba(255, 255, 255, 0.1);
    }
    
    .exposicao-info .info-item[b-5y4vxai41l] {
        color: #ccc;
    }
    
    .exposicao-info .info-item strong[b-5y4vxai41l] {
        color: white;
    }
}

/* Animation for card entrance */
@keyframes cardEntrance-b-5y4vxai41l {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.exposicao-card[b-5y4vxai41l] {
    animation: cardEntrance-b-5y4vxai41l 0.5s ease-out;
    animation-fill-mode: both;
}

/* Stagger animation for multiple cards */
.exposicao-card:nth-child(1)[b-5y4vxai41l] { animation-delay: 0.1s; }
.exposicao-card:nth-child(2)[b-5y4vxai41l] { animation-delay: 0.2s; }
.exposicao-card:nth-child(3)[b-5y4vxai41l] { animation-delay: 0.3s; }
.exposicao-card:nth-child(4)[b-5y4vxai41l] { animation-delay: 0.4s; }
.exposicao-card:nth-child(5)[b-5y4vxai41l] { animation-delay: 0.5s; }
/* /Components/Display/ResumoCard.razor.rz.scp.css */
/* ================================================================
   ResumoCard.razor.css  —  SETEC Resumo Cards
   ================================================================ */

/* ── Card Normal ─────────────────────────────────────────────── */
.resumo-card .card[b-vn3pl5a61h] {
    border: 1px solid var(--border-color);
    border-radius: 14px;
    box-shadow: none;
    transition: all 0.28s cubic-bezier(.4, 0, .2, 1);
    overflow: hidden;
    background: var(--bg-card);
    cursor: pointer;
    position: relative;
}

.resumo-card .card[b-vn3pl5a61h]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--color-secondary);
    transform: scaleX(0);
    transition: transform 0.22s ease;
}

.resumo-card .card:hover[b-vn3pl5a61h] {
    transform: translateY(-6px);
    border-color: var(--color-primary);
    box-shadow: 0 16px 40px rgba(0, 1, 87, 0.13);
}

.resumo-card .card:hover[b-vn3pl5a61h]::after {
    transform: scaleX(1);
}

.resumo-card .card-img-top[b-vn3pl5a61h] {
    height: 200px;
    object-fit: cover;
    border-radius: 0;
    transition: transform 0.35s ease;
}

.resumo-card .card:hover .card-img-top[b-vn3pl5a61h] {
    transform: scale(1.04);
}

.resumo-card .card-body[b-vn3pl5a61h] {
    padding: 1.4rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.resumo-card .card-title[b-vn3pl5a61h] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.35;
    margin: 0;
    transition: color 0.2s ease;
}

.resumo-card .card:hover .card-title[b-vn3pl5a61h] {
    color: var(--color-primary);
}

.resumo-card .card-text[b-vn3pl5a61h] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    line-height: 1.55;
    margin: 0;
}

/* Badge — override Bootstrap bg-secondary */
.resumo-card .badge.bg-secondary[b-vn3pl5a61h] {
    background: rgba(0, 1, 87, 0.08) !important;
    color: var(--color-primary) !important;
    border-radius: 999px;
    padding: 0.3rem 0.8rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    align-self: flex-start;
}

/* ── Entrada animada ─────────────────────────────────────────── */
.resumo-card[b-vn3pl5a61h] {
    animation: cardEntrance-b-vn3pl5a61h 0.5s ease-out both;
}

.resumo-card:nth-child(1)[b-vn3pl5a61h] { animation-delay: 0.05s; }
.resumo-card:nth-child(2)[b-vn3pl5a61h] { animation-delay: 0.12s; }
.resumo-card:nth-child(3)[b-vn3pl5a61h] { animation-delay: 0.19s; }
.resumo-card:nth-child(4)[b-vn3pl5a61h] { animation-delay: 0.26s; }
.resumo-card:nth-child(5)[b-vn3pl5a61h] { animation-delay: 0.33s; }
.resumo-card:nth-child(6)[b-vn3pl5a61h] { animation-delay: 0.40s; }

@keyframes cardEntrance-b-vn3pl5a61h {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0);    }
}

/* ================================================================
   MODAL MAXIMIZADO
   ================================================================ */
.resumo-card.maximized .maximized-overlay[b-vn3pl5a61h] {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 1, 87, 0.75);
    backdrop-filter: blur(6px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    animation: overlayIn-b-vn3pl5a61h 0.25s ease;
}

@keyframes overlayIn-b-vn3pl5a61h {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.resumo-card.maximized .maximized-content[b-vn3pl5a61h] {
    background: var(--bg-card);
    border-radius: 16px;
    max-width: 860px;
    width: 100%;
    max-height: 92vh;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    box-shadow: 0 32px 80px rgba(0, 1, 87, 0.35);
    animation: modalIn-b-vn3pl5a61h 0.28s cubic-bezier(.34, 1.3, .64, 1);
    display: flex;
    flex-direction: column;
    scrollbar-width: thin;
    scrollbar-color: var(--border-color) transparent;
}

.resumo-card.maximized .maximized-content[b-vn3pl5a61h]::-webkit-scrollbar {
    width: 5px;
}
.resumo-card.maximized .maximized-content[b-vn3pl5a61h]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 99px;
}

@keyframes modalIn-b-vn3pl5a61h {
    from { opacity: 0; transform: scale(0.93) translateY(16px); }
    to   { opacity: 1; transform: scale(1)    translateY(0);    }
}

/* Botão fechar */
.resumo-card.maximized .btn-close[b-vn3pl5a61h] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(255, 255, 255, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: background 0.2s ease, transform 0.2s ease;
    color: #fff;
    font-size: 1.1rem;
    line-height: 1;
    padding: 0;
    opacity: 1;
    /* override Bootstrap btn-close filter */
    filter: none !important;
}

.resumo-card.maximized .btn-close[b-vn3pl5a61h]::before {
    content: "×";
    font-weight: 400;
    line-height: 1;
    font-size: 1.4rem;
}

.resumo-card.maximized .btn-close:hover[b-vn3pl5a61h] {
    background: rgba(255, 255, 255, 0.3) !important;
    transform: scale(1.08);
}

/* Header */
.resumo-card.maximized .resumo-header[b-vn3pl5a61h] {
    padding: 2.5rem 2rem 2rem;
    text-align: center;
    background: var(--color-primary);
    color: #fff;
    border-radius: 16px 16px 0 0;
    position: relative;
    flex-shrink: 0;
}

.resumo-card.maximized .resumo-header .badge.bg-secondary[b-vn3pl5a61h] {
    background: var(--color-secondary) !important;
    color: var(--color-primary) !important;
    font-weight: 800;
    margin-bottom: 0.75rem;
}

.resumo-card.maximized .resumo-header h3[b-vn3pl5a61h] {
    font-size: clamp(1.3rem, 3vw, 1.85rem);
    font-weight: 800;
    color: #fff;
    line-height: 1.25;
    margin: 0 0 0.5rem;
}

.resumo-card.maximized .resumo-header .text-muted[b-vn3pl5a61h] {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 0.95rem;
    margin: 0;
}

/* Carousel */
.resumo-card.maximized .resumo-carousel[b-vn3pl5a61h] {
    position: relative;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 420px;
    flex-shrink: 0;
    overflow: hidden;
}

.resumo-card.maximized .resumo-carousel img[b-vn3pl5a61h] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    user-select: none;
}

.resumo-card.maximized .carousel-btn[b-vn3pl5a61h] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.22s ease;
    color: #fff;
    backdrop-filter: blur(8px);
    z-index: 5;
}

.resumo-card.maximized .carousel-btn:hover[b-vn3pl5a61h] {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.45);
    transform: translateY(-50%) scale(1.08);
}

.resumo-card.maximized .carousel-btn.prev[b-vn3pl5a61h] { left: 1rem; }
.resumo-card.maximized .carousel-btn.next[b-vn3pl5a61h] { right: 1rem; }

.resumo-card.maximized .carousel-indicators[b-vn3pl5a61h] {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.45rem;
    z-index: 5;
    list-style: none;
    margin: 0;
    padding: 0;
}

.resumo-card.maximized .indicator[b-vn3pl5a61h] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    transition: all 0.22s ease;
    border: none;
    padding: 0;
    display: block;
}

.resumo-card.maximized .indicator:hover[b-vn3pl5a61h] {
    background: rgba(255, 255, 255, 0.75);
}

.resumo-card.maximized .indicator.active[b-vn3pl5a61h] {
    background: var(--color-secondary);
    width: 22px;
    border-radius: 99px;
    transform: none;
}

/* Texto */
.resumo-card.maximized .resumo-texto[b-vn3pl5a61h] {
    padding: 2rem 2.5rem;
    font-size: 1rem;
    line-height: 1.8;
    color: var(--text-primary);
    flex-grow: 1;
}

.resumo-card.maximized .resumo-texto p[b-vn3pl5a61h] {
    margin-bottom: 1rem;
    color: var(--text-secondary);
}

.resumo-card.maximized .resumo-texto p:last-child[b-vn3pl5a61h] {
    margin-bottom: 0;
}

/* ── Responsividade ──────────────────────────────────────────── */
@media (max-width: 768px) {
    .resumo-card.maximized .maximized-overlay[b-vn3pl5a61h] {
        padding: 0;
        align-items: flex-end;
    }

    .resumo-card.maximized .maximized-content[b-vn3pl5a61h] {
        max-width: 100%;
        max-height: 96vh;
        border-radius: 20px 20px 0 0;
    }

    .resumo-card.maximized .resumo-header[b-vn3pl5a61h] {
        padding: 2rem 1.5rem 1.5rem;
        border-radius: 20px 20px 0 0;
    }

    .resumo-card.maximized .resumo-carousel[b-vn3pl5a61h] {
        height: 280px;
    }

    .resumo-card.maximized .carousel-btn[b-vn3pl5a61h] {
        width: 40px;
        height: 40px;
    }

    .resumo-card.maximized .resumo-texto[b-vn3pl5a61h] {
        padding: 1.5rem 1.25rem;
    }

    .resumo-card .card-body[b-vn3pl5a61h] {
        padding: 1.2rem;
    }
}

@media (max-width: 480px) {
    .resumo-card.maximized .resumo-carousel[b-vn3pl5a61h] {
        height: 220px;
    }

    .resumo-card.maximized .resumo-header h3[b-vn3pl5a61h] {
        font-size: 1.2rem;
    }

    .resumo-card.maximized .carousel-btn.prev[b-vn3pl5a61h] { left: 0.4rem; }
    .resumo-card.maximized .carousel-btn.next[b-vn3pl5a61h] { right: 0.4rem; }

    .resumo-card.maximized .resumo-texto[b-vn3pl5a61h] {
        padding: 1.25rem 1rem;
        font-size: 0.92rem;
    }
}
/* /Components/Display/ResumoModal.razor.rz.scp.css */
/* ================================================================
   MODAL GLOBAL DE RESUMO - NAVEGAÇÃO APRIMORADA
   ================================================================ */
.resumo-modal-overlay[b-7l62ldf356] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: transparent;
    backdrop-filter: none;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    animation: overlayIn-b-7l62ldf356 0.25s ease;
}

@keyframes overlayIn-b-7l62ldf356 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.resumo-modal-container[b-7l62ldf356] {
    background: var(--bg-card, #ffffff);
    border-radius: 16px;
    max-width: 900px;
    width: 100%;
    max-height: 92vh;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    box-shadow: 0 32px 80px rgba(0, 1, 87, 0.4);
    animation: modalIn-b-7l62ldf356 0.28s cubic-bezier(.34, 1.3, .64, 1);
    display: flex;
    flex-direction: column;
    scrollbar-width: thin;
    scrollbar-color: var(--border-color, #cccccc) transparent;
    outline: none;
}

.resumo-modal-container[b-7l62ldf356]::-webkit-scrollbar {
    width: 5px;
}
.resumo-modal-container[b-7l62ldf356]::-webkit-scrollbar-thumb {
    background: var(--border-color, #cccccc);
    border-radius: 99px;
}

@keyframes modalIn-b-7l62ldf356 {
    from { opacity: 0; transform: scale(0.93) translateY(16px); }
    to   { opacity: 1; transform: scale(1)    translateY(0);    }
}

/* Botão fechar */
.resumo-modal-container .btn-close[b-7l62ldf356] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 20;
    transition: all 0.2s ease;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
    padding: 0;
    opacity: 1;
    filter: none !important;
}

.resumo-modal-container .btn-close[b-7l62ldf356]::before {
    content: "×";
    font-weight: 300;
    line-height: 1;
    font-size: 1.6rem;
}

.resumo-modal-container .btn-close:hover[b-7l62ldf356] {
    background: rgba(255, 255, 255, 0.35) !important;
    transform: scale(1.1);
}

/* Header com navegação entre posts */
.resumo-modal-container .resumo-header[b-7l62ldf356] {
    padding: 1.25rem 1.5rem 0;
    text-align: center;
    background: linear-gradient(135deg, var(--color-primary, #000157) 0%, #000873 100%);
    color: white;
    border-radius: 16px 16px 0 0;
}

.resumo-modal-container .header-nav[b-7l62ldf356] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    gap: 1rem;
    padding-right: 3rem;
}

/* Botões de navegação entre posts */
.resumo-modal-container .nav-post-btn[b-7l62ldf356] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    color: white;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    backdrop-filter: blur(4px);
}

.resumo-modal-container .nav-post-btn:hover:not(.disabled)[b-7l62ldf356] {
    background: var(--color-secondary, #ffd700);
    border-color: var(--color-secondary, #ffd700);
    color: var(--color-primary, #000157);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);
}

.resumo-modal-container .nav-post-btn.disabled[b-7l62ldf356] {
    opacity: 0.3;
    cursor: not-allowed;
    background: transparent;
}

/* Contador de posts */
.resumo-modal-container .post-counter[b-7l62ldf356] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
}

.resumo-modal-container .post-position[b-7l62ldf356] {
    font-size: 0.75rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: 0.05em;
}

.resumo-modal-container .resumo-header .badge[b-7l62ldf356] {
    background: var(--color-secondary, #ffd700) !important;
    color: var(--color-primary, #000157) !important;
    font-weight: 700;
    font-size: 0.7rem;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
}

.resumo-modal-container .resumo-header h3[b-7l62ldf356] {
    margin: 0.5rem 0 0.35rem 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: white;
    line-height: 1.3;
}

.resumo-modal-container .resumo-header p[b-7l62ldf356] {
    margin: 0 0 1rem 0;
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.75);
}

/* Carousel */
.resumo-modal-container .resumo-carousel[b-7l62ldf356] {
    position: relative;
    margin: 1.5rem;
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.06);
}

.resumo-modal-container .carousel-image-wrapper[b-7l62ldf356] {
    position: relative;
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.resumo-modal-container .carousel-image-wrapper img[b-7l62ldf356] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.resumo-modal-container .carousel-image-wrapper img.transitioning[b-7l62ldf356] {
    opacity: 0.5;
    transform: scale(0.98);
}

/* Contador de imagens */
.resumo-modal-container .image-counter[b-7l62ldf356] {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    backdrop-filter: blur(4px);
    z-index: 5;
}

/* Botões do carousel */
.resumo-modal-container .carousel-btn[b-7l62ldf356] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.95);
    border: none;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    color: var(--color-primary, #000157);
}

.resumo-modal-container .carousel-btn:hover[b-7l62ldf356] {
    background: white;
    transform: translateY(-50%) scale(1.12);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.resumo-modal-container .carousel-btn.prev[b-7l62ldf356] { left: 1rem; }
.resumo-modal-container .carousel-btn.next[b-7l62ldf356] { right: 1rem; }

/* Indicadores (dots) */
.resumo-modal-container .carousel-indicators[b-7l62ldf356] {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.5rem;
    z-index: 5;
    padding: 0.5rem 1rem;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    backdrop-filter: blur(4px);
}

.resumo-modal-container .indicator[b-7l62ldf356] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.25s ease;
    border: none;
    padding: 0;
}

.resumo-modal-container .indicator.active[b-7l62ldf356] {
    background: var(--color-secondary, #ffd700);
    transform: scale(1.3);
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

.resumo-modal-container .indicator:hover[b-7l62ldf356] {
    background: rgba(255, 255, 255, 0.85);
    transform: scale(1.15);
}

/* Thumbnails */
.resumo-modal-container .carousel-thumbnails[b-7l62ldf356] {
    display: flex;
    gap: 0.75rem;
    padding: 0 1.5rem;
    margin-bottom: 1rem;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--border-color) transparent;
}

.resumo-modal-container .carousel-thumbnails[b-7l62ldf356]::-webkit-scrollbar {
    height: 4px;
}

.resumo-modal-container .carousel-thumbnails[b-7l62ldf356]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 2px;
}

.resumo-modal-container .thumbnail[b-7l62ldf356] {
    flex-shrink: 0;
    width: 70px;
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 0;
    background: none;
}

.resumo-modal-container .thumbnail img[b-7l62ldf356] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.2s ease;
}

.resumo-modal-container .thumbnail.active[b-7l62ldf356] {
    border-color: var(--color-primary, #000157);
    box-shadow: 0 4px 12px rgba(0, 1, 87, 0.25);
}

.resumo-modal-container .thumbnail:hover[b-7l62ldf356] {
    border-color: var(--color-primary-light, #0008a2);
    transform: translateY(-2px);
}

/* Texto */
.resumo-modal-container .resumo-texto[b-7l62ldf356] {
    padding: 0 1.5rem 1rem;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-secondary, #555);
}

.resumo-modal-container .resumo-texto p[b-7l62ldf356] {
    margin-bottom: 1rem;
}

.resumo-modal-container .resumo-texto p:last-child[b-7l62ldf356] {
    margin-bottom: 0;
}

/* Footer com dicas */
.resumo-modal-container .resumo-footer[b-7l62ldf356] {
    padding: 0.75rem 1.5rem;
    border-top: 1px solid var(--border-color, #e0e0e0);
    background: var(--bg-secondary, #f8f9fa);
    border-radius: 0 0 16px 16px;
}

.resumo-modal-container .nav-hints[b-7l62ldf356] {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.resumo-modal-container .hint[b-7l62ldf356] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--text-muted, #888);
}

.resumo-modal-container .hint svg[b-7l62ldf356] {
    color: var(--color-primary, #000157);
}

.resumo-modal-container .hint kbd[b-7l62ldf356] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 0.4rem;
    background: white;
    border: 1px solid var(--border-color, #ddd);
    border-radius: 4px;
    font-size: 0.75rem;
    font-family: inherit;
    font-weight: 600;
    color: var(--text-primary, #333);
    box-shadow: 0 2px 0 var(--border-color, #ddd);
}

/* Responsividade */
@media (max-width: 768px) {
    .resumo-modal-overlay[b-7l62ldf356] {
        padding: 1rem;
    }
    
    .resumo-modal-container[b-7l62ldf356] {
        max-height: 95vh;
        border-radius: 12px;
    }

    .resumo-modal-container .resumo-header[b-7l62ldf356] {
        padding: 1rem 1rem 0;
        border-radius: 12px 12px 0 0;
    }

    .resumo-modal-container .header-nav[b-7l62ldf356] {
        margin-bottom: 0.75rem;
        padding-right: 2.5rem;
    }

    .resumo-modal-container .nav-post-btn[b-7l62ldf356] {
        padding: 0.4rem 0.6rem;
        font-size: 0.75rem;
    }

    .resumo-modal-container .nav-post-btn span[b-7l62ldf356] {
        display: none;
    }

    .resumo-modal-container .resumo-header h3[b-7l62ldf356] {
        font-size: 1.3rem;
    }
    
    .resumo-modal-container .resumo-carousel[b-7l62ldf356] {
        margin: 1rem;
    }
    
    .resumo-modal-container .carousel-image-wrapper[b-7l62ldf356] {
        height: 280px;
    }
    
    .resumo-modal-container .carousel-btn[b-7l62ldf356] {
        width: 44px;
        height: 44px;
    }
    
    .resumo-modal-container .carousel-btn.prev[b-7l62ldf356] { left: 0.5rem; }
    .resumo-modal-container .carousel-btn.next[b-7l62ldf356] { right: 0.5rem; }

    .resumo-modal-container .carousel-thumbnails[b-7l62ldf356] {
        padding: 0 1rem;
        gap: 0.5rem;
    }

    .resumo-modal-container .thumbnail[b-7l62ldf356] {
        width: 60px;
        height: 42px;
    }
    
    .resumo-modal-container .resumo-texto[b-7l62ldf356] {
        padding: 0 1rem 0.75rem;
        font-size: 0.95rem;
    }

    .resumo-modal-container .resumo-footer[b-7l62ldf356] {
        padding: 0.6rem 1rem;
    }
}

@media (max-width: 480px) {
    .resumo-modal-container .carousel-image-wrapper[b-7l62ldf356] {
        height: 220px;
    }

    .resumo-modal-container .carousel-btn[b-7l62ldf356] {
        width: 38px;
        height: 38px;
    }

    .resumo-modal-container .carousel-btn svg[b-7l62ldf356] {
        width: 20px;
        height: 20px;
    }

    .resumo-modal-container .resumo-header h3[b-7l62ldf356] {
        font-size: 1.15rem;
    }

    .resumo-modal-container .thumbnail[b-7l62ldf356] {
        width: 52px;
        height: 38px;
    }
}
/* /Layout/AuthLayout.razor.rz.scp.css */
.auth-layout[b-sdgx43irif] {
    min-height: 100vh;
    display: flex;
    position: relative;
}

/* Header Mobile/Tablet */
.auth-header-mobile[b-sdgx43irif] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(135deg, var(--setec-primary, #0066cc) 0%, var(--setec-primary-dark, #004499) 100%);
    color: white;
    align-items: center;
    padding: 0 1rem;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.menu-toggle[b-sdgx43irif] {
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.menu-toggle:hover[b-sdgx43irif] {
    background-color: rgba(255, 255, 255, 0.1);
}

.hamburger[b-sdgx43irif] {
    display: block;
    width: 25px;
    height: 3px;
    background: white;
    position: relative;
}

.hamburger[b-sdgx43irif]::before,
.hamburger[b-sdgx43irif]::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 3px;
    background: white;
    transition: all 0.3s ease;
}

.hamburger[b-sdgx43irif]::before {
    top: -8px;
}

.hamburger[b-sdgx43irif]::after {
    top: 8px;
}

.header-icon[b-sdgx43irif] {
    margin-left: auto;
}

.header-title[b-sdgx43irif] {
    margin-left: 1rem;
    font-weight: 600;
    font-size: 1.1rem;
}

/* Sidebar */
.auth-sidebar[b-sdgx43irif] {
    width: 280px;
    background: white;
    border-right: 1px solid #e9ecef;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    transform: translateX(0);
    transition: transform 0.3s ease;
}

.sidebar-header[b-sdgx43irif] {
    padding: 1.5rem;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, var(--setec-primary, #0066cc) 0%, var(--setec-primary-dark, #004499) 100%);
    color: white;
}

.logo h2[b-sdgx43irif] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
}

.logo span[b-sdgx43irif] {
    display: block;
    font-size: 0.8rem;
    opacity: 0.9;
    margin-top: 0.25rem;
}

.close-sidebar[b-sdgx43irif] {
    display: none;
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.close-sidebar:hover[b-sdgx43irif] {
    background-color: rgba(255, 255, 255, 0.1);
}

.sidebar-nav[b-sdgx43irif] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem 0;
}

.sidebar-footer[b-sdgx43irif] {
    padding: 1.5rem;
    border-top: 1px solid #e9ecef;
    background: #f8f9fa;
}

.user-info[b-sdgx43irif] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.user-avatar[b-sdgx43irif] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--setec-primary, #0066cc) 0%, var(--setec-primary-dark, #004499) 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.user-details[b-sdgx43irif] {
    flex: 1;
}

.user-name[b-sdgx43irif] {
    font-weight: 600;
    color: #2c3e50;
    font-size: 0.9rem;
}

.user-role[b-sdgx43irif] {
    color: #7f8c8d;
    font-size: 0.8rem;
}

.logout-btn[b-sdgx43irif] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: var(--setec-accent, #e74c3c);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

.logout-btn:hover[b-sdgx43irif] {
    background-color: var(--setec-accent-dark, #c0392b);
}

.logout-icon[b-sdgx43irif] {
    font-size: 1rem;
}

/* Conteúdo Principal */
.auth-main[b-sdgx43irif] {
    flex: 1;
    margin-left: 280px;
    transition: margin-left 0.3s ease;
    min-height: 100vh;
    background: #f8f9fa;
}

.content-wrapper[b-sdgx43irif] {
    padding: 2rem;
}

/* Overlay */
.sidebar-overlay[b-sdgx43irif] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Estados Mobile/Tablet */
@media (max-width: 1024px) {
    .auth-header-mobile[b-sdgx43irif] {
        display: flex;
    }
    
    .auth-sidebar[b-sdgx43irif] {
        transform: translateX(-100%);
    }
    
    .auth-sidebar.open[b-sdgx43irif] {
        transform: translateX(0);
    }
    
    .auth-main[b-sdgx43irif] {
        margin-left: 0;
        padding-top: 60px;
    }
    
    .auth-main.sidebar-open[b-sdgx43irif] {
        margin-left: 0;
    }
    
    .close-sidebar[b-sdgx43irif] {
        display: block;
    }
    
    .sidebar-overlay.show[b-sdgx43irif] {
        display: block;
        opacity: 1;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .content-wrapper[b-sdgx43irif] {
        padding: 1rem;
    }
    
    .sidebar-header[b-sdgx43irif] {
        padding: 1rem;
    }
    
    .logo h2[b-sdgx43irif] {
        font-size: 1.3rem;
    }
    
    .sidebar-footer[b-sdgx43irif] {
        padding: 1rem;
    }
}
/* /Layout/FloatingButtonScrollUp.razor.rz.scp.css */
.scroll-to-top[b-ja2z8hte0e] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--color-primary-light);
    color: white;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: bold;
    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    z-index: 999;
}

.scroll-to-top.visible[b-ja2z8hte0e] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.scroll-to-top:hover[b-ja2z8hte0e] {
    background: var(--color-primary-dark);
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4);
}

.scroll-to-top:active[b-ja2z8hte0e] {
    transform: translateY(-1px);
}

.scroll-icon[b-ja2z8hte0e] {
    line-height: 1;
    animation: bounce-b-ja2z8hte0e 2s infinite;
}

@keyframes bounce-b-ja2z8hte0e {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-3px);
    }
    60% {
        transform: translateY(-1px);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .scroll-to-top[b-ja2z8hte0e] {
        width: 45px;
        height: 45px;
        bottom: 1.5rem;
        right: 1.5rem;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .scroll-to-top[b-ja2z8hte0e] {
        width: 40px;
        height: 40px;
        bottom: 1rem;
        right: 1rem;
        font-size: 0.9rem;
    }
}
/* /Layout/Footer.razor.rz.scp.css */
.footer[b-h6sn74pxtd] {
    background: var(--gradient-primary);
    color: white;
    padding: 3rem 0 1rem;
    margin-top: auto;
}

.logo-image[b-h6sn74pxtd] {
    max-height: 40px;
    padding-top: 8px;
    object-fit: cover;
    object-position: center;
    min-width: 180px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

.footer-container[b-h6sn74pxtd] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

.footer-content[b-h6sn74pxtd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin-bottom: 2rem;
}

.footer-section[b-h6sn74pxtd] {
    display: flex;
    flex-direction: column;
}

.footer-logo h2[b-h6sn74pxtd] {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    color: var(--color-secondary-light);
}

.footer-subtitle[b-h6sn74pxtd] {
    font-size: 0.9rem;
    color: var(--color-secondary-light);
    margin-bottom: 1rem;
    display: block;
}

.footer-description[b-h6sn74pxtd] {
    line-height: 1.6;
    color:var(--color-secondary-light);
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
}

.footer-social[b-h6sn74pxtd] {
    display: flex;
    gap: 0.75rem;
}

.social-link[b-h6sn74pxtd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: white;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-link:hover[b-h6sn74pxtd] {
    background: var();
    transform: translateY(-3px);
}

.social-icon[b-h6sn74pxtd] {
    font-size: 1.1rem;
}

.footer-title[b-h6sn74pxtd] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: white;
    position: relative;
}

.footer-title[b-h6sn74pxtd]::after {
    content: '';
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    width: 30px;
    height: 2px;
    background: var();
}

.footer-links[b-h6sn74pxtd] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li[b-h6sn74pxtd] {
    margin-bottom: 0.5rem;
}

.footer-link[b-h6sn74pxtd] {
    color: var(--color-secondary-light);
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.3s ease;
    display: inline-block;
}

.footer-link:hover[b-h6sn74pxtd] {
    color: var(--color-secondary);
    transform: translateX(5px);
}

.contact-info[b-h6sn74pxtd] {
    margin-bottom: 1.5rem;
}

.contact-item[b-h6sn74pxtd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    color: var(--color-secondary-light);
    font-size: 0.9rem;
}

.contact-icon[b-h6sn74pxtd] {
    font-size: 1rem;
    width: 20px;
    text-align: center;
}

.contact-text[b-h6sn74pxtd] {
    flex: 1;
}

.footer-bottom[b-h6sn74pxtd] {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.copyright p[b-h6sn74pxtd] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--color-secondary-light);
}

.footer-bottom-links[b-h6sn74pxtd] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.bottom-link[b-h6sn74pxtd] {
    color: var(--color-secondary-light);
    text-decoration: none;
    font-size: 0.85rem;
    transition: color 0.3s ease;
}

.bottom-link:hover[b-h6sn74pxtd] {
    color: white;
}

/* Responsive */
@media (max-width: 768px) {
    .footer[b-h6sn74pxtd] {
        padding: 2rem 0 1rem;
    }
    
    .footer-container[b-h6sn74pxtd] {
        padding: 0 1rem;
    }
    
    .footer-content[b-h6sn74pxtd] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .footer-logo h2[b-h6sn74pxtd] {
        font-size: 1.5rem;
    }
    
    
    .newsletter-form[b-h6sn74pxtd] {
        flex-direction: column;
    }
    
    .footer-bottom[b-h6sn74pxtd] {
        flex-direction: column;
        gap: 1rem;
    }
    
}

@media (max-width: 480px) {
    .footer[b-h6sn74pxtd] {
        padding: 1.5rem 0 1rem;
    }
    
    .footer-content[b-h6sn74pxtd] {
        gap: 1rem;
    }
    
    .footer-title[b-h6sn74pxtd]::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
}
/* /Layout/ModalGlobal.razor.rz.scp.css */
/* ================================================================
   MODAL GLOBAL
   ================================================================ */
.modal-global-overlay[b-6kn8h01gfn] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 1, 87, 0.75);
    backdrop-filter: blur(6px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    animation: modalOverlayIn-b-6kn8h01gfn 0.25s ease;
}

@keyframes modalOverlayIn-b-6kn8h01gfn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.modal-global-content[b-6kn8h01gfn] {
    background: var(--bg-card, #ffffff);
    border-radius: 16px;
    max-width: 860px;
    width: 100%;
    max-height: 92vh;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    box-shadow: 0 32px 80px rgba(0, 1, 87, 0.35);
    animation: modalContentIn-b-6kn8h01gfn 0.28s cubic-bezier(.34, 1.3, .64, 1);
    display: flex;
    flex-direction: column;
    scrollbar-width: thin;
    scrollbar-color: var(--border-color, #cccccc) transparent;
}

.modal-global-content[b-6kn8h01gfn]::-webkit-scrollbar {
    width: 5px;
}
.modal-global-content[b-6kn8h01gfn]::-webkit-scrollbar-thumb {
    background: var(--border-color, #cccccc);
    border-radius: 99px;
}

@keyframes modalContentIn-b-6kn8h01gfn {
    from { opacity: 0; transform: scale(0.93) translateY(16px); }
    to   { opacity: 1; transform: scale(1)    translateY(0);    }
}

/* Botão fechar */
.modal-global-close[b-6kn8h01gfn] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: background 0.2s ease, transform 0.2s ease;
    color: #fff;
    padding: 0;
}

.modal-global-close:hover[b-6kn8h01gfn] {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.08);
}

.modal-global-close svg[b-6kn8h01gfn] {
    width: 20px;
    height: 20px;
}

/* Header */
.modal-global-header[b-6kn8h01gfn] {
    padding: 1.5rem 1.5rem 0;
    text-align: center;
    border-bottom: 1px solid var(--border-color, #e0e0e0);
    margin-bottom: 1rem;
}

.modal-global-header h3[b-6kn8h01gfn] {
    margin: 0 0 1rem 0;
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary, #333);
}

/* Body */
.modal-global-body[b-6kn8h01gfn] {
    padding: 0 1.5rem 1.5rem;
    flex: 1;
}

/* Responsividade */
@media (max-width: 768px) {
    .modal-global-overlay[b-6kn8h01gfn] {
        padding: 1rem;
    }
    
    .modal-global-content[b-6kn8h01gfn] {
        max-height: 95vh;
        border-radius: 12px;
    }
    
    .modal-global-header[b-6kn8h01gfn] {
        padding: 1rem 1rem 0;
    }
    
    .modal-global-header h3[b-6kn8h01gfn] {
        font-size: 1.5rem;
    }
    
    .modal-global-body[b-6kn8h01gfn] {
        padding: 0 1rem 1rem;
    }
}

/* Estilo específico para o modal de resumo */
.modal-global-overlay.resumo-modal[b-6kn8h01gfn] {
    background: rgba(0, 1, 87, 0.85);
}

.modal-global-overlay.resumo-modal .modal-global-content[b-6kn8h01gfn] {
    max-width: 900px;
    background: var(--bg-card, #ffffff);
}

.modal-global-overlay.resumo-modal .modal-global-close[b-6kn8h01gfn] {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.modal-global-overlay.resumo-modal .modal-global-close:hover[b-6kn8h01gfn] {
    background: rgba(255, 255, 255, 0.3);
}
/* /Layout/NavAuth.razor.rz.scp.css */
.nav-auth[b-rv6wo8aao8] {
    padding: 1rem 0;
    flex: 1;
    overflow-y: auto;
}

.nav-section[b-rv6wo8aao8] {
    margin-bottom: 2rem;
}

.nav-section:last-child[b-rv6wo8aao8] {
    margin-bottom: 0;
}

.nav-title[b-rv6wo8aao8] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #7f8c8d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.75rem;
    padding: 0 1.5rem;
}

.nav-list[b-rv6wo8aao8] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav-item[b-rv6wo8aao8] {
    margin-bottom: 0.25rem;
}

.nav-link[b-rv6wo8aao8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem;
    color: #666;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
    position: relative;
}

.nav-link:hover[b-rv6wo8aao8] {
    background: #f8f9fa;
    color: #3498db;
    border-left-color: #3498db;
}

.nav-link.active[b-rv6wo8aao8] {
    background: #e3f2fd;
    color: #3498db;
    border-left-color: #3498db;
}

.nav-link.logout-link[b-rv6wo8aao8] {
    color: #e74c3c;
}

.nav-link.logout-link:hover[b-rv6wo8aao8] {
    background: #fdeaea;
    color: #c0392b;
    border-left-color: #e74c3c;
}

.nav-icon[b-rv6wo8aao8] {
    font-size: 1.1rem;
    width: 20px;
    text-align: center;
    flex-shrink: 0;
}

.nav-text[b-rv6wo8aao8] {
    flex: 1;
}

/* Animações sutis */
.nav-link[b-rv6wo8aao8]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: linear-gradient(90deg, transparent, rgba(52, 152, 219, 0.1));
    transition: width 0.3s ease;
}

.nav-link:hover[b-rv6wo8aao8]::before {
    width: 100%;
}

/* Scrollbar personalizado */
.nav-auth[b-rv6wo8aao8]::-webkit-scrollbar {
    width: 6px;
}

.nav-auth[b-rv6wo8aao8]::-webkit-scrollbar-track {
    background: transparent;
}

.nav-auth[b-rv6wo8aao8]::-webkit-scrollbar-thumb {
    background: #e9ecef;
    border-radius: 3px;
}

.nav-auth[b-rv6wo8aao8]::-webkit-scrollbar-thumb:hover {
    background: #dee2e6;
}

/* Mobile/Tablet */
@media (max-width: 1024px) {
    .nav-auth[b-rv6wo8aao8] {
        padding: 0.5rem 0;
    }
    
    .nav-title[b-rv6wo8aao8] {
        padding: 0 1rem;
        margin-bottom: 0.5rem;
    }
    
    .nav-link[b-rv6wo8aao8] {
        padding: 0.75rem 1rem;
        font-size: 0.9rem;
    }
    
    .nav-icon[b-rv6wo8aao8] {
        font-size: 1rem;
        width: 18px;
    }
}

@media (max-width: 768px) {
    .nav-section[b-rv6wo8aao8] {
        margin-bottom: 1.5rem;
    }
    
    .nav-title[b-rv6wo8aao8] {
        font-size: 0.75rem;
        margin-bottom: 0.5rem;
    }
    
    .nav-link[b-rv6wo8aao8] {
        padding: 0.6rem 0.75rem;
        font-size: 0.85rem;
        gap: 0.5rem;
    }
    
    .nav-icon[b-rv6wo8aao8] {
        font-size: 0.9rem;
        width: 16px;
    }
}
/* /Layout/NavPublic.razor.rz.scp.css */
/* Base Navbar */
.navbar-public[b-kdox13gpav] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: var(--transition);
    background: transparent;
    backdrop-filter: blur(0px);
    height: 70px;
    /* Reduzido de altura */
}

.navbar-public.scrolled[b-kdox13gpav] {
    background: rgba(0, 1, 87, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Desktop Navbar */
.navbar-desktop[b-kdox13gpav] {
    display: block;
    height: 100%;
}

.navbar-desktop .navbar-container[b-kdox13gpav] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2rem;
    max-width: 1400px;
    margin: 0 auto;
    height: 100%;
}

/* Logo */
.navbar-brand[b-kdox13gpav] {
    flex-shrink: 0;
    margin-right: auto;
    /* Empurra o resto para a direita */
}

.logo-link[b-kdox13gpav] {
    display: inline-block;
    transition: var(--transition);
}

.logo-link:hover[b-kdox13gpav] {
    transform: scale(1.05);
}

.logo-image[b-kdox13gpav] {
    min-height: 40px;
    padding-top: 8px;
    object-fit: cover;
    object-position: center;
    min-width: 200px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

/* Navigation Tabs */
.navbar-tabs[b-kdox13gpav] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    /* Reduzido de 2rem */
    margin: 0 auto;
    /* Centraliza os tabs */
    flex: 1;
    justify-content: center;
}

.tab-link[b-kdox13gpav] {
    position: relative;
    padding: 0.5rem 1rem;
    /* Reduzido de 0.75rem 1.5rem */
    color: rgba(255, 255, 255, 0.9);
    /* Melhor contraste */
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9rem;
    /* Reduzido de 1rem */
    border-radius: var(--border-radius);
    transition: var(--transition);
    background: transparent;
    white-space: nowrap;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    /* Melhor legibilidade */
}

.tab-link:hover[b-kdox13gpav] {
    background: rgba(255, 255, 255, 0.15);
    /* Mais visível */
    transform: translateY(-2px);
    color: white;
    /* Melhor contraste */
}

.tab-link.active[b-kdox13gpav] {
    background: var(--color-secondary);
    color: var(--color-primary);
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
    text-shadow: none;
    /* Remove text-shadow para active */
}

.tab-link.active:hover[b-kdox13gpav] {
    background: var(--color-secondary-light);
    transform: translateY(-2px);
}

/* Controls (Social + Theme) */
.navbar-controls[b-kdox13gpav] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    /* Reduzido de 1rem */
    margin-left: auto;
    /* Empurra para a direita */
}

.social-icons[b-kdox13gpav] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    /* Reduzido de 0.75rem */
}

.social-link[b-kdox13gpav] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    /* Reduzido de 40px */
    height: 36px;
    /* Reduzido de 40px */
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    color: var(--color-text-light);
    text-decoration: none;
    transition: var(--transition);
    font-size: 1rem;
    /* Reduzido de 1.1rem */
}

.social-link:hover[b-kdox13gpav] {
    background: var(--color-secondary);
    color: var(--color-primary);
    transform: translateY(-2px) scale(1.1);
}

/* Theme Toggle */
.theme-toggle[b-kdox13gpav] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    /* Reduzido de 40px */
    height: 36px;
    /* Reduzido de 40px */
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    color: var(--color-text-light);
    cursor: pointer;
    transition: var(--transition);
    font-size: 1rem;
    /* Reduzido de 1.1rem */
    padding: 0;
}

.theme-toggle:hover[b-kdox13gpav] {
    background: var(--color-secondary);
    color: var(--color-primary);
    transform: translateY(-2px) scale(1.1);
}

/* Mobile Navbar */
.navbar-mobile[b-kdox13gpav] {
    display: none;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .navbar-desktop[b-kdox13gpav] {
        display: none;
    }

    .navbar-mobile[b-kdox13gpav] {
        display: block;
    }
}

/* Mobile Styles */
@media (max-width: 1024px) {
    .navbar-public[b-kdox13gpav] {
        height: auto;
        /* Altura automática para mobile */
        /* Sempre visível em mobile */
    }

    /* Mobile Top Row */
    .mobile-top-row[b-kdox13gpav] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.75rem;
        /* Reduzido de 1rem */
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        min-height: 40px;
        max-height: 55px;
        /* Altura mínima */
    }

    .mobile-controls[b-kdox13gpav] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        /* Reduzido de 1rem */
        order: 2;
        /* Coloca controles à direita */
    }

    .mobile-controls .social-icons[b-kdox13gpav] {
        gap: 0.5rem;
    }

    .mobile-controls .social-link[b-kdox13gpav] {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }

    .mobile-controls .theme-toggle[b-kdox13gpav] {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }

    /* Mobile Logo */
    .mobile-top-row .navbar-brand[b-kdox13gpav] {
        order: 1;
        /* Coloca logo à esquerda */
        margin-right: 0;
        /* Remove margin */
    }

    .mobile-top-row .logo-image[b-kdox13gpav] {
        height: 35px;
        /* Reduzido de 40px */
    }

    /* Mobile Tabs Container */
    .mobile-tabs-container[b-kdox13gpav] {
        display: felx;
        padding: 0.5rem 0;
        background: rgba(0, 0, 0, 0.1);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .mobile-tabs-scroll[b-kdox13gpav] {
        display: flex;
        gap: 0.25rem;
        /* Reduzido de 0.5rem */
        
        padding: 0 1rem;
        overflow-x: auto;
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE/Edge */
        -webkit-overflow-scrolling: touch;
        /* Smooth scrolling iOS */
    }

    .mobile-tabs-scroll[b-kdox13gpav]::-webkit-scrollbar {
        display: none;
        /* Chrome/Safari */
    }

    .mobile-tab[b-kdox13gpav] {
        flex-shrink: 0;
        padding: 0.6rem 1rem;
        /* Reduzido de 0.75rem 1.25rem */
        color: rgba(255, 255, 255, 0.9);
        /* Melhor contraste */
        text-decoration: none;
        font-weight: 500;
        font-size: 0.85rem;
        /* Reduzido de 0.9rem */
        border-radius: calc(var(--border-radius) / 2);
        /* Menos arredondado */
        transition: var(--transition);
        background: transparent;
        white-space: nowrap;
        border: 1px solid transparent;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        /* Melhor legibilidade */
    }

    .mobile-tab:hover[b-kdox13gpav] {
        background: rgba(255, 255, 255, 0.15);
        /* Mais visível */
        color: white;
        /* Melhor contraste */
    }

    .mobile-tab.active[b-kdox13gpav] {
        background: var(--color-secondary);
        color: var(--color-primary);
        font-weight: 600;
        box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3);
        text-shadow: none;
        /* Remove text-shadow para active */
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .mobile-top-row[b-kdox13gpav] {
        padding: 0.75rem;
    }

    .mobile-top-row .logo-image[b-kdox13gpav] {
        height: 35px;
    }

    .mobile-controls[b-kdox13gpav] {
        gap: 0.75rem;
    }

    .mobile-controls .social-link[b-kdox13gpav],
    .mobile-controls .theme-toggle[b-kdox13gpav] {
        width: 32px;
        height: 32px;
        font-size: 0.9rem;
    }

    .mobile-tab[b-kdox13gpav] {
        padding: 0.6rem 1rem;
        font-size: 0.85rem;
    }
}

/* Animations */
@keyframes fadeInDown-b-kdox13gpav {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.navbar-public[b-kdox13gpav] {
    animation: fadeInDown-b-kdox13gpav 0.5s ease-out;
}

/* Dark Theme Support */
.navbar-public.dark-theme[b-kdox13gpav] {
    --color-primary: #0A2463;
    --color-secondary: #FFD700;
}

.navbar-public.dark-theme .tab-link[b-kdox13gpav],
.navbar-public.dark-theme .social-link[b-kdox13gpav],
.navbar-public.dark-theme .theme-toggle[b-kdox13gpav] {
    color: var(--color-text-light);
}

.navbar-public.dark-theme .tab-link.active[b-kdox13gpav] {
    color: var(--color-primary);
    background: var(--color-secondary);
}
/* /Layout/NotificationBell.razor.rz.scp.css */
.notification-bell[b-apz0j2x8n4] {
    position: relative;
    display: inline-block;
}

.bell-button[b-apz0j2x8n4] {
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 50%;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bell-button:hover[b-apz0j2x8n4] {
    background-color: rgba(255, 255, 255, 0.1);
}

.bell-icon[b-apz0j2x8n4] {
    font-size: 1.2rem;
    color: white;
}

.notification-badge[b-apz0j2x8n4] {
    position: absolute;
    top: 0;
    right: 0;
    background: #e74c3c;
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: bold;
    border: 2px solid white;
    animation: pulse-b-apz0j2x8n4 2s infinite;
}

@keyframes pulse-b-apz0j2x8n4 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

/* Dropdown */
.notification-dropdown[b-apz0j2x8n4] {
    position: absolute;
    top: 100%;
    right: 0;
    width: 350px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    border: 1px solid #e9ecef;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
    margin-top: 0.5rem;
}

.notification-dropdown.show[b-apz0j2x8n4] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.notification-header[b-apz0j2x8n4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
    border-radius: 12px 12px 0 0;
}

.notification-header h3[b-apz0j2x8n4] {
    margin: 0;
    font-size: 1rem;
    color: #2c3e50;
    font-weight: 600;
}

.mark-all-read[b-apz0j2x8n4] {
    background: none;
    border: none;
    color: #3498db;
    font-size: 0.8rem;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.mark-all-read:hover[b-apz0j2x8n4] {
    background-color: rgba(52, 152, 219, 0.1);
}

.notification-list[b-apz0j2x8n4] {
    max-height: 400px;
    overflow-y: auto;
}

.notification-item[b-apz0j2x8n4] {
    display: flex;
    align-items: flex-start;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: background-color 0.3s ease;
    position: relative;
}

.notification-item:last-child[b-apz0j2x8n4] {
    border-bottom: none;
}

.notification-item:hover[b-apz0j2x8n4] {
    background-color: #f8f9fa;
}

.notification-item.unread[b-apz0j2x8n4] {
    background-color: #e3f2fd;
}

.notification-item.unread:hover[b-apz0j2x8n4] {
    background-color: #bbdefb;
}

.notification-content[b-apz0j2x8n4] {
    flex: 1;
}

.notification-title[b-apz0j2x8n4] {
    font-weight: 600;
    color: #2c3e50;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.notification-message[b-apz0j2x8n4] {
    color: #666;
    font-size: 0.85rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

.notification-time[b-apz0j2x8n4] {
    color: #7f8c8d;
    font-size: 0.75rem;
}

.notification-actions[b-apz0j2x8n4] {
    margin-left: 0.5rem;
}

.unread-indicator[b-apz0j2x8n4] {
    width: 8px;
    height: 8px;
    background: #3498db;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.no-notifications[b-apz0j2x8n4] {
    text-align: center;
    padding: 2rem 1rem;
    color: #7f8c8d;
}

.no-notifications-icon[b-apz0j2x8n4] {
    font-size: 2rem;
    display: block;
    margin-bottom: 0.5rem;
}

.no-notifications p[b-apz0j2x8n4] {
    margin: 0;
    font-size: 0.9rem;
}

.notification-footer[b-apz0j2x8n4] {
    padding: 0.75rem 1.5rem;
    border-top: 1px solid #e9ecef;
    background: #f8f9fa;
    border-radius: 0 0 12px 12px;
    text-align: center;
}

.view-all-link[b-apz0j2x8n4] {
    color: #3498db;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    transition: color 0.3s ease;
}

.view-all-link:hover[b-apz0j2x8n4] {
    color: #2980b9;
    text-decoration: underline;
}

/* Scrollbar personalizado */
.notification-list[b-apz0j2x8n4]::-webkit-scrollbar {
    width: 6px;
}

.notification-list[b-apz0j2x8n4]::-webkit-scrollbar-track {
    background: transparent;
}

.notification-list[b-apz0j2x8n4]::-webkit-scrollbar-thumb {
    background: #e9ecef;
    border-radius: 3px;
}

.notification-list[b-apz0j2x8n4]::-webkit-scrollbar-thumb:hover {
    background: #dee2e6;
}

/* Mobile */
@media (max-width: 768px) {
    .notification-dropdown[b-apz0j2x8n4] {
        width: 300px;
        right: -1rem;
    }
    
    .notification-header[b-apz0j2x8n4] {
        padding: 0.75rem 1rem;
    }
    
    .notification-item[b-apz0j2x8n4] {
        padding: 0.75rem 1rem;
    }
    
    .notification-title[b-apz0j2x8n4] {
        font-size: 0.85rem;
    }
    
    .notification-message[b-apz0j2x8n4] {
        font-size: 0.8rem;
    }
}

@media (max-width: 480px) {
    .notification-dropdown[b-apz0j2x8n4] {
        width: 280px;
        left: 0;
        right: 0;
        border-radius: 0;
    }
    
    .notification-header[b-apz0j2x8n4] {
        border-radius: 0;
    }
    
    .notification-footer[b-apz0j2x8n4] {
        border-radius: 0;
    }
}
/* /Layout/PublicLayout.razor.rz.scp.css */
.public-layout[b-z14rn1rlpk] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.main-content[b-z14rn1rlpk] {
    flex: 1;
    top: 0;
}
/* /Pages/Actividades/ActividadeDetalhe.razor.rz.scp.css */
/* /Pages/Actividades/ActividadesList.razor.rz.scp.css */
/* /Pages/Actividades/ExposicoesGestao.razor.rz.scp.css */
/* /Pages/Actividades/FormularioDetalhe.razor.rz.scp.css */
/* /Pages/Actividades/FormulariosList.razor.rz.scp.css */
/* /Pages/Actividades/Pessoas.razor.rz.scp.css */
/* /Pages/Admin/Categorias.razor.rz.scp.css */
/* /Pages/Admin/Datas.razor.rz.scp.css */
/* /Pages/Admin/Edicoes.razor.rz.scp.css */
/* /Pages/Admin/Salas.razor.rz.scp.css */
/* /Pages/Artigos/Resumos.razor.rz.scp.css */
/* /Pages/Auth/AlterarPassword.razor.rz.scp.css */
/* /Pages/Auth/Login.razor.rz.scp.css */
/* ================================================================
   SPLIT SCREEN LOGIN - CLEAN & RESPONSIVE
   ================================================================ */

/* Reset any conflicting styles */
.login-split-page[b-ooeb2g04ze],
.login-split-page *[b-ooeb2g04ze] {
    box-sizing: border-box;
}

/* Main Split Layout */
.login-split-page[b-ooeb2g04ze] {
    min-height: 100vh;
    min-height: 100svh;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 480px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/* Left Side - Visual */
.login-visual-side[b-ooeb2g04ze] {
    position: relative;
    background: linear-gradient(135deg, var(--color-primary, #000157) 0%, #001a4d 50%, #000d26 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    overflow: hidden;
    min-height: 100vh;
}

.login-visual-bg[b-ooeb2g04ze] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.login-grid-pattern[b-ooeb2g04ze] {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 60px 60px;
}

.login-gradient-overlay[b-ooeb2g04ze] {
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(ellipse at 30% 20%, rgba(255, 215, 0, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
}

.login-visual-content[b-ooeb2g04ze] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: white;
    max-width: 400px;
    width: 100%;
}

.login-brand[b-ooeb2g04ze] {
    margin-bottom: 2rem;
}

.login-brand-logo[b-ooeb2g04ze] {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-brand-logo svg[b-ooeb2g04ze] {
    width: 40px;
    height: 40px;
    color: white;
}

.login-brand-title[b-ooeb2g04ze] {
    font-size: 2.5rem;
    font-weight: 900;
    letter-spacing: 0.15em;
    margin-bottom: 0.5rem;
    color: white;
}

.login-brand-subtitle[b-ooeb2g04ze] {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
    margin: 0;
}

.login-visual-footer[b-ooeb2g04ze] {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.4);
    text-align: center;
    width: 100%;
}

.login-visual-footer p[b-ooeb2g04ze] {
    margin: 0;
}

/* Right Side - Form */
.login-form-side[b-ooeb2g04ze] {
    background: #f8f9fa;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 2rem;
    overflow-y: auto;
    min-height: 100vh;
    position: relative;
}

.login-form-container[b-ooeb2g04ze] {
    width: 100%;
    max-width: 380px;
    margin: 0 auto;
    padding-top: 1rem;
}

/* Quick Access Card */
.quick-access-card[b-ooeb2g04ze] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 16px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.quick-access-header[b-ooeb2g04ze] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #6c757d;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e9ecef;
}

.quick-access-header svg[b-ooeb2g04ze] {
    color: var(--color-primary, #000157);
    flex-shrink: 0;
}

.quick-access-grid[b-ooeb2g04ze] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.quick-access-item[b-ooeb2g04ze] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.quick-access-item:hover[b-ooeb2g04ze] {
    background: white;
    border-color: var(--color-primary, #000157);
    box-shadow: 0 4px 12px rgba(0, 1, 87, 0.1);
    transform: translateY(-2px);
}

.quick-access-icon[b-ooeb2g04ze] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 800;
    color: white;
    flex-shrink: 0;
}

.quick-access-item.superadmin .quick-access-icon[b-ooeb2g04ze] {
    background: linear-gradient(135deg, #dc3545 0%, #b02a37 100%);
}

.quick-access-item.admin .quick-access-icon[b-ooeb2g04ze] {
    background: linear-gradient(135deg, #fd7e14 0%, #e66c02 100%);
}

.quick-access-item.actividades .quick-access-icon[b-ooeb2g04ze] {
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
}

.quick-access-item.artigos .quick-access-icon[b-ooeb2g04ze] {
    background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);
}

.quick-access-role[b-ooeb2g04ze] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #212529;
}

/* Login Card */
.login-card[b-ooeb2g04ze] {
    background: white;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.login-card-header[b-ooeb2g04ze] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.login-title[b-ooeb2g04ze] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #212529;
    margin-bottom: 0.25rem;
}

.login-subtitle[b-ooeb2g04ze] {
    font-size: 0.95rem;
    color: #6c757d;
    margin: 0;
}

/* Alert */
.login-alert[b-ooeb2g04ze] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 12px;
    margin-bottom: 1.25rem;
    font-size: 0.9rem;
}

.login-alert-error[b-ooeb2g04ze] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
}

.login-alert svg[b-ooeb2g04ze] {
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.login-alert span[b-ooeb2g04ze] {
    flex: 1;
}

.login-alert-close[b-ooeb2g04ze] {
    background: none;
    border: none;
    color: inherit;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s;
    padding: 0;
    margin: -0.25rem 0;
}

.login-alert-close:hover[b-ooeb2g04ze] {
    opacity: 1;
}

/* Form */
.login-form[b-ooeb2g04ze] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.login-input-group[b-ooeb2g04ze] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.login-label[b-ooeb2g04ze] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.25rem;
}

.login-input-wrapper[b-ooeb2g04ze] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.login-input-icon[b-ooeb2g04ze] {
    position: absolute;
    left: 1rem;
    color: #6c757d;
    width: 20px;
    height: 20px;
    pointer-events: none;
    z-index: 2;
}

/* CRITICAL: Input styling with high specificity to override Bootstrap */
.login-input-wrapper input.login-input[b-ooeb2g04ze],
.login-input-wrapper input.form-control.login-input[b-ooeb2g04ze],
.login-form input.login-input[b-ooeb2g04ze],
input.login-input[b-ooeb2g04ze] {
    width: 100% !important;
    padding: 0.875rem 1rem 0.875rem 2.75rem !important;
    border: 2px solid #dee2e6 !important;
    border-radius: 12px !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    transition: all 0.2s ease !important;
    background: white !important;
    color: #212529 !important;
    height: auto !important;
    display: block !important;
    box-shadow: none !important;
}

.login-input-wrapper input.login-input:focus[b-ooeb2g04ze],
.login-input-wrapper input.form-control.login-input:focus[b-ooeb2g04ze],
.login-form input.login-input:focus[b-ooeb2g04ze],
input.login-input:focus[b-ooeb2g04ze] {
    outline: none !important;
    border-color: var(--color-primary, #000157) !important;
    box-shadow: 0 0 0 4px rgba(0, 1, 87, 0.08) !important;
}

.login-input-wrapper input.login-input[b-ooeb2g04ze]::placeholder,
.login-form input.login-input[b-ooeb2g04ze]::placeholder {
    color: #adb5bd !important;
    opacity: 1 !important;
}

.login-validation-error[b-ooeb2g04ze] {
    font-size: 0.8rem;
    color: #dc2626;
    margin-top: 0.25rem;
}

/* Button */
.login-btn[b-ooeb2g04ze] {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.875rem 1.5rem;
    background: var(--color-primary, #000157);
    color: white;
    border: none;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: 0.5rem;
    text-decoration: none;
}

.login-btn:hover:not(:disabled)[b-ooeb2g04ze] {
    background: #000760;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(0, 1, 87, 0.3);
}

.login-btn:disabled[b-ooeb2g04ze] {
    opacity: 0.6;
    cursor: not-allowed;
}

.login-spinner[b-ooeb2g04ze] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-ooeb2g04ze 0.8s linear infinite;
}

@keyframes spin-b-ooeb2g04ze {
    to { transform: rotate(360deg); }
}

/* Footer */
.login-footer[b-ooeb2g04ze] {
    margin-top: 1.5rem;
    text-align: center;
}

.login-back-link[b-ooeb2g04ze] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #6c757d;
    font-size: 0.9rem;
    text-decoration: none;
    transition: color 0.2s;
}

.login-back-link:hover[b-ooeb2g04ze] {
    color: var(--color-primary, #000157);
}

.login-back-link svg[b-ooeb2g04ze] {
    flex-shrink: 0;
}

/* Responsive - Tablet */
@media (max-width: 900px) {
    .login-split-page[b-ooeb2g04ze] {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
    }
    
    .login-visual-side[b-ooeb2g04ze] {
        min-height: 200px;
        padding: 1.5rem;
    }
    
    .login-brand-logo[b-ooeb2g04ze] {
        width: 60px;
        height: 60px;
    }
    
    .login-brand-logo svg[b-ooeb2g04ze] {
        width: 30px;
        height: 30px;
    }
    
    .login-brand-title[b-ooeb2g04ze] {
        font-size: 1.75rem;
    }
    
    .login-brand-subtitle[b-ooeb2g04ze] {
        font-size: 0.9rem;
    }
    
    .login-visual-footer[b-ooeb2g04ze] {
        display: none;
    }
    
    .login-form-side[b-ooeb2g04ze] {
        min-height: auto;
        padding: 1.5rem;
    }
    
    .login-form-container[b-ooeb2g04ze] {
        max-width: 100%;
        padding-top: 0;
    }
}

/* Responsive - Mobile */
@media (max-width: 480px) {
    .login-visual-side[b-ooeb2g04ze] {
        min-height: 160px;
        padding: 1rem;
    }
    
    .login-brand[b-ooeb2g04ze] {
        margin-bottom: 0;
    }
    
    .login-brand-logo[b-ooeb2g04ze] {
        width: 50px;
        height: 50px;
        margin-bottom: 1rem;
    }
    
    .login-brand-logo svg[b-ooeb2g04ze] {
        width: 25px;
        height: 25px;
    }
    
    .login-brand-title[b-ooeb2g04ze] {
        font-size: 1.5rem;
    }
    
    .login-form-side[b-ooeb2g04ze] {
        padding: 1rem;
    }
    
    .quick-access-card[b-ooeb2g04ze] {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .quick-access-grid[b-ooeb2g04ze] {
        gap: 0.5rem;
    }
    
    .quick-access-item[b-ooeb2g04ze] {
        padding: 0.625rem;
    }
    
    .quick-access-icon[b-ooeb2g04ze] {
        width: 32px;
        height: 32px;
        font-size: 0.7rem;
    }
    
    .quick-access-role[b-ooeb2g04ze] {
        font-size: 0.8rem;
    }
    
    .login-card[b-ooeb2g04ze] {
        padding: 1.5rem;
    }
    
    .login-title[b-ooeb2g04ze] {
        font-size: 1.5rem;
    }
}

/* Extra small screens */
@media (max-width: 360px) {
    .quick-access-grid[b-ooeb2g04ze] {
        grid-template-columns: 1fr;
    }
    
    .login-btn[b-ooeb2g04ze] {
        padding: 0.75rem 1rem;
    }
}
/* /Pages/Public/Cronograma.razor.rz.scp.css */
/* Hero Section */
.hero-section[b-b0q9yo5bw9] {
    position: relative;
    height: 60vh;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.hero-background[b-b0q9yo5bw9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-image[b-b0q9yo5bw9] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-overlay[b-b0q9yo5bw9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        135deg,
        rgba(0, 1, 87, 0.8) 0%,
        rgba(10, 36, 99, 0.6) 50%,
        rgba(0, 1, 87, 0.8) 100%
    );
    z-index: 2;
}

.hero-content[b-b0q9yo5bw9] {
    position: relative;
    z-index: 3;
    text-align: center;
    max-width: 800px;
    padding: 2rem;
    animation: fadeInUp-b-b0q9yo5bw9 1s ease-out;
}

.hero-title[b-b0q9yo5bw9] {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 700;
    margin-bottom: 1rem;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.hero-subtitle[b-b0q9yo5bw9] {
    font-size: clamp(1.2rem, 3vw, 1.8rem);
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 2rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.section-title[b-b0q9yo5bw9] {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2rem;
    color: var(--color-primary, #000157);
    text-align: center;
}

/* Animações */
@keyframes fadeInUp-b-b0q9yo5bw9 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsividade */
@media (max-width: 768px) {
    .hero-section[b-b0q9yo5bw9] {
        height: 50vh;
        min-height: 300px;
    }
    
    .hero-content[b-b0q9yo5bw9] {
        padding: 1rem;
    }
    
    .section-title[b-b0q9yo5bw9] {
        font-size: 1.5rem;
    }
}
/* /Pages/Public/Exposicoes.razor.rz.scp.css */
/* Hero Section */
.hero-section[b-1u9adcguwl] {
    position: relative;
    height: 60vh;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.hero-background[b-1u9adcguwl] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-image[b-1u9adcguwl] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-overlay[b-1u9adcguwl] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        135deg,
        rgba(0, 1, 87, 0.8) 0%,
        rgba(10, 36, 99, 0.6) 50%,
        rgba(0, 1, 87, 0.8) 100%
    );
    z-index: 2;
}

.hero-content[b-1u9adcguwl] {
    position: relative;
    z-index: 3;
    text-align: center;
    max-width: 800px;
    padding: 2rem;
    animation: fadeInUp-b-1u9adcguwl 1s ease-out;
}

.hero-title[b-1u9adcguwl] {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 700;
    margin-bottom: 1rem;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.hero-subtitle[b-1u9adcguwl] {
    font-size: clamp(1.2rem, 3vw, 1.8rem);
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 2rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.section-title[b-1u9adcguwl] {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2rem;
    color: var(--color-primary, #000157);
    text-align: center;
}

/* Animações */
@keyframes fadeInUp-b-1u9adcguwl {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsividade */
@media (max-width: 768px) {
    .hero-section[b-1u9adcguwl] {
        height: 50vh;
        min-height: 300px;
    }
    
    .hero-content[b-1u9adcguwl] {
        padding: 1rem;
    }
    
    .section-title[b-1u9adcguwl] {
        font-size: 1.5rem;
    }
}
/* /Pages/Public/Galeria.razor.rz.scp.css */
/* Hero Section */
.hero-section[b-w1sc28k579] {
    position: relative;
    height: 60vh;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.hero-background[b-w1sc28k579] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-image[b-w1sc28k579] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-overlay[b-w1sc28k579] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        135deg,
        rgba(0, 1, 87, 0.8) 0%,
        rgba(10, 36, 99, 0.6) 50%,
        rgba(0, 1, 87, 0.8) 100%
    );
    z-index: 2;
}

.hero-content[b-w1sc28k579] {
    position: relative;
    z-index: 3;
    text-align: center;
    max-width: 800px;
    padding: 2rem;
    animation: fadeInUp-b-w1sc28k579 1s ease-out;
}

.hero-title[b-w1sc28k579] {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 700;
    margin-bottom: 1rem;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.hero-subtitle[b-w1sc28k579] {
    font-size: clamp(1.2rem, 3vw, 1.8rem);
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 2rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.section-title[b-w1sc28k579] {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2rem;
    color: var(--color-primary, #000157);
    text-align: center;
}

/* Animações */
@keyframes fadeInUp-b-w1sc28k579 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsividade */
@media (max-width: 768px) {
    .hero-section[b-w1sc28k579] {
        height: 50vh;
        min-height: 300px;
    }
    
    .hero-content[b-w1sc28k579] {
        padding: 1rem;
    }
    
    .section-title[b-w1sc28k579] {
        font-size: 1.5rem;
    }
}
/* /Pages/Public/Home.razor.rz.scp.css */
/* ================================================================
   Home.razor.css  —  SETEC Public Home Page
   ================================================================ */

.section[b-yhwkas5zla] {
    padding: 6rem 0;
}

/* ── Section labels & titles ──────────────────────────────────── */
.section-label[b-yhwkas5zla] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--color-primary-ligth);
    margin-bottom: 0.6rem;
}

.section-title[b-yhwkas5zla] {
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 800;
    color: var(--color-primary);
    line-height: 1.15;
    margin-bottom: 2.5rem;
}

.title-accent[b-yhwkas5zla],
.hero-title-accent[b-yhwkas5zla] {
    color: var(--color-secondary);
}

/* ================================================================
   HERO SECTION
   ================================================================ */
.hero-section[b-yhwkas5zla] {
    position: relative;
    min-height: 100svh;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: #fff;
}

.hero-bg[b-yhwkas5zla] {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hero-image[b-yhwkas5zla] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.04);
    animation: heroZoom-b-yhwkas5zla 12s ease-out forwards;
}

@keyframes heroZoom-b-yhwkas5zla {
    from { transform: scale(1.08); }
    to   { transform: scale(1.0);  }
}

.hero-overlay[b-yhwkas5zla] {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
            rgba(0, 1, 87, 0.88) 0%,
            rgba(0, 1, 87, 0.60) 50%,
            rgba(0, 8, 162, 0.45) 100%);
}

.hero-grid-lines[b-yhwkas5zla] {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 60px 60px;
    pointer-events: none;
}

.hero-content[b-yhwkas5zla] {
    position: relative;
    z-index: 1;
    padding-top: 6rem;
    padding-bottom: 6rem;
    animation: heroFadeUp-b-yhwkas5zla 0.9s ease both;
}

.hero-main[b-yhwkas5zla] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4rem;
    align-items: center;
    max-width: 1200px;
}

.hero-left[b-yhwkas5zla] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hero-right[b-yhwkas5zla] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes heroFadeUp-b-yhwkas5zla {
    from { opacity: 0; transform: translateY(28px); }
    to   { opacity: 1; transform: translateY(0);     }
}

.hero-badge[b-yhwkas5zla] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
    padding: 0.35rem 1rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 1.5rem;
}

.dot-live[b-yhwkas5zla],
.dot-pulse[b-yhwkas5zla] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-secondary);
    display: inline-block;
}

.dot-live[b-yhwkas5zla]  { animation: dotPulse-b-yhwkas5zla 1.8s ease infinite; }
.dot-pulse[b-yhwkas5zla] { animation: dotPulse-b-yhwkas5zla 2.4s ease infinite; }

@keyframes dotPulse-b-yhwkas5zla {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.6); }
    50%       { opacity: 0.6; box-shadow: 0 0 0 6px rgba(255, 215, 0, 0); }
}

.hero-title[b-yhwkas5zla] {
    font-size: clamp(2.4rem, 7vw, 5rem);
    font-weight: 900;
    line-height: 1.08;
    color: #fff;
    margin-bottom: 1.2rem;
    max-width: 700px;
    text-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.hero-year[b-yhwkas5zla] {
    font-size: 5rem;
    font-weight: 900;
    color: var(--color-secondary);
    line-height: 1;
    margin-bottom: 1.5rem;
    letter-spacing: -0.03em;
}

.hero-meta[b-yhwkas5zla] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 2rem;
    margin-bottom: 2.5rem;
}

.hero-meta-item[b-yhwkas5zla] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
}

.hero-actions[b-yhwkas5zla] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.5rem;
}

.btn-hero-primary[b-yhwkas5zla] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--color-secondary);
    color: var(--color-primary);
    font-weight: 800;
    font-size: 0.95rem;
    padding: 0.85rem 2rem;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.22s ease;
    box-shadow: 0 4px 20px rgba(255, 215, 0, 0.35);
}

.btn-hero-primary:hover[b-yhwkas5zla] {
    background: #ffe44d;
    color: var(--color-primary);
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(255, 215, 0, 0.5);
}

.btn-hero-outline[b-yhwkas5zla] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: transparent;
    color: #fff;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 0.85rem 2rem;
    border-radius: 4px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    text-decoration: none;
    transition: all 0.22s ease;
}

.btn-hero-outline:hover[b-yhwkas5zla] {
    border-color: #fff;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.hero-scroll-hint[b-yhwkas5zla] {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.7rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    z-index: 1;
}

.scroll-line[b-yhwkas5zla] {
    width: 1px;
    height: 40px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));
    animation: scrollDrop-b-yhwkas5zla 1.8s ease infinite;
}

@keyframes scrollDrop-b-yhwkas5zla {
    0%   { transform: scaleY(0); transform-origin: top;    opacity: 1; }
    50%  { transform: scaleY(1); transform-origin: top;    opacity: 1; }
    100% { transform: scaleY(1); transform-origin: bottom; opacity: 0; }
}

/* Skeleton */
.hero-skeleton[b-yhwkas5zla] { max-width: 600px; }

.skeleton[b-yhwkas5zla] {
    background: linear-gradient(90deg,
            rgba(255, 255, 255, 0.1) 25%,
            rgba(255, 255, 255, 0.2) 50%,
            rgba(255, 255, 255, 0.1) 75%);
    background-size: 400% 100%;
    animation: shimmer-b-yhwkas5zla 1.6s infinite;
    border-radius: 6px;
    margin-bottom: 1rem;
}

@keyframes shimmer-b-yhwkas5zla {
    0%   { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

.skeleton-title[b-yhwkas5zla] { height: 64px; width: 75%; }
.skeleton-sub[b-yhwkas5zla]   { height: 20px; width: 55%; }
.skeleton-btns[b-yhwkas5zla]  { height: 52px; width: 200px; margin-top: 0.5rem; }

/* ================================================================
   SOBRE SECTION
   ================================================================ */
.sobre-section[b-yhwkas5zla] { background: var(--bg-secondary); }

.sobre-inner[b-yhwkas5zla] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    align-items: center;
}

.sobre-image-col[b-yhwkas5zla] { max-width: 50vw; }

.sobre-image[b-yhwkas5zla] {
    height: auto;
    max-width: 500px;
    object-fit: cover;
    border-radius: 0.75rem;
}

.sobre-texto[b-yhwkas5zla] {
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: 1rem;
    font-size: 1.02rem;
}

.btn-solid[b-yhwkas5zla] {
    display: inline-flex;
    align-items: center;
    background: var(--color-primary);
    color: #fff;
    font-weight: 700;
    font-size: 0.9rem;
    padding: 0.8rem 1.8rem;
    border-radius: 4px;
    text-decoration: none;
    margin-top: 0.5rem;
    transition: all 0.22s ease;
    border: 2px solid var(--color-primary);
}

.btn-solid:hover[b-yhwkas5zla] {
    background: transparent;
    color: var(--color-primary);
}

@media (max-width: 1080px) {
    .sobre-inner[b-yhwkas5zla] {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .sobre-image-col[b-yhwkas5zla] {
        display: flex;
        max-width: 100%;
    }

    .sobre-image-wrapper[b-yhwkas5zla] {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        padding: 0 1rem;
    }

    .sobre-image[b-yhwkas5zla] {
        max-width: 100%;
        width: 100%;
        height: auto;
        max-height: 400px;
        object-fit: cover;
        border-radius: 1rem;
    }
}

@media (max-width: 768px) {
    .sobre-section[b-yhwkas5zla] { padding: 3rem 0; }

    .sobre-inner[b-yhwkas5zla] { gap: 2rem; padding: 0 0.5rem; }

    .sobre-image-col[b-yhwkas5zla] { margin-bottom: 1.5rem; }

    .sobre-image-wrapper[b-yhwkas5zla] { padding: 0 0.5rem; }

    .sobre-image[b-yhwkas5zla] {
        max-height: 300px;
        border-radius: 0.5rem;
        width: 100%;
        object-fit: cover;
    }

    .sobre-text-col[b-yhwkas5zla] {
        padding: 0 1rem;
        text-align: center;
    }

    .sobre-texto[b-yhwkas5zla] { font-size: 0.95rem; line-height: 1.7; margin-bottom: 0.8rem; }
    .btn-solid[b-yhwkas5zla]   { margin-top: 1rem; padding: 0.7rem 1.5rem; font-size: 0.85rem; }
}

@media (max-width: 480px) {
    .sobre-image[b-yhwkas5zla]    { max-height: 250px; border-radius: 0.4rem; }
    .sobre-text-col[b-yhwkas5zla] { padding: 0 0.5rem; }
    .sobre-texto[b-yhwkas5zla]    { font-size: 0.9rem; }
    .section-title[b-yhwkas5zla]  { font-size: 1.5rem; margin-bottom: 1rem; }
}

/* ================================================================
   CATEGORIAS SECTION
   ================================================================ */

.categorias-grid[b-yhwkas5zla] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.25rem;
}

.categoria-card[b-yhwkas5zla] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 14px;
    padding: 1.6rem 1.4rem;
    cursor: pointer;
    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    position: relative;
    overflow: hidden;
}

.categoria-card[b-yhwkas5zla]::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--color-secondary);
    transform: scaleY(0);
    transition: transform 0.22s ease;
    border-radius: 3px 0 0 3px;
}

.categoria-card:hover[b-yhwkas5zla] {
    border-color: var(--color-primary);
    transform: translateX(4px);
    box-shadow: 0 8px 28px rgba(0, 1, 87, 0.12);
}

.categoria-card:hover[b-yhwkas5zla]::after {
    transform: scaleY(1);
}

.categoria-icon-wrap[b-yhwkas5zla] {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    background: linear-gradient(135deg, rgba(0, 1, 87, 0.08) 0%, rgba(0, 1, 87, 0.04) 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.categoria-card:hover .categoria-icon-wrap[b-yhwkas5zla] {
    background: var(--color-primary);
    color: var(--color-secondary);
    box-shadow: 0 6px 18px rgba(0, 1, 87, 0.25);
}

.categoria-content[b-yhwkas5zla] {
    flex: 1;
    min-width: 0;
}

.categoria-nome[b-yhwkas5zla] {
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 0.25rem;
    line-height: 1.3;
    transition: color 0.22s ease;
}

.categoria-card:hover .categoria-nome[b-yhwkas5zla] {
    color: var(--color-primary);
}

.categoria-descricao[b-yhwkas5zla] {
    font-size: 0.78rem;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
}

.categoria-arrow-icon[b-yhwkas5zla] {
    flex-shrink: 0;
    color: var(--text-muted);
    opacity: 0;
    transform: translateX(-4px);
    transition: all 0.22s ease;
}

.categoria-card:hover .categoria-arrow-icon[b-yhwkas5zla] {
    opacity: 1;
    transform: translateX(0);
    color: var(--color-primary);
}

@media (max-width: 768px) {
    .categorias-grid[b-yhwkas5zla] {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    .categoria-card[b-yhwkas5zla] {
        padding: 1.2rem 1.2rem;
        border-radius: 10px;
    }

    .categoria-icon-wrap[b-yhwkas5zla] {
        width: 46px;
        height: 46px;
    }
}

/* ================================================================
   COMO PARTICIPAR — TIMELINE
   ================================================================ */
.participar-section[b-yhwkas5zla] {
    background: var(--color-primary);
    color: #fff;
}

.participar-section .section-label[b-yhwkas5zla] {
    color: var(--color-secondary);
}

.participar-section .section-title[b-yhwkas5zla] {
    color: #fff;
    margin-bottom: 3.5rem;
}

/* Timeline layout */
.timeline[b-yhwkas5zla] {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 700px;
    margin: 0 auto;
}

.timeline-item[b-yhwkas5zla] {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 0 1.8rem;
    position: relative;
}

/* Left column: icon + vertical line */
.timeline-marker[b-yhwkas5zla] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.timeline-icon-wrap[b-yhwkas5zla] {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    background: var(--color-secondary);
    color: var(--color-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 6px rgba(255, 215, 0, 0.15);
    position: relative;
    z-index: 1;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.timeline-item:hover .timeline-icon-wrap[b-yhwkas5zla] {
    transform: scale(1.08);
    box-shadow: 0 0 0 8px rgba(255, 215, 0, 0.25);
}

.timeline-connector[b-yhwkas5zla] {
    flex: 1;
    width: 2px;
    background: rgba(255, 215, 0, 0.25);
    margin: 0.5rem 0;
    min-height: 40px;
}

/* Right column: content */
.timeline-body[b-yhwkas5zla] {
    padding: 0.25rem 0 3rem;
}

.timeline-item:last-child .timeline-body[b-yhwkas5zla] {
    padding-bottom: 0;
}

.timeline-step-num[b-yhwkas5zla] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    color: var(--color-secondary);
    text-transform: uppercase;
    margin-bottom: 0.4rem;
    opacity: 0.75;
}

.timeline-titulo[b-yhwkas5zla] {
    font-size: 1.25rem;
    font-weight: 800;
    color: #fff;
    margin: 0 0 0.7rem;
    line-height: 1.25;
}

.timeline-desc[b-yhwkas5zla] {
    font-size: 0.92rem;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.75;
    margin: 0 0 1rem;
    max-width: 480px;
}

.timeline-link[b-yhwkas5zla] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--color-secondary);
    text-decoration: none;
    letter-spacing: 0.04em;
    transition: gap 0.2s ease, opacity 0.2s ease;
    opacity: 0.85;
}

.timeline-link:hover[b-yhwkas5zla] {
    gap: 0.7rem;
    opacity: 1;
    color: var(--color-secondary);
}

@media (max-width: 768px) {
    .timeline-item[b-yhwkas5zla] {
        grid-template-columns: 48px 1fr;
        gap: 0 1.2rem;
    }

    .timeline-icon-wrap[b-yhwkas5zla] {
        width: 44px;
        height: 44px;
    }

    .timeline-titulo[b-yhwkas5zla] { font-size: 1.1rem; }
    .timeline-body[b-yhwkas5zla]   { padding-bottom: 2.5rem; }
}

/* ================================================================
   MAPA SECTION
   ================================================================ */
.mapa-section[b-yhwkas5zla] { background: var(--bg-secondary); }

.mapa-wrapper[b-yhwkas5zla] {
    position: relative;
    cursor: pointer;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    max-height: 420px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mapa-wrapper:hover[b-yhwkas5zla] {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.mapa-img[b-yhwkas5zla] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.mapa-wrapper:hover .mapa-img[b-yhwkas5zla] { transform: scale(1.02); }

.mapa-caption[b-yhwkas5zla] {
    position: absolute;
    bottom: 1.2rem;
    left: 1.2rem;
    background: var(--color-primary);
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.mapa-overlay[b-yhwkas5zla] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 1, 87, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.5rem;
    opacity: 0;
    transition: opacity 0.3s ease;
    color: white;
    font-size: 0.9rem;
    font-weight: 500;
}

.mapa-wrapper:hover .mapa-overlay[b-yhwkas5zla] { opacity: 1; }

/* Mapa Modal */
.mapa-modal-overlay[b-yhwkas5zla] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    backdrop-filter: blur(4px);
    animation: fadeIn-b-yhwkas5zla 0.3s ease;
}

.mapa-modal-container[b-yhwkas5zla] {
    background: white;
    border-radius: 16px;
    max-width: 95vw;
    max-height: 95vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    animation: scaleIn-b-yhwkas5zla 0.3s ease;
    overflow: hidden;
    margin: 1rem;
}

/* Responsividade para mobile */
@media (max-width: 768px) {
    .mapa-modal-container[b-yhwkas5zla] {
        max-width: 98vw;
        max-height: 98vh;
        margin: 0.5rem;
        border-radius: 12px;
    }
    
    .mapa-modal-body[b-yhwkas5zla] {
        padding: 0.5rem;
    }
    
    .mapa-modal-img[b-yhwkas5zla] {
        max-height: 70vh;
    }
    
    .mapa-modal-img-container[b-yhwkas5zla] {
        padding: 0.25rem;
    }
    
    .mapa-modal-header[b-yhwkas5zla] {
        padding: 0.75rem 1rem;
    }
    
    .mapa-modal-title[b-yhwkas5zla] {
        font-size: 1rem;
    }
}

/* Responsividade para tablets */
@media (max-width: 1024px) and (min-width: 769px) {
    .mapa-modal-container[b-yhwkas5zla] {
        max-width: 96vw;
        max-height: 96vh;
    }
    
    .mapa-modal-img[b-yhwkas5zla] {
        max-height: 75vh;
    }
}

.mapa-modal-header[b-yhwkas5zla] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e0e0e0;
    background: var(--color-primary);
    color: white;
    flex-shrink: 0;
}

.mapa-modal-title[b-yhwkas5zla] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.mapa-modal-actions[b-yhwkas5zla] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.mapa-modal-close[b-yhwkas5zla] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
    color: white;
}

.mapa-modal-reset[b-yhwkas5zla] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
    color: white;
}

.mapa-modal-close:hover[b-yhwkas5zla], .mapa-modal-reset:hover[b-yhwkas5zla] { 
    background: rgba(255, 255, 255, 0.2); 
}

.mapa-modal-body[b-yhwkas5zla] {
    flex: 1;
    overflow: auto;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    min-height: 0;
}

.mapa-modal-img-container[b-yhwkas5zla] {
    position: relative;
    display: inline-block;
    cursor: zoom-in;
    transition: transform 0.3s ease;
    max-width: 100%;
    max-height: 100%;
    background: white;
    border-radius: 8px;
    padding: 0.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.mapa-modal-img-container.zoomed[b-yhwkas5zla] {
    cursor: zoom-out;
    transform: scale(1.5);
    z-index: 10;
}

.mapa-modal-img-container.zoomed-2x[b-yhwkas5zla] {
    transform: scale(2);
}

.mapa-modal-img-container.zoomed-3x[b-yhwkas5zla] {
    transform: scale(2.5);
}

.mapa-modal-img[b-yhwkas5zla] {
    max-width: 100%;
    max-height: 80vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 4px;
    display: block;
    transition: transform 0.3s ease;
    filter: contrast(1.1) brightness(1.05);
}

.mapa-modal-zoom-indicator[b-yhwkas5zla] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(0, 1, 87, 0.9);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    font-weight: 500;
    opacity: 0;
    transition: opacity 0.3s ease;
    backdrop-filter: blur(4px);
    pointer-events: none;
}

.mapa-modal-img-container:hover .mapa-modal-zoom-indicator[b-yhwkas5zla] { opacity: 1; }

.mapa-modal-footer[b-yhwkas5zla] {
    padding: 0.75rem 1.5rem;
    border-top: 1px solid #e0e0e0;
    background: #fafafa;
    flex-shrink: 0;
}

.mapa-modal-local[b-yhwkas5zla] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.mapa-modal-local svg[b-yhwkas5zla] { color: var(--color-primary); }

.mapa-modal-container.tela-cheia[b-yhwkas5zla] {
    max-width: 98vw;
    max-height: 98vh;
    margin: 1vh;
    border-radius: 8px;
}

.mapa-modal-container.tela-cheia .mapa-modal-body[b-yhwkas5zla] { padding: 1rem; }

.mapa-modal-container.tela-cheia .mapa-modal-img-container[b-yhwkas5zla] {
    max-width: 100vw;
    max-height: calc(98vh - 120px);
}

.mapa-modal-container.tela-cheia .mapa-modal-img[b-yhwkas5zla] {
    max-width: 100%;
    max-height: 100%;
    cursor: zoom-out;
}

.mapa-modal-container.tela-cheia .mapa-modal-zoom-indicator[b-yhwkas5zla] {
    opacity: 1;
    background: rgba(0, 1, 87, 0.95);
}

@media (max-width: 768px) {
    .mapa-modal-container[b-yhwkas5zla] { max-width: 95vw; max-height: 95vh; margin: 1rem; }
    .mapa-modal-header[b-yhwkas5zla]    { padding: 1rem 1rem 0.75rem; }
    .mapa-modal-title[b-yhwkas5zla]     { font-size: 1.1rem; }
    .mapa-modal-body[b-yhwkas5zla]      { padding: 0.75rem; }
    .mapa-modal-footer[b-yhwkas5zla]    { padding: 0.75rem 1rem 1rem; }
    .mapa-modal-container.tela-cheia .mapa-modal-img-container[b-yhwkas5zla] { max-height: calc(95vh - 100px); }
}

@keyframes fadeIn-b-yhwkas5zla  { from { opacity: 0; }                   to { opacity: 1; }                  }
@keyframes scaleIn-b-yhwkas5zla { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }

/* ================================================================
   FAQ SECTION
   ================================================================ */
.faq-section[b-yhwkas5zla] { background: var(--bg-primary); }

.faq-list[b-yhwkas5zla] {
    max-width: 720px;
    margin: 0 auto;
}

.faq-item[b-yhwkas5zla] {
    border: 1px solid var(--border-color) !important;
    border-radius: 10px !important;
    margin-bottom: 0.75rem;
    overflow: hidden;
    background: var(--bg-card) !important;
    transition: box-shadow 0.2s ease;
}

.faq-item:hover[b-yhwkas5zla] { box-shadow: var(--shadow-sm); }

.faq-btn[b-yhwkas5zla] {
    font-weight: 700;
    font-size: 1rem;
    color: var(--text-primary) !important;
    background: var(--bg-card) !important;
    padding: 1.1rem 1.4rem;
    border: none !important;
    box-shadow: none !important;
}

.faq-btn:not(.collapsed)[b-yhwkas5zla] {
    color: var(--color-primary) !important;
    background: var(--bg-card) !important;
}

.faq-body[b-yhwkas5zla] {
    color: var(--text-secondary);
    line-height: 1.75;
    padding: 0 1.4rem 1.1rem;
    font-size: 0.95rem;
    background: var(--bg-card);
}

.countdown-timer[b-yhwkas5zla] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    border-radius: 16px;
    padding: 1.5rem 2rem;
    min-width: 280px;
    animation: countdownFadeIn-b-yhwkas5zla 0.8s ease 0.3s both;
}

@keyframes countdownFadeIn-b-yhwkas5zla {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.countdown-header[b-yhwkas5zla] {
    text-align: center;
    margin-bottom: 1rem;
}

.countdown-title[b-yhwkas5zla] {
    font-size: 0.7rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 0.25rem;
}

.countdown-subtitle[b-yhwkas5zla] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-secondary);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.countdown-grid[b-yhwkas5zla] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
}

.countdown-item[b-yhwkas5zla] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 55px;
}

.countdown-value[b-yhwkas5zla] {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    letter-spacing: -0.02em;
}

.countdown-label[b-yhwkas5zla] {
    font-size: 0.6rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-top: 0.25rem;
}

.countdown-separator[b-yhwkas5zla] {
    font-size: 1.6rem;
    font-weight: 300;
    color: rgba(255, 215, 0, 0.5);
    padding-top: 0.2rem;
    line-height: 1;
}

/* Responsive */
@media (max-width: 1024px) {
    .hero-main[b-yhwkas5zla] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .hero-right[b-yhwkas5zla] {
        justify-self: center;
    }
    
    .countdown-timer[b-yhwkas5zla] {
        min-width: 260px;
        padding: 1.25rem 1.5rem;
    }
    
    .countdown-value[b-yhwkas5zla] {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .countdown-timer[b-yhwkas5zla] {
        min-width: 240px;
        padding: 1rem 1.25rem;
    }
    
    .countdown-value[b-yhwkas5zla] {
        font-size: 1.75rem;
    }
    
    .countdown-item[b-yhwkas5zla] {
        min-width: 50px;
    }
    
    .countdown-separator[b-yhwkas5zla] {
        font-size: 1.3rem;
    }
    
    .countdown-grid[b-yhwkas5zla] {
        gap: 0.5rem;
    }
}
/* /Pages/Public/Inscricoes.razor.rz.scp.css */
/* Hero Section */
.hero-section[b-tqj9v6esdc] {
    position: relative;
    height: 60vh;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.hero-background[b-tqj9v6esdc] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-image[b-tqj9v6esdc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-overlay[b-tqj9v6esdc] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        135deg,
        rgba(0, 1, 87, 0.8) 0%,
        rgba(10, 36, 99, 0.6) 50%,
        rgba(0, 1, 87, 0.8) 100%
    );
    z-index: 2;
}

.hero-content[b-tqj9v6esdc] {
    position: relative;
    z-index: 3;
    text-align: center;
    max-width: 800px;
    padding: 2rem;
    animation: fadeInUp-b-tqj9v6esdc 1s ease-out;
}

.hero-title[b-tqj9v6esdc] {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 700;
    margin-bottom: 1rem;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.hero-subtitle[b-tqj9v6esdc] {
    font-size: clamp(1.2rem, 3vw, 1.8rem);
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 2rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.section-title[b-tqj9v6esdc] {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2rem;
    color: var(--color-primary, #000157);
    text-align: center;
}

/* Animações */
@keyframes fadeInUp-b-tqj9v6esdc {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsividade */
@media (max-width: 768px) {
    .hero-section[b-tqj9v6esdc] {
        height: 50vh;
        min-height: 300px;
    }
    
    .hero-content[b-tqj9v6esdc] {
        padding: 1rem;
    }
    
    .section-title[b-tqj9v6esdc] {
        font-size: 1.5rem;
    }
}
/* /Pages/Public/TermosCondicoes.razor.rz.scp.css */
/* Hero Section */
.hero-section[b-hp1cgquxe6] {
    position: relative;
    height: 60vh;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.hero-background[b-hp1cgquxe6] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-image[b-hp1cgquxe6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-overlay[b-hp1cgquxe6] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        135deg,
        rgba(0, 1, 87, 0.8) 0%,
        rgba(10, 36, 99, 0.6) 50%,
        rgba(0, 1, 87, 0.8) 100%
    );
    z-index: 2;
}

.hero-content[b-hp1cgquxe6] {
    position: relative;
    z-index: 3;
    text-align: center;
    max-width: 800px;
    padding: 2rem;
    animation: fadeInUp-b-hp1cgquxe6 1s ease-out;
}

.hero-title[b-hp1cgquxe6] {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 700;
    margin-bottom: 1rem;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.hero-subtitle[b-hp1cgquxe6] {
    font-size: clamp(1.2rem, 3vw, 1.8rem);
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 2rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.section-title[b-hp1cgquxe6] {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2rem;
    color: var(--color-primary, #000157);
    text-align: center;
}

.termos-content[b-hp1cgquxe6] {
    line-height: 1.8;
    color: var(--color-text-dark, #333333);
}

.termos-content h3[b-hp1cgquxe6] {
    color: var(--color-primary, #000157);
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 1.3rem;
    font-weight: 600;
}

.termos-content p[b-hp1cgquxe6] {
    margin-bottom: 1rem;
}

/* Animações */
@keyframes fadeInUp-b-hp1cgquxe6 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsividade */
@media (max-width: 768px) {
    .hero-section[b-hp1cgquxe6] {
        height: 50vh;
        min-height: 300px;
    }
    
    .hero-content[b-hp1cgquxe6] {
        padding: 1rem;
    }
    
    .section-title[b-hp1cgquxe6] {
        font-size: 1.5rem;
    }
    
    .termos-content h3[b-hp1cgquxe6] {
        font-size: 1.1rem;
    }
}
/* /Pages/Superadmin/Departamentos.razor.rz.scp.css */
/* /Pages/Superadmin/Logs.razor.rz.scp.css */
/* /Pages/Superadmin/UtilizadorDetalhe.razor.rz.scp.css */
/* /Pages/Superadmin/Utilizadores.razor.rz.scp.css */