/* Reusing styles for consistency */
    .titulo-pagina {
        font-size: 2.5rem;
        font-weight: 700;
        color: #1f2937;
        text-align: center;
        margin-bottom: 3rem;
        position: relative;
        padding-bottom: 1rem;
    }
    
    .titulo-pagina::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 120px;
        height: 4px;
        background: linear-gradient(90deg, #3b82f6, #2563eb, #1d4ed8);
        border-radius: 2px;
    }

    .info-card {
        background: #fff;
        border-radius: 15px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        padding: 2rem;
        margin-bottom: 2rem;
        border: none;
    }

    .alert-custom {
        border-radius: 15px;
        border: none;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        padding: 1.5rem;
        margin-bottom: 1.5rem;
        position: relative;
        overflow: hidden;
    }

    .alert-custom-success {
        background: linear-gradient(135deg, #d1fae5 0%, #ecfdf5 100%);
        border-left: 5px solid #10b981;
        color: #065f46;
    }

    .alert-custom-danger {
        background: linear-gradient(135deg, #fee2e2 0%, #fef2f2 100%);
        border-left: 5px solid #ef4444;
        color: #991b1b;
    }

    .alert-icon {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    .img-mapa {
        cursor: pointer;
        transition: transform 0.3s ease;
    }
    
    .img-mapa:hover {
        transform: scale(1.02);
    }

    .table-custom {
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 0 20px rgba(0,0,0,0.05);
        border-collapse: separate;
        border-spacing: 0;
        width: 100%;
        background-color: #fff;
    }

    .table-custom thead th {
        background-color: #3b82f6;
        color: white;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border: none;
        padding: 15px;
    }

    .table-custom tbody tr:nth-of-type(odd) {
        background-color: rgba(0, 0, 0, 0.02);
    }

    .table-custom tbody tr:hover {
        background-color: rgba(59, 130, 246, 0.05);
        transform: scale(1.001);
        transition: all 0.2s ease;
    }

    .table-custom th, .table-custom td {
        vertical-align: middle;
        padding: 12px 15px;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .table-custom tbody tr:last-child td {
        border-bottom: none;
    }

    /* Dark mode overrides */
    body.dark-mode .titulo-pagina { color: #e2e8f0 !important; }
    body.dark-mode .info-card { background: #283347 !important; color: #e2e8f0 !important; }
    body.dark-mode .alert-custom-success { background: linear-gradient(135deg, #064e3b 0%, #065f46 100%) !important; color: #d1fae5 !important; }
    body.dark-mode .alert-custom-danger { background: linear-gradient(135deg, #7f1d1d 0%, #991b1b 100%) !important; color: #fee2e2 !important; }
    
    /* Table Dark Mode */
    body.dark-mode .table-custom {
        background-color: #283347 !important;
        color: #e2e8f0 !important;
        border-color: #475569 !important;
    }
    body.dark-mode .table-custom th, 
    body.dark-mode .table-custom td, 
    body.dark-mode .table-custom tr {
        background-color: #283347 !important;
        color: #e2e8f0 !important;
        border-color: #475569 !important;
    }
    
    /* Striped rows effect */
    body.dark-mode .table-custom tbody tr:nth-of-type(odd) td,
    body.dark-mode .table-custom tbody tr:nth-of-type(odd) th {
        background-color: rgba(255, 255, 255, 0.03) !important;
    }
    
    /* Hover effect */
    body.dark-mode .table-custom tbody tr:hover td,
    body.dark-mode .table-custom tbody tr:hover th {
        background-color: #334155 !important;
        color: #ffffff !important;
    }
    
    /* Header */
    body.dark-mode .table-custom thead th {
        background-color: #1e3a8a !important;
        color: #ffffff !important;
        border-bottom-color: #60a5fa !important;
    }
    
    body.dark-mode .text-primary { color: #60a5fa !important; }
    body.dark-mode .text-muted { color: #cbd5e1 !important; }

    body.dark-mode .bg-light { background-color: #1e293b !important; }
    body.dark-mode .modal-content { background-color: #283347 !important; }
    body.dark-mode .modal-body.bg-light { background-color: #1e293b !important; }
    body.dark-mode .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }